Daily UI #026

こんにちは!saiです。

今回は、クイズゲームのランキング画面に取り組みました。

ランク1

ランク2


完成までのプロセス

①思いつくワードを書き出す
・ゲーム好き→スマホゲーム

・友達とマック→一緒に遊ぶ

・パズドラ→パズルゲーム

・謎解き→経過時間

・勉強の息抜き→手軽にできる

・負けず嫌い→友達と競い合う、全国で競い合う

↳フレンドとの差がわかりやすいランキング画面


②伝えたいことを整理する
・友達同士の比較
・自分と友達の比較

↳自分と友達の比較 > 友達同士の比較


③含まれる情報を考える
・3位までのランキング、ランキング一覧 画像、プレイヤー名、ポイント

④参考デザインを探す
・音ゲー
 ランキング一覧、画像、プレイヤー名、ポイント、称号

・HQ Trivia
 3位までのイラスト、4位以降のランキング 画像、プレイヤー名、ポイント


⑤参考デザインの要素を模範する


⑥手書きでラフを書く


⑦Xdでつくる


【良かった点】
伝えたいことを整理したおかげで方向性を決めてそれに沿ったデザインができた

【反省点】
ゲームの画面を考えたのは初めてだったので、時間がかかってしまったゲームの画面考えるの楽しかったし、他にもやって経験を積みたい

この記事が気に入ったらサポートをしてみませんか?