【アプリUI(自主練)】料理アプリの検索画面

UI デザイン

Cocoda! という無料でUIデザインの練習ができるサービスを利用して UI/UX デザインの練習をしています。

Cocoda(ココダ)は、デザイナーに知見と経験を提供するコミュニティサービスです。UIUX・グラフィックなどの実践的なデザインコンテンツに取り組んだり、デザイ…
cocoda-design.com

Day4 料理アプリの検索画面

ペルソナ

  • 小学校高学年の子供を持つお母さん
  • フルタイムで勤務中
  • 料理はできるだけ手作りしたいが、時間はあまりかけられない

できること

  • 食材やレシピ名で検索
  • おすすめのレシピをレコメンド(ピックアップ)
  • 食材から探す(「もっと見る」で詳細検索が可能)
  • ジャンルで探す(「もっと見る」で詳細検索が可能)
  • 調理時間で探す
  • お気に入りの登録

意識したこと、学んだこと

  • 余白をたっぷりとることにより、必要最低限のパーツでカテゴリ分けを表現できた

反省点

  • フォントサイズが小さすぎたかもしれない
  • 「調理時間で探す」のデザインの工夫が足りない

工数

1.5 H