Daily Cocoda! #001 - #010
デザイナーになりたい人のためのコミュニティサービスCocoda!(https://cocoda-design.com)のDailyチャレンジ(#001 - #010)に取り組んだアウトプットを載せています。
【001】プロフィール画面
◎設定
誰向け:食べ盛りな子供を持つ夫婦
コンセプト:冷蔵庫にある食材で手軽にできる料理アプリ
雰囲気:あたたかい、やさしい
◎工夫した点
ファーストビューで印象に残るようにフォロー、フォロワー数などを大きく配置しました。ギャラリー部分はinstagramを参考にしましたが、もう少しユーザビリティを考慮した上でオリジナリティを出せれば良かったと感じました。
【002】音楽アプリ -新規登録画面-
◎設定
誰向け:おしゃれ好きな男子大学生
コンセプト:好みの音楽がレコメンドされる音楽アプリ
雰囲気:カジュアル、おしゃれ
◎工夫した点
おしゃれで使いたくなる音楽アプリの新規登録画面です。
背景に画像を全画面表示することでダイナミックさやワクワク感を表現しました。
シンプルながらリッチな雰囲気を出すためにボタン/フォームにはグラデ及び透過させたものを使用しました。これによってモダンな雰囲気を出すことができたかなと思っています。
【003】チャットアプリ -メッセージ画面-
◎設定
誰向け:20代半ばのビジネスマン
コンセプト:ビジネスシーンでも使えるチャットアプリ
雰囲気:シンプル、シック
◎工夫した点
文章量が多くなる場合もあると考えたため、アイコンを左側に統一して配置しました。
ユーザーの気を散らせないためにできるだけ色の使用を控え、メンションなど大事な部分に色を配置しています。
テキストタップ時のアクションに関しては、ChatworkのUIが良いと感じたため、取り入れました。
【004】料理アプリ -レシピ検索画面-
◎設定
誰向け:食べ盛りな子供を持つ夫婦
コンセプト:冷蔵庫にある食材で手軽にできる料理アプリ
雰囲気:あたたかい、やさしい
◎工夫した点
コンセプトからユーザーはある程度使える食材が決まっている状態で検索すると想定しました。そのため、料理アプリによくある新着やおすすめは表示せず、食材からの検索機能や「5分でできる」「野菜中心」といった目的メインの検索をUIとして追加しています。
より詳細な検索はタブバーから検索画面へ移動して行う想定です。
【005】天気アプリ -アプリアイコン-
◎設定
誰向け:高校生
コンセプト:毎日確認したくなるような天気予報アプリ
雰囲気:ポップ、たのしい
◎工夫した点
シンプルでアプリの目的がわかりやすいアイコンを意識しました。ただ、他の天気アプリと差別化ができていないため、もう少しグラフィック部分をこだわって作っていきたいと感じています。
【006】音楽アプリ -再生画面-
◎設定
誰向け:音楽好きな働き盛りの20代後半の女性
コンセプト:ジャケットで選べる音楽アプリ
雰囲気:おしゃれ、落ち着いた
◎工夫した点
シンプルさを意識し要素、アイコンを配置しました。
背景には白を置いてシンプルでおしゃれな雰囲気を意識し、ダークモードでは背景にグラデーションを使用して黒単一の重さを緩和できるようなデザインにしました。
【007】フードデリバリーアプリ -リスト画面-
◎設定
誰向け:都内に住む会社員
コンセプト:食べたいものがすぐに見つかるフードデリバリーアプリ
雰囲気:明るい、おいしそう
◎工夫した点
フードデリバリーアプリを使用する際は、ユーザーは食べたい料理が決まっていない場合が多いという仮定を立て、「ジャンル」「配達時間」「シチュエーション」など大まかなカテゴリーから絞り込んで料理を探せるUIにしました。
【008】電卓アプリ -計算画面-
◎設定
誰向け:30代主婦
コンセプト:買い物や家計簿をつける時にさっと使える電卓アプリ
雰囲気:やさしい、あたたかい
◎工夫した点
買い物や家計簿をつける際に計算の途中の値も確認できた方が良いと考えたため、合計上部にこれまでの計算を表示しました。
また、買い物時に計算が行いやすいように消費税が計算できるボタンを表示し、一気に全て消さなくても良いように一文字ずつ削除できるボタンを追加しました。
【009】天気アプリ -天気情報画面-
◎設定
誰向け:20代半ばのビジネスマン
コンセプト:出勤前にさっと確認できる天気予報アプリ
雰囲気:シンプル、さわやか
◎工夫した点
時間別の降水確率や気温など出勤前に確認したい情報を画面に配置し、色はコンテンツに集中できるように白をベースにUIを作成しました。
【010】地図アプリ -行き先検索画面-
◎設定
誰向け:スマホを買ってもらった中学生
コンセプト:よく使う道がすぐに確認できる地図アプリ
雰囲気: わかりやすい、手軽
◎工夫した点
既存の地図アプリではFromToの検索がしにくいように感じたため、検索バー内から簡単にFromTo検索ができるように作りました。
マップに登録した場所や周辺スポットから場所の選択ができ、「レストラン」「病院」「図書館」などの場所もジャンル単位で検索できるように画面下部にボタンを設置しました。