Daily UI #037 – 042

アプリデザイン

制作範囲

制作ツール

制作期間

Daily UI #037「Weather Design」天気

GoogleやYahoo、ウェザーニュースなどのデザインを参考にしました。

Googleで天気を検索すると現在地の天気予報がカエル🐸の可愛いイラストで表示されていますが、ここでは写真によるリアルな天候の写真にすることで情報認知力を向上させました。

「プライベート」や「仕事」などのカテゴリごとに絞り込みすることで予定を確認できるようになっています。

予定項目のプラスまたは項目をクリックすることで予定の詳細が表示され、ボタンが閉じるボタン表記に変わる仕様を想定しています。
（プラスだと追加できるイメージが強いので、もう少し別のアイコンを使用しても良かったかも）

ポートフォリオサイトを想定した自己紹介欄をデザインしました。

今使用しているポートフォリオサイトとは別で、当サイトのロゴのコンセプトに合わせた新しいサイトデザインを考えていたので、新デザインになった際の画面を想定してデザインしました。

全体的にシンプルなデザイン構成にしました。

レシピアプリだと詳細な内容で要素が多いイメージが調査をしていたあったのですが、レシピを見て料理を完成させることがゴールなので、シンプルに写真、料理名から調理の詳細、材料という導線で行動までのフローで迷うことがないようにデザインしました。

#018で制作した健康管理アプリをベースにデザインを作成しました。

1日の運動達成量のグラフとおすすめのトレーニングを紹介し、トレーニング時間や消費カロリーの具体的な数値を表示することで、ユーザーが求めるトレーニング動画を直感的に判断できるようにしました。

未来の目標を管理するTo Do Listアプリを想定してデザインしました。

起業して人々に役立つサービスを提供したいというペルソナを設定の元、Todoをこなしたことによる目標の達成度を明確化することで、アプリの利用率とモチベーションの向上に繋がると考えた構成になっています。