こんにちは、ちょこです。 このブログでは「ゲームのUIを見てみましょう」というテーマでゲームを紹介しています。 今回は5xgamesからリリースされている「ソード＆ブレイド」のゲーム設定の画質に関する項目が分かりやすい見せ方だったので紹介します。 早…

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみましょう」というテーマでゲームを紹介しています。 今回は5xgamesからリリースされている「ソード＆ブレイド」のアバター作成機能を紹介します。 「ソード＆ブレイド」はジャンル的にはMMORPG…

こんにちは、ちょこです！ 今回は「ソード＆ブレイド」のイヤホンの装着を推奨される画面を紹介します。 該当の画面はこちらです。ゲーム開始前に表示されます。 昔のiPod CMみたいです。イヤホン部分だけが白く抜かれているため、自然と視線も集まりやすく…

こんにちは！ちょこです！ 今回は「ソード＆ブレイド」のキャラ選択の演出を紹介します。画面をデザインする際の参考になれば幸いです。 該当の画面はこちらです。 キャラクターは全部で以下の属性に分類されます。 華山（かざん） 無相（むそう） 恒山（こ…

こんにちは！ちょこです！ 今回は「ソード＆ブレイド」の便利機能を紹介します。 該当の機能はこちらです。 ステータスアップができる装備アイテムを入手した際に、装備するかどうかを確認するダイアログが表示されます。 挙動としてはこのようになります。 …

こんにちは！ちょこです！ 今回は「ソード＆ブレイド」からユーザーの呼び方について紹介します。 カテゴリに当てはめるとしたら、UXライティングとかマイクロコピーに該当するものかと思います。 ゲーム内のテキストを扱う際の参考になれば幸いです。 以下…

こんにちは、ちょこです！ 今回は「ソード＆ブレイド」をもとに、名前をランダム生成する機能のアイコンのメンタルモデルについて考えてみました。 プレイヤーやキャラクターの名前をランダムに決めたい機能を実装する際のデザインの参考になれば幸いです。 …

こんにちは、ちょこです。 今回は「ソード＆ブレイド」のチャットスタンプの名前に関する話です。 該当の画面はこちらです。 このように「ソード＆ブレイド」では文字以外にもさまざまなスタンプを送ることができます。 その中に見慣れない名前のスタンプが…

こんにちは！ちょこです！ 今回は「ソード＆ブレイド」をプレイしていて、ユニバーサルデザインの観点で考えてみると改めて自動移動と自動戦闘の機能が便利だと感じたので紹介。 該当の画面はこちらです。 自動戦闘しているシーンはこちらです。多人数を相手…

こんにちは！ちょこです！ 今回は「パニシング：グレイレイヴン」から戦闘中のUIパーツの位置調整ができる機能を紹介します。 「パニシング：グレイレイヴン」アクション性が高いゲームです。一律的なUIの配置だと、細かやかな操作を行う際にストレスに感じ…

こんにちは！ちょこです！ 今回は「ソード＆ブレイド」のアドベンチャーパートを事例に、選択肢が表示される位置について紹介します。 アドベンチャーパートのデザインを検討する際に参考になれば幸いです。 こちらが「ソード＆ブレイド」のアドベンチャーパ…

こんにちは！ちょこです！ 今回は「パニシング：グレイレイヴン」、通称「パニグレ」はどんなゲーム設定があるのか、画質に絞って紹介します。 UIデザイナーが積極的に関与するような場所ではないかもしれませんが、ユーザーごとの評価軸に沿えるような項目…

こんにちは！ちょこです！ もう何度目かの紹介になるのですが、中国のソシャゲのお知らせ画面の画面設計を紹介します。今回取り上げるのは「ソード＆ブレイド」です。 「ソード＆ブレイド」のお知らせ画面デザインの特徴としては、お知らせの本文を見るまで…

こんにちは！ちょこです！ 今回は「パニシング：グレイレイヴン」の敵HPゲージのデザインについて考えてみました。 敵のHPゲージのデザインを検討する際の参考になれば幸いです。 該当の画面は以下です。 分かりやすいようにHPゲージを拡大してみます。HPゲ…

こんにちは！ちょこです！ 今回は「パニシング：グレイレイヴン」のクエストの自動周回機能に関して紹介します。 クエストの自動周回機能は他のゲームでもしばしば見かけます。 「パニシング：グレイレイヴン」の周回機能の特徴は複数のクエストを自動で周回…

こんにちは！ちょこです！ 今回は「パニシング：グレイレイヴン」のホーム画面から、ユーザーの行動を誘導するデザインの事例を紹介させていただきます。 ゲーム初心者の方や「パニシング：グレイレイヴン」をプレイし始めた方が助かるようなデザインである…

こんにちは！ちょこです！ 今回は端末のバッテリー残量が少なくなった時の「パニシング：グレイレイヴン」のホーム画面の挙動を紹介します！ 端末のバッテリー残量といった現実世界の情報を参照することにより、ゲームの中の世界とリンクしたような感覚が得…

こんにちは！ちょこです！ 今回は「パニシング：グレイレイヴン」にて、ユニバーサルデザインの事例を紹介します！ 具体的には「音声が聞こえづらい方への配慮」が見られるデザインの紹介です。 該当の画面はこちらのホーム画面です。 ホーム画面でキャラを…

こんにちは！ちょこです！ 今回は「パニシング：グレイレイヴン」からアイコンの変化について紹介します。 該当の画面はこちらです。画面左側にメールの件名、右側にメールの本文が表示されています。 上から順に 開封済み（報酬受け取り済み） 開封済み（報…

こんにちは！ちょこです！ 今回はアンチパターンの紹介です。 「パニシング：グレイレイヴン」で横組み用のフォントを縦組みで使ってしまったと思われる箇所がありました。 該当の画面はこちらです。この画面はキャラクターの育成画面です。キャラクターの左…

こんにちは！ちょこです！ 今回は「パニシング：グレイレイヴン」のキャラプロフィール画面から、世界観を表したテキストがあったので紹介します。 世界観を表現するテキストを考える際の参考になれば幸いです。 該当の画面はこちらです。 画面左側に３Ｄの…

こんにちは！ちょこです！ 今回は「パニシング：グレイレイヴン」からアンチパターンの紹介をします。 アンチパターンの意味については以下を引用します。 デザインパターン（デザパタ）とは - IT用語辞典 e-Words アンチパターンという用語が広まるに連れて…

こんにちは！ちょこです！ 今回は「パニシング：グレイレイヴン」のお知らせ画面の画面設計を紹介します。画面の特徴としては、お知らせの本文を見るまでの手数が少ないことがあげられます。 UIの評価軸として、タスクを完了させるための手数が少ないことは…

こんにちは、ちょこです！ 今回は「パニシング：グレイレイヴン」のプレゼント配布時にユーザーのことをどう呼んでいるか紹介します。 テキストライティングを利用して、ゲームへの没入感を高めるための参考になれば幸いです。 該当の画面はこちらです！こち…

こんにちは！ちょこです！ 今回は「パニシング：グレイレイヴン」から、商品購入処理の間に表示されるテキストについて紹介します。 ゲームUIにおけるUXライティングの表現に興味のある方の参考になれば幸いです。 該当の画面はこちらです。ショップで商品の…

こんにちは！ちょこです！ 何度目かですがグリッチ表現の事例紹介です。今回は「パニシング：グレイレイヴン」から紹介します。 今回は３つの画面での採用事例を紹介します。まず最初の画面はこちらです！アドベンチャーパートの画面です。 静止画で見ても分…

こんにちは！ちょこです！ 今回は「パニシング：グレイレイヴン」にて、バトル中にキャラクターのHPが少なくなってきた時の画面演出を紹介します。 ユーザーに緊張感を与えたかったり、ユーザーの行動をデザインさせたい際の参考になれば幸いです。 該当の画…

こんにちは！ちょこです！ 今回は「パニシング：グレイレイヴン」から、ショップ画面でアイテムが無料で購入できる機能を紹介します！ 主に「無料で購入できる」ことと「無料で配布する」ことの違いに注目して書いてみます。 サービスの売り上げに対して何か…

こんにちは！ちょこです！ 今回は「パニシング：グレイレイヴン」のアドベンチャーパートのデザインについて紹介します！ 「パニシング：グレイレイヴン」のアドベンチャーパートでは選択肢が右側に表示されます。 アドベンチャーパートの役割は文字を読ませ…

こんにちは！ちょこです！今回は書籍紹介です！紹介する書籍はこちらです！ ▼「っぽくなるデザイン 誰でもできるかっこいいレイアウト集」 (function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a; b[a]=b[a]||function(){arguments.currentScript=c.currentS…