Daily Cocoda!制作アプリ

UIデザイン勉強サービスCocoda!にて、お題に沿ってアプリデザインを作るDaily Cocoda!に取り組み制作しました。
使いやすいUIの設計や、ユーザーの課題を解決する考え方など非常に勉強になりました。以下のデザインは制作した物の一部です。

Cocoda!のお題

制作期間

1日

目的

中学生にとって使いやすく、ゲーム感覚で使えるアプリにする

リサーチ

Google mapのUI・ビジュアルデザインを分析

仮説

所要時間表示のUIについて考えた時に、中学生の交通手段としては、『徒歩』以外の移動手段として『交通機関』『車』『タクシー』よりも 『走る』『自転車』といった選択肢の方が多いと予想される。 また、目的を達成することに特化したUIだけでなく、ゲーム感覚で楽しめる要素を加えることでアプリ利用に対するモチベーションを向上させることが出来るのではないか。

利用シーン

友人宅や塾、習い事、クラブや部活の試合会場に行く際の使用を想定。

操作手順

目的地を検索すると、行き方とそこまでに『徒歩』『走る』『自転車』で移動した場合にかかる時間を見ることが出来る。 その中から一つ交通手段を選び移動を始めると、動くごとに表示された目的地までの時間が短くなる。

目的地まで到着すると、文字とイラストでアクションに対するフィードバックを伝える。

UI設計

UI改善

一度作ったデザインを再度作り直しました。

改善させた点
・ボタンに厚みを持たせ、吹き出しを作ることで”ゲームっぽさ”を強化
・イラストを可愛いキャラクターに変更
・「お気に入り登録」「移動手段の追加選択」「天気確認」といった機能を新しく追加