コンセプト
出勤前にさっと確認できる天気予報アプリ
利用ユーザー
20代半ばのビジネスマン
雰囲気
- シンプル
- さわやか
制作時間
1時間半
ラフに15分、その後の作業も合わせて1時間半です。 参考アプリのトレースの時間は含まれていません。トレースをし手から期間が少し空いてしまったためです。
ユーザーの課題やニーズ
今日雨が降るのかどうかを特に知りたい
利用される場面
朝家を出る前
コア機能
- 天気によって変わるイメージ画像
- 天気の微妙な具合を漢字で表現
- スワイプなしで今日の一日の天気の移り変わりが分かる
どのようなプロセスでデザインしたか
まずYahoo!天気アプリとAppleの天気アプリのトレースを行い、コンセプトを元にフレームワークと必要な情報の整理をしました。その後、Sketchの本を参考にシンボルの利用の仕方を理解し、ラフを描き、Sketchでの作業に取り掛かりました。
デザインで意識したこと工夫したこと
同じコンポーネントが画面の半分以上を覆わないよう意識しました。同じコンポーネントが続くと野暮ったいデザインになると感じたからです。
参考アプリ
- Yahoo!天気
- iPhone天気アプリ
使用ソフト
Sketch
使用素材
- freepik
- fontawesome