ゲームアプリのUIデザイン

プレイしたゲームアプリのUIデザインに関して書き残します。毎日頑張って更新!

010_タイトル一覧-AFKアリーナ

「AFK アリーナ」放置時間に応じて宝箱の周辺のデザインも変わるデザイン

こんにちは、ちょこです! 「AFKアリーナ」で放置ボーナスが獲得出来る際に、獲得量がビジュアルと紐づいているため、視覚的に分かりやすくなっていました。 この部分ですね。 このデザインにより… 獲得量(放置時間)の目安が宝箱をタップしなくても分かる 獲…

「AFKアリーナ」スキルアイコンのデザインがきれいだったので、デザインする際の参考になりそう

こんにちは、ちょこです。 ソシャゲのUIデザイナーの業務の中で、スキルアイコンを描く、という業務があります。 正直「UIか…?」と思わなくもないのですが、言葉の定義は置いといて、現実問題としてあります。(webデザイナーもアイコン作るからその流れなの…

「AFKアリーナ」節電モードの効果を検証してみたけど、差が無かった件

こんにちは、ちょこです。 「AFKアリーナ」にも節電モードがあったので、UI目線でどういったメリットが考えられるのか紹介します。 2019年時点ではあまり気付いていなかったのですが、中国や東南アジアを中心に向けたゲームにしばしば実装されているように見…

「AFKアリーナ」受け取り済みかどうか、封書の開封グラフィックで差異があった

こんにちは!ちょこです! 「AFKアリーナ」のメールボックス機能で、受け取り済みの贈り物と未受け取りの贈り物が文字ではなく、グラフィックで差別化されていました。 これにより認知の軽減に繋がっているのかな、と感じました。 未開封だと、項目が明るく…

「AFKアリーナ」の図鑑とスキン画面への画面遷移の事例紹介

こんにちは、ちょこです。 今回は「AFKアリーナ」の図鑑画面とスキン画面への遷移演出を紹介します。 「AFKアリーナ」は汎用的なパーツを利用して画面をデザインするタイプのゲームではありません。どちらかというと、個別に画面をデザインするタイプのゲー…

「AFKアリーナ」チャット画面で自分への返信には目印が付く仕様になってて分かりやすい

こんにちは、ちょこです。 「AFKアリーナ」のチャット機能にて、自分への返信には目印が付く挙動になっていました。 図のように、自分への返信であった場合は文字に色が付き、他のメッセージとは異なるデザインになっています。普段チャットしないので全然気…

「AFK アリーナ」放置していても経験値が獲得できる理由付けがされているデザインになっていました

こんにちは、ちょこです! 「AFK アリーナ」は放置した時間に応じて経験値やゴールド、装備アイテムなどが獲得できる実装になっています。 ▲ホーム画面 こちらの宝箱をタップすると、報酬が獲得できます。 ▲獲得した報酬が一覧で表示されます 流れで見るとこ…

「AFK アリーナ」チャット画面での翻訳機能とNGワード対策の実例紹介

こんにちは、ちょこです! 「AFK アリーナ」のチャット画面にて翻訳機能が実装されている件と、NGワードが投稿されている時の挙動を紹介します。 先日の「ココッパドール」でも紹介しましたが、最近のチャットって翻訳機能が付いていることが珍しくないんで…