料理アプリの検索画面制作

OVERVIEW

Daily Cocoda!のUIデザイン制作お題

YEAR 2020

Overview

題材:料理アプリの検索画面

制作時間:2時間

制作ツール:AdobeXD

媒体:アプリ

 

Details

ターゲット:食べ盛りな子供を持つ夫婦

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

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

 

画像を選択して料理レシピを直感的に検索できるシンプルな料理アプリ。

食べたいものが決まっている時は料理名から、冷蔵庫にある食材から何か作れるものを調べたい時は食材から、という双方向から検索が可能。

検索した料理はお気に入りに登録しておくといつでも見ることができる。

 

Processes

1.料理アプリのリサーチ

2.素材の選定(アイコン、画像)

3.制作

 

■課題

幅広い年齢層に使いやすいように、「画像を用いて直感的なアプローチができる」「シンプルで複雑な動きが少ない」デザインにする。

■工夫した点

・検索画面はシンプルに選択するのみで検索できるようにした。

・買い物中や冷蔵庫を開けて考える際にすぐ使えるよう必要なアクションとページ移動を減らした。

・拡大しなくとも文字が読みやすいように平易な単語、わかりやすいアイコンを使用した。