アプリゲームUIデザイン

プレイしたアプリゲームのUIデザインに関して、書き残しておこうと思います。毎日24時に更新!

プレイしたゲーム一覧

ゲームアプリのUIを専門に考察してまとめています。
UIデザイナーをはじめ、ゲーム開発者の参考になればと思います。

現在97タイトル紹介済み (2020/5/19時点) 

  • あ行 (15タイトル)
  • か行 (18タイトル)
  • さ行 (11タイトル)
  • た行 (17タイトル)
  • な行 (4タイトル)
  • は行 (11タイトル)
  • ま行 (4タイトル)
  • や行 (5タイトル)
  • ら行 (10タイトル)
  • わ行 (2タイトル)

 

続きを読む

「スタンドマイヒーローズ」プロフィールがプロフ帳みたいで可愛い!

こんにちは、ちょこです!

 

「スタンドマイヒーローズ」のキャラクターのプロフィール画面が没入感のあるデザインになっていました!

f:id:appgameui:20200705195118p:image

▲履歴書ではないのですが、何かそれっぽいデザイン

 

項目には「疲れた時はどうしてる?」「大事なものの隠し場所は?」など、ゲームを攻略する上では不要な情報ですが、シナリオを読み解く際の想像力が働きます。

 

主観ではありますが、スタマイのような女性向けのコンテンツの場合、キャラクター単体の魅力だけではなく、周囲のキャラクターとの関係性を含めて評価しているように感じます。

なんというか…関係性が変わるとキャラクターの違う面が見えたり、そのキャラクターの内面の変化を楽しんでたり、そんな感じです!

恋愛モノとかも基本的には関係性の変化ですし、ある程度の傾向はある気がするんですよね。

 

無理にこじつけようとしたら、妊娠中、出産時の生存確率を上げるためには他人に保護してもらわなければならない。そのために集団での関係性を重要視したり、注意が向くように生物的に進化してきた、とか。

 

また、こちらも根拠はないのですが、男性より女性の方がこういったプロフィールに関心があるように伺えます。

前略プロフィールは男女比が2:8で女性の方が多かったみたいです。

会員400万人、月間14億PVを達成!女子高生の間でブレイク中の「前略プロフィール」最新事情 :MarkeZine(マーケジン)

3000名を対象にモバイルを利用したユーザーアンケートの結果も語られた。年齢のボリュームゾーンとしては、10~19才の間で約8割、男女比は男性2割、女性8割という結果で、やはり女子中高生が多い。 

 

あとは「プロフ帳」で画像検索すると、およそ女性向けのデザインしかヒットしないので、やはり市場なり需要には偏りがあるように見えます。

f:id:appgameui:20200709001656p:plain

▲かわいいデザインが目立つ
 

 

故にそういったことに興味がある女性ユーザーをターゲットにするのであればプロフィールをプロフ帳のようにデザインするのは「主観的利用時品質」の観点から、効果的なのかもしれません。(楽しさ、喜ばしさ、好ましさ、反復利用への意欲など)

f:id:appgameui:20200708082634p:image

▲優しい色使いであったり、付箋やクリップなど、かわいい文具で構成されているのも良いですね!

 

f:id:appgameui:20200709001406p:plain

▲文字も可愛い。あと字がありえないくらいキレイ。フォントには見えないけど、書いてるのだろうか…。

 

プロフィール画面だからといって情報の羅列ではなく、
ユーザーに満足してもらうためにはどういったデザインが良いのか、ということを意識されていると感じられました。

 

見た目にも、心配りにも素敵なデザインだなと感じたので紹介させていただきました!

 

 

スタンドマイヒーローズ OFFICIAL MEMORIAL BOOK 2017-2019 (B’sLOG COLLECTION)

新品価格
¥5,292から
(2020/7/9 00:34時点)

「スタンドマイヒーローズ」フィルタに件数表示があり、ちょっとだけ便利なデザイン!

こんにちは、ちょこです!

 

「スタンドマイヒーローズ」のフィルタ機能がちょっとだけ便利でした!

f:id:appgameui:20200705194641p:image

 

画面下にフィルタリングされた件数が即時反映で表示されています!便利!

f:id:appgameui:20200706231144p:plain

この実装形式は、ソシャゲではあまり見たことなかったかも。

このデザインにより、ヒット件数が0件のケースを回避できます。
フィルタリングをするのは任意の情報を抽出するためであり、ヒット件数が0件はユーザーが意図する操作ではなくエラーに近いものです。

つまり、ユーザーが未然に0件表示を回避することができ、手数が省略、ストレスを回避するなどのメリットが考えられます。

 

この「ちょっとだけ便利」というのがとても良くて、あまりに先に進みすぎるとユーザーのメンタルモデルと乖離してしまいます。

ソシャゲのフィルタは情報が多く、完全に迷走しているので、中々利便性が見出せなかったのですが、まだまだ工夫できる余地があるのだな、と気付かされました。

 

件数表示をするのは手段です。目的としては少しでもユーザーの手間を減らすことです。フィルタの機能実装で迷っている方の参考になればと思います。

 

 

スタンドマイヒーローズ OFFICIAL MEMORIAL BOOK 2017-2019 (B’sLOG COLLECTION)

新品価格
¥5,292から
(2020/7/9 00:34時点)

「ココッパドール(ココドル)」衣装を獲得したら、時間差でボタンが表示され視線が向くように工夫されている

こんにちは、ちょこです!

 

「ココッパドール(ココドル)」で時間差でボタンが表示され、視線が向くように仕向けられている場面がありました!
f:id:appgameui:20200630080128p:image

画面右下にある「GO」のボタンが時間差で表示されます。

 

f:id:appgameui:20200705185358p:plain

▲こちらのボタン

 

表示されるタイミングに関してはこちら。

f:id:appgameui:20200705184915g:plain

 

後からアニメーションして出てくるので、視線は自然とそこに集中します。

 

なぜこういった仕様になっているか補足します。

最初(アイテムを獲得する前)はアイテムを獲得するボタンの優先度が高い状態です。

f:id:appgameui:20200705190123p:plain

▲最初は「購入」ボタンの優先度が高い

 

アイテムを獲得した後は「チャレンジコーデ」に進む導線が表示されます。
これはRPGに例えるなら、武器を装備してバトルに向かう導線と置き換えられます。

このように、状況が変わりボタンの優先度も変わるのですが、
アニメーションを用いることによって、訴求するボタンを上手く切り替えているなぁ、と感じました。

「ココッパドール(ココドル)」チャット画面で多言語翻訳機能が付いてて斬新!

こんにちは、ちょこです!

 

「ココッパドール(ココドル)」のチャットに翻訳機能が実装されてて衝撃を受けました!

f:id:appgameui:20200702234108p:plain
▲チャット画面 

 

こちらのボタンを押すと翻訳できます。

f:id:appgameui:20200703001457p:plain
▲翻訳ボタン

 

 

挙動で見るとこんな感じです。

f:id:appgameui:20200703000926g:plain

チャットって翻訳できるものなんですね…。

 

このゲームは日本語のほかに、英語と繁体字に対応しています。

多言語対応しているチャットについて調べてみると、基本的にはアプリ側で対応しておらず、端末側または外部ツールを使って翻訳し、コミュニケーションを取っている事例が多く見られました。

個別に翻訳ボタンを押すのも手数が掛かるので、可能であれば一括翻訳があるとより良さそうですね。

 

多言語対応を検討しているタイトルの場合、チャットにこういった機能を実装するのは良いアイデアだと感じました。

 

斬新なアイディアだと感じたのですが、最近増えてるんですかね。