DailyUI Day11~20
デザインの学習サービスcocodaが提供しいているサービス「DailyUI」に取り組んでいます。DailyUIは、「中学生向けのマップアプリの行先案内画面」のように、お題とターゲットが指定され、一つの具体的な画面を作成するサービスです。
DailyUI利用時のルール
・類似アプリをインストールして実際に使ってみる
・ユーザー、ペルソナを具体的にする
・お題の画面だけでなく、具体的な機能も考える(初期は画面を作るだけでしたがDay6から徐々に機能についても考え始めました)
#11 お問い合わせ画面
■ペルソナ
伊藤裕 29歳 社会人
滋賀県在住の会社員
現在の業務では社外で通用するスキルが身につかないことに危機感を感じ、プログラミングの学習を始めた
首都圏からは距離があるため、スクールへは通わずにweb上の教材や動画を用いて勉強している
分からないことがあった際に質問するのが少し面倒
■webページの概要
○メールアドレス、項目、内容、場合によっては画像添付の機能をつけた
○メールアドレスは会員登録の際に登録したものが自動で表示される
○シンプルに、記入項目を減らすことでお問い合わせのハードルが下がると考えた
○緑をメインのカラーにして、イラストや曲線を用いることでやわらかい雰囲気に
#12 料理アプリのレシピ画面
■ペルソナ
藤田里奈 21歳 大学生
大学進学と同時に京都で一人暮らしをはじめた
食費を浮かすために自炊をはじめ、料理にはまっている
レシピはアプリで検索、調理する
料理にも慣れてきて、見た目もおしゃれな料理が作りたいと考えている
料理をする際にスマホが汚れるのが嫌
■アプリの概要
○検索結果の画面では料理の完成写真が大きく表示されるため、見た目から作りたい料理が探せる
○作りたい料理選択すると料理の材料や手順、ポイントを文字であらわしたページが表示される。このページでは完成した画像の後に調理手順の動画が流れる。
○詳しく見るボタンをタップすると、各手順ごとに1ページずつ表示することができる。音声操作をonにすると、次or戻る、と声を出すことでスマホに触らなくてもページを送れる。
○文章読み上げ機能もある。このページには1ページ収まる文字数のみが表示されるため、上下のスクロール操作も不要である。そのため、料理中にスマホに触れないため汚れない。
#13 カレンダー画面
■ペルソナ
田口由衣 28歳 会社員
都内の会社に通っている
自立した女性を目指し日々仕事に励んでいる
出張等もあり、仕事とプライベートを一つのアプリで管理したい
職場で予定を確認、入力したいため、PCでも見たい
■アプリの概要
○予定の内容により色分けができる
○カレンダー上は予定によりカラフルになるため、予定以外の箇所はモノトーンで表現した
○仕事での予定を入れるため、to doリストを作り、タスク管理をサポート
○予定開始前には通知がくる(通知タイミングは自分で設定できる
○スタンプ機能をつけ、楽しみな予定、ご褒美の見える化
⇒自立した自分を目指していることから、頑張り屋さんな印象を持った
⇒日々仕事を頑張っている中でカレンダーを開いた際、楽しみにむけて頑張ろう!と思
ってもらいたいと考えた
#14 読書アプリのグラフ画面
■ペルソナ
渡辺優 24歳 会社員
都内の会社に通っている
本が好きでよく本屋に行く
面白そう、興味があるとおもった本は思わず買ってしまうため、積ん読が常態化している
買って満足してしまっている部分がある
楽しく読書が続けたいと思っている
■アプリの概要
○チャートや実際に読んだ本の数を示すことで読書量を見える化
○読んだ数によりレベルが上がっていくため、ゲーム感覚で読書をすることができる
○本についてメモや感想を書き、それを共有することで、新たな本に出会える
○メモの公開範囲や、非公開は選択可能
○グラフは冊/ページ、週/月/年と表示が切り替えられるので、様々な読書量の人に対応している
#15 カメラアプリの撮影画面
■ペルソナ
佐藤蓮 19歳 大学生
大学入学後に運転免許を取ったことをきっかけにドライブ、旅行に行くことが増えた
外出の増加に伴い写真を撮影する機会が増えた
一眼レフ等も気にはなるが、高価なのでスマホでおしゃれに写真が撮れるならそれでいいかと考えている
おしゃれに加工したい
友達と出かけているときに撮影することが多いので、友達を待たせないように素早くおしゃれに撮影したい
■アプリの概要
○カメラアプリ上で撮影から加工まで行える
○撮影する際は素早く撮影したい、という希望から、撮影時は通常のカメラ、一眼風、レトロカメラ風、食事用の4つのみのエフェクトに絞った
○その場の雰囲気に合わせて上記から直感的にエフェクトを選択し、撮影後更に細かいフィルター、彩度、明度等の調節が行える
⇒素早い撮影とおしゃれな編集を両立
#16 ニュースアプリのカテゴリ選択
■ペルソナ
22歳 新入社員
IT企業に新卒で入社した1年目社員
日々の業務や先輩との会話の中で知識不足を痛感しており、知識習得を目的にニュースアプリを使用している
自分が何が分からないのかもあまり把握できていないので全体的に情報を把握したい
その中で特にみんなが注目しているニュース、知識を得たい
IT以外でも、社会人としての一般知識、教養も得たい
通勤時に主に使用する
■アプリの概要
○各カテゴリのページでニュースタイトルと画像を表示することで、現在のニュースを全体的に目を通せる
○クリップ機能により、通勤時じっくり読めなくても後でクリップした記事を読み返せる
クリップした記事はマイページに保存され、クリップされると読むまでマイページアイコンに赤い丸がつく
⇒クリップした後に読み忘れを防ぐことができる
○カテゴリのタブの順のや表示/非表示を自分でアレンジができる
⇒情報の取捨選択や優先順位をつけやすくなる
○総合とカテゴリ別で閲覧数のランキングを表示する
⇒注目度の高いニュースを簡単に閲覧できる
#17 家計簿アプリの支出入力画面
■ペルソナ
29歳 共働きの夫婦
子供ができるまではお互いのおおよその収入や貯金については把握していたが、子供ができ今後お金がかかることを考えて細かくお金の管理をして無駄を省く方針に
お互い働いている+子育てで忙しい毎日を過ごす
家計簿はつけたいが手間はかけたくない
支払いはキャッシュレスが増えたが、対応していない店もあるので現金での支払いは少なくはない
■アプリの概要
○入力に手間を取りたくない
・入力画面は可能な限りシンプルに
・レシートをカメラで読み取る機能を付ける
・日付はアプリを開いた日がはじめに表示されるため、支払いからの経過日数が小さければスクロールの範囲が狭くて済む
・分類はよく使う項目、履歴が表示されるため分類を探す時間を短縮できる
○夫婦で細かく管理したい
・複数人での同時ログインが可能
・誰かが編集したら通知が来る(通知ON/OFFは選択可能)
○キャッシュレスでの支払いが多い
・キャッシュレス、口座、クレジットカード等と連携することで金額、日付を入力する手間を省略
・分類やメモは支払い後に入力が可能
#18 ECサイトの商品詳細画面
■ペルソナ
ファッション好きな20代男性
地方在住の会社員
都市部へは1~2時間ほどかかることに加え、近くにおしゃれな店がないためネットで服を買うことが多い
サイズ感や色味等、実物と写真とで差がないか、自分に似合うかが購入する際気になる
好きなジャンルはキレイ目
送料無料の値段まで買いがち
■アプリの概要
○似合うか気になる
・身長別、細め/がっしり等の体系別に、各サイズを着用した画像が閲覧可能となっている
⇒表示する身長、体系は選択可能で、デフォルトではプロフィールでを入力した身長、体系に近いモデルが表示される
・身長、体系や、これまで購入した服のサイズから、おすすめのサイズをアプリが提案してくれる
○送料が気になる
・カート内容の確認画面、決済前に送料無料までいくらかをアナウンスしてくれる
#19 旅行予約アプリの検索画面
■ペルソナ
旅行好きな20代女性
都内勤務の会社員
趣味は旅行で友人と行くこともあるが一人旅に行くことも多い
土日で海外旅行に行くことも
頻繁に旅行に行くため、旅費にはシビアで割引に目を光らせている
入力が面倒
■アプリの概要
○一人旅に行くことが多い/入力が面倒
・人数、座席クラスは前回入力されたものが引き継がれるため、人数と座席に変更がなければいつ、どこに行きたいかを入力するだけで検索が可能
⇒一人旅に行く頻度が多い場合、人数の変更はないため入力項目が必要最低限で済む
○旅費にはシビア
・タイムセールがある場合通知を飛ばすことが可能
・表示順は値段や時間など設定可能
⇒値段が気になるユーザーは値段が安い順に変更可能
旅行に向け気分が高まるように大空に向かい飛び立つ飛行機を背景に
⇒ユーザーに気分を上げてほしい
#20 ライブ配信プリのライブ画面
■ペルソナ
新しいもの好きな高校生
17歳の女子高生
ライブ配信アプリは視聴者として利用することが多い
↑アンケート調査で視聴者のほうが割合が高いことからこの設定に決定
・ライブ配信アプリに関する調査では、10-20代の配信者の割合は男性19%、女性11.7%
と少数(TesTeeLab,2020)
・ライブ配信に対する抵抗意識の調査では、20代の20%のみライブ配信に抵抗なしと回答しており、大多数が抵抗を感じている(エイチーム,2019)
コメント等なんらかのアクションをした際に配信者から反応が欲しい
特に、投げ銭やいいね(回数制限あり)を送った際に反応が欲しい
配信を大画面で見たい
人気、話題の配信が見たい
もし自分が配信する場合、悪い評価や批判されるのが怖い
■アプリの概要
○コメント投げ銭等に対し配信者から反応が欲しい
・コメントや投げ銭をした際、名前を表示することで、名前を呼んで反応がもらえやすい
・投げ銭、ハートを送った際は、コメントとは異なる色で表示することで目立つ、反応がもらえやすい
○配信を大画面で見たい
・コメント等は画面の下半分のみに表示することで配信を大画面で視聴可能
○人気、話題の配信が見たい
・ランキング機能搭載(総合、カテゴリ別で人気の配信が探せる)
・配信画面では、フォロワー、視聴者数、いいね、コメントを表示することで、自分が見ている配信の注目度が分かる
○もし自分が配信する場合、悪い評価、批判が怖い
・低評価ボタンはなし