CoCoda DailyUI

OVERVIEW

CoCoda DailyUI で作ったものを追加していきます。

YEAR 2021

CoCoda DailyUI #1 

ターゲット:プライベートも楽しむ働き盛りの女性



【要約】

「生活の中で撮る写真をオシャレに見せたい!」という架空のターゲットの要望に応え、画像の余白を狭めて、タイルのような配置にすることで、画像を見やすくした。


CoCoda DailyUI #2

ターゲット:オシャレ好きな男子大学生

【要約】

フォーム部分に焦点が行くよう、入力部分を大きくとった。また、エラーが起きた際の画面は、危険なイメージのある赤ではなく、ボタンにも使用した、オレンジにした。


CoCoda DailyUI #3

ターゲット:仕事で忙しいビジネスマン

【要約】

未読メッセージが分かるようにした。

また、オンラインでのやりとりは、相手のテンションが分かりにくいため、絵文字を使い、スムーズにやりとりができるようにした。


CoCoda DailyUI #4

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

【要約】

子供がいる夫婦ということで、柔らかい色味を基調とした。

「冷蔵庫にある食材で美味しいご飯を作りたいな」という要望に応え、検索機能を重視した。また、私自身が実際にアプリを見ながら料理を作るときに導線がスムーズに行くと助かると考え、戻るボタン・閉じるボタンを見やすくした。


CoCoda DailyUI #5

ターゲット:部活に勉強に忙しい高校生

【要約】

「毎日確認したくなる天気予報アプリが欲しい!」という要望と、天気アプリという性質から、毎日見ることを想定し、明るい色味を基調とした。

また、曇りや雨でも楽しい気分になるように、ポップさを意識した。


CoCoda DailyUI #6

ターゲット:音楽好きな、OLの女性

【要約】

「忙しくて、じっくり音楽を選ぶ時間がない…」という要望に応え、スキップやリピートなどが手軽にできるようにした。

今後は、選ぶ時間を短縮するために、履歴の中から好きそうな音楽をピックアップする機能などをつけたい。


CoCoda DailyUI #7

ターゲット:都内に住む会社員 28才

【要約】

「食べたいものをさくっと見つけて注文したい」という要望に応え、便利なお店をさっと選べることを重視し、並べ替えや絞り込み検索がしやすいようにした。


CoCoda DailyUI #8

ターゲット:家計簿をつけ始めたい30代主婦

【要約】

「家計簿を書くのが楽になる電卓が欲しいわ」という要望であったため、多機能電卓にすることを考えた。しかし、普段の母の様子を見ていると、シンプルで操作しやすい電卓をよく使用していることが分かった。そこで、シンプルな電卓にした。

また、色合いは優しく明るい色味を使用し、家計簿をつける時の気分が上がるようにと心がけた。


CoCoda DailyUI #9

ターゲット:部活に勉強に忙しい高校生

【要約】

当日、それ以降の天気以外にも、雨が降るか分かったほうが便利だと思い、降水確率を追加した。また、最初にまとめて見れたほうが分かりやすそうだと思い、スクロールしなくても見られるようにした。

CoCoda DailyUI #10

ターゲット:スマホを買ってもらいたての中学生

【要約】

スマホを買ったばかりの中学生が使うものなので、操作がわかりやすいものにした。

保存済みの目的地があれば、よく行く場所(友人の家、塾)や自宅を登録しておき、すぐ調べられるようにした。


CoCoda DailyUI #11

ターゲット:プログラミング勉強中の社会人

【要約】

「分からないところを聞きながら進めたい」という要望だったため、様々な目的での利用が考えられる問い合わせフォームからは聞きにくいと思い、チャットでの案内も追加した。

また、気軽に問い合わせできそうな雰囲気を出すため、話し合っているキャラクターを添えた。


WEBSITE