DailyUI Day21~30
デザインの学習サービスcocodaが提供しいているサービス「DailyUI」に取り組んでいます。DailyUIは、「中学生向けのマップアプリの行先案内画面」のように、お題とターゲットが指定され、一つの具体的な画面を作成するサービスです。
DailyUI利用時のルール
・類似アプリをインストールして実際に使ってみる
・ユーザー、ペルソナを具体的にする
・お題の画面だけでなく、具体的な機能も考える(初期は画面を作るだけでしたがDay6から徐々に機能についても考え始めました)
#21 ソーシャルログイン画面
■ペルソナ
28歳 男性 会社員
会社と自宅の往復ばかりの日々で、さらにコロナウィルスの影響で外出する機会も減少したため、運動不足を感じている
ジムに通わず自宅やランニング等で運動不足を解消したい
YouTubeやアプリでフィットネス動画を探し実践している
フィットネスアプリは種類が多すぎてどれを選ぶべきかよくわからない
一度アプリを利用し内容を確認したいが、最初に新規登録が必須のものが多く、試したいだけなのに面倒だと感じている
フィットネスの内容、アプリの使いやすさ等を比較したい
自分に合ったトレーニングがしたい
■アプリの概要
○自分に合ったトレーニングがしたい
・身長、体重、体格、現在の運動習慣を入力することで、おすすめのフィットネスを提案してくれる
・フィットネスを進めていくと、これまでの履歴も踏まえておすすめのフィットネスを提案してくれる
○一度アプリを利用し内容を確認したいが、最初に新規登録が必須のものが多く、試したいだけなのに面倒だと感じている
・新規登録なしでも利用可能
⇒ただし、体重や運動習慣の登録、おすすめ機能はユーザー登録をしなければ利用できない
⇒一度使ってみて、使いやすいと感じたら本格的にアプリを使用していただく
#22 家計簿アプリの支出入力画面 (アプリ紹介画面)
ペルソナはDay17と同じです
ポイントとそれに合うイラストを配置して文字だけで退屈にならないようにしました
簡単に、楽に家計簿がつけれることがこのアプリの特徴の一つです
フォントで硬い雰囲気を与えないように、丸みのあるフォントを用いてサイト全体がやわらかい雰囲気になるよう意識しました
■ペルソナ
29歳 共働きの夫婦
子供ができるまではお互いのおおよその収入や貯金については把握していたが、子供ができ今後お金がかかることを考えて細かくお金の管理をして無駄を省く方針に
お互い働いている+子育てで忙しい毎日を過ごす
家計簿はつけたいが手間はかけたくない
支払いはキャッシュレスが増えたが、対応していない店もあるので現金での支払いは少なくはない
■アプリの概要
○入力に手間を取りたくない
・入力画面は可能な限りシンプルに
・レシートをカメラで読み取る機能を付ける
・日付はアプリを開いた日がはじめに表示されるため、支払いからの経過日数が小さければスクロールの範囲が狭くて済む
・分類はよく使う項目、履歴が表示されるため分類を探す時間を短縮できる
○夫婦で細かく管理したい
・複数人での同時ログインが可能
・誰かが編集したら通知が来る(通知ON/OFFは選択可能)
○キャッシュレスでの支払いが多い
・キャッシュレス、口座、クレジットカード等と連携することで金額、日付を入力する手間を省略
・分類やメモは支払い後に入力が可能
#23 メディアアプリのフィード画面
■ペルソナ
27歳 子育て奮闘中の夫婦
初めての子育てで分からないことだらけ、不安なことが多い
子育てしている夫婦の口コミや意見、経験を参考にしたい
↑アンケート調査で口コミから情報収集を行う割合が高いことからこの設定に決定
・お役立ち情報、子育ての悩み、地域情報(園、施設)の情報収集先で口コミが1位、
親子イベントの情報収集先で口コミが2位(Little mama,2021)
子供の年齢に合った情報が欲しい
みんなが関心のある情報が欲しい
2人目も将来的には欲しい
■アプリの概要
○子育てしている夫婦の口コミや意見、経験を参考にしたい
・掲示板にトピックごとにコメント、回答できる
・記事に対してもコメントができる
○子供の年齢に合った情報が欲しい/2人目も将来的には欲しい
・子供の生年月日、性別を設定することで、その子供に合う情報を表示する
・複数子供がいた場合でも、人数分生年月日等を設定することで、子供ごとに情報を表示する(今回作成した画面は、0歳児と2歳児を育てている場合。0歳1人の場合は2歳のタグが表示されない。)
○みんなが関心のある情報が欲しい
・検索画面では、他のユーザーが検索しているワードを表示する
#24 通話中画面
■ペルソナ
34歳 フリーランス
Mtgは基本オンライン
デスク周り等働く環境はすっきり整理整頓したい
デスクトップ共有では手元に資料を残す、メモを書き込むことができないので資料は共有したい
↑アンケート調査で欲しい機能で1位だったため設定
・Web会議システムのアンケート(FreshVoice,2021)
サクサク動いてほしい
雑音が入るのは嫌なので発言時以外はマイクをoffにしている
■アプリの概要
○PCサイズで表示
・Web会議ではPCを使用する割合が高い
↑Web会議に使うデバイス92.8%がPCと回答
Web会議の困りごとと顔出しの状況(イード,2020)
○環境はすっきり整理整頓したい
・通話画面は音声、ビデオのon/off、録画、チャット等の必要最低限の機能に限定
○サクサク動いてほしい/雑音が入るのは嫌なので発言時以外はマイクをoffにしている
・回線を軽くするためのビデオのon/off、雑音対策のマイクのon/offをボタン一つで切り替え
・その他の通話中に使用するボタンも中央でグルーピング
・通話終了は会議終了時まで触らないため、押し間違い防止のために離して配置
○コメント、資料共有機能
・コメント画面は発言者や画面共有を邪魔しないよう画面右側に表示
・コメントと資料共有は同じコメント画面で行うため、コメント、資料共有ボタンでグルーピング
○画面を等しく分割、1人を大きく表示することができる
・発言者が分かるように、発言者には枠をつけて強調
・1人を大きく表示する場合、その他の参加者は発言した順に4名を画面上部に表示
↑表示人数を増やしすぎると表情が分からなくなるため
#25 決済アプリのリワードモーダル
■ペルソナ
25歳 会社員 男性
現金を持ち歩く必要がないこと、割引やポイント等の得点が得られることがキャッシュレス決済のメリットと感じている
↑アンケート調査で欲しい機能で1位だったため設定
・キャッシュレス決済に関する意識調査結果(消費者庁,令和元年8.15)※
20代の感じるメリット 1位:割引、ポイント等の得点 71.0%
2位:現金を持ち歩く必要がない 51.6%
クーポンやポイントアップの店舗を知りたい
お金を使っている感覚が現金と比較し少ないため、使い過ぎが少し心配
↑アンケート調査で欲しい機能で1位だったため設定(※と同様のアンケート参照)
・20代の心配事 1位:お金の使い過ぎ 42.9%
■アプリの概要
○クーポンやポイントアップの店舗を知りたい
・ホーム画面ではクーポンやポイントアップの店舗を表示し、アプリを開けば最初に目にする
○お金を使っている感覚が現金と比較し少ないため、使い過ぎが少し心配
・支払い完了時に月の利用金額を表示
⇒毎回出ると気にしなくなるので、1万円、3万円おき等、ある金額を超えた際に表示(閾値は自分で設定)
#26 クイズゲームのランキング画面
■ペルソナ
17歳 高校生 男性
ゲームや謎解きが好き
友人とスマホゲームで順位を競って楽しみたい
ランキング画面では自分が何位で1位とどれほど差があるかを知りたい
勉強の息抜きにゲームをする際つい熱中してしまい、ゲームの時間が延びてしまうことがあり何とかしたい(自身の学生時代の経験より)
■アプリの概要
○友人とスマホゲームで順位を競って楽しみたい
・ゲーム開始時にIDが付与され、そのIDを検索し友達登録ができる
・画面には友達検索ボタンを配置
○ランキング画面では自分が何位で1位とどれほど差があるかを知りたい
・画面上部に自分の順位を配置
・加えて、1位との点差を提示することであと何点かをすぐに把握できる
○勉強の息抜きにゲームをする際つい熱中してしまい、ゲームの時間が延びてしまうことがあり何とかしたい
・ライフを消費してゲームを行うため、ライフはなくなればその時点でゲームができなくなるので勉強に戻りやすい
・ライフは友達に送ることが可能→コミュニケーションにもつながる
#027 クレジット情報の入力画面
■ペルソナ(Day25と同じ)
25歳 会社員 男性
現金を持ち歩く必要がないこと、割引やポイント等の得点が得られることがキャッシュレス決済のメリットと感じている
↑アンケート調査で欲しい機能で1位だったため設定
・キャッシュレス決済に関する意識調査結果(消費者庁,令和元年8.15)※
20代の感じるメリット 1位:割引、ポイント等の得点 71.0%
2位:現金を持ち歩く必要がない 51.6%
クーポンやポイントアップの店舗を知りたい
お金を使っている感覚が現金と比較し少ないため、使い過ぎが少し心配
↑アンケート調査で欲しい機能で1位だったため設定(※と同様のアンケート参照)
・20代の心配事 1位:お金の使い過ぎ 42.9%
■アプリの概要
○クーポンやポイントアップの店舗を知りたい
・ホーム画面ではクーポンやポイントアップの店舗を表示し、アプリを開けば最初に目にする
○お金を使っている感覚が現金と比較し少ないため、使い過ぎが少し心配
・支払い完了時に月の利用金額を表示
⇒毎回出ると気にしなくなるので、1万円、3万円おき等、ある金額を超えた際に表示(閾値は自分で設定)
・入力の手間を無くすためにカメラでの読み取りも可能
#028 美容院予約サイトの404ページ
■ペルソナ
27歳 会社員 女性
流行に敏感な女性
インフルエンサーが好きでファッションの参考にしている
自分磨きに励んでいる
話題、人気の美容院に行きたいが、美容師や店の雰囲気等が自分好みかも気になる
■アプリの概要
○インフルエンサーが好きでファッションの参考にしている/美容師や店の雰囲気等が自分好みかも気になる
・店舗のページでその店舗のSNSへとジャンプできる
⇒タグ付け等でどんな人が利用しているが分かる
・SNSを閲覧することでより詳細な雰囲気が把握できる
○話題、人気の美容院に行きたい
・年齢別の予約数ランキングからおすすめの美容院を提案する
・404ページでもこの予約数上位の店舗や、お気に入りから類似店舗を提案する
⇒「ページが見つかりませんでした」で完結せず、新たな可能性を提案する
#029 お店を探すスワイプ画面
■ペルソナ
28歳 会社員 男性
仕事が好きな会社員
外食が好きで、ランチも外食が多い
おいしいものが食べたいが、値段も気になるところ
↑アンケート調査で重要視する点で上位
・お昼って何を食べていますか?(マイナビ,2019.7.26~7/30)
昼食のお店選びに重要視する点はどこですか? 1位:値段が安い 29.8%
2位:美味しい、味が好み 26.0%
仕事のランチ休憩に行くため、近場でお店を開拓して選択肢を増やしたい
■アプリの概要
○おいしいものが食べたいが、値段も気になるところ/近場でお店を開拓して選択肢を増やしたい
・ジャンル、値段、距離でフィルタリングをすることで、近場で予算内のお店を見つけられる
・上記のフィルタの中で評価、距離、値段のいずれかを優先して並び替えができる
○近場でお店を開拓して選択肢を増やしたい
・お気に入り機能により、自分だけの気になるお店リストを作れる
また、時間がない中で使用する想定のため、マップアプリへの連携でワンタッチでナビに移行できる
働き盛りということで、「めし」という言い回しと太目のフォントで元気な雰囲気にした
#030 ECサイトのカート内の画面
■ペルソナ
35歳 新しいもの好きな主婦
近隣の実店舗にない商品が買える、新しいものがすぐに手に入ることがネットショッピングの魅力と感じている
↑アンケート調査で重要視する点で上位
・ネットショッピングに関するアンケート(いしかわ主婦白書,2020.11.22~2/3)※
ネットショッピングを利用する理由、メリットは?
1位:宅配してくれる 29.8%
2位:近隣の実店舗にないものが買える 26.0%
数量誤りや送料に気を付けたい
↑※と同様のアンケート
・ネットショッピングにまつわるエピソードを教えて!(フリー回答)より
■アプリの概要
○数量誤りや送料に気を付けたい
・カート画面で数量の編集や削除を行える
・カート画面で送料を表示することで、送料がいくらかを簡単に把握できる