DailyCocoda! #004 料理アプリの検索画面

OVERVIEW

UIデザイン学習サービスCocoda!(https://cocoda-design.com/)を利用し制作したデザインの記録です。

YEAR 2019

〈 お題 〉
誰向け:食べ盛りな子供を持つ夫婦

コンセプト:冷蔵庫にある食材で手軽にできる料理アプリ

雰囲気:あたたかい / やさしい

参考アプリ:タベリー / クックパッド / クラシル


〈 考えたこと 〉

今回は作成する過程でどう考え作業を進めたのかを記録してみます。


■まずは参考となるアプリをダウンロードして操作してみました。
各アプリの違いとそれぞれの意図を考えながら、自分だったらどんな機能が欲しいかを考えました。

■次にお題として指定された条件をどうクリアするかを考えました。
①ターゲット「食べ盛りな子供をもつ夫婦」から考えたこと
・忙しい:
「時短・簡単」などテーマでレシピを絞り込め、そこにすぐアクセスできるUIが良い
タベリーのように献立と買い物リストをサッと作れるとよいのでは
・子供がいる
これも「子供が喜ぶレシピ」などテーマで絞り込めるようにすればクリアできる
(好き嫌いやアレルギーのある子供をもつ家庭にとって、
クックパッドの「含まない食材」検索が素晴らしいと思いました。)


②コンセプト「冷蔵庫にある食材で手軽にできる料理アプリ」から考えたこと
食材から検索できるようにすればクリアできる
且つ、「残り物食材レシピ」のようなテーマからも絞り込めると良さそう

■紙に手書きでワイヤーフレームを描きました。
考えたことを整理しつつ何をどこに配置するかを決め、「あたたかい・やさしい」という条件も踏まえ配色や各要素の形を考えました。

■他のCocoda!ユーザーさんの作品やギャラリーサイト(Collect UIなど)を参考にしつつ、XDで画面を作りながら微調整をしました。