UIdesign | DailyUI #006~#008 まとめ
投稿の時間が空いてしまいました。
ごめんなさい🙇
ですがその間もDailyUIは続けていたので、今回は総集編ということでその一部の#006~#008までの製作物を書いていきますね。
なので一つ一つ深堀ができないですがご容赦ください。
では#006の制作物から紹介していきます。
#006 [User Profile]
サービス
音声配信アプリ(主な参考：Voicy)
あるチャンネルのプロフ画面のUIデザインです。
5W1H
「Who」：30～40代、女性、2児のママさん、在宅ワーク実施中
「Where」：自宅、車内、電車、バス
「When」：買い物中、入浴時、朝の準備時間＝ながら時間が可能な時
「Why」：仕事、家事、育児などでまとまった時間や自分の時間が取れない
「What」：忙しいユーザーでも気に入ったチャンネルを簡単にフォローできるようなプロフ画面UI
「How」：一目でわかるフォローボタン/過去のコンテンツ数表示/自己紹介文の読み上げ機能ボタン
#007[Settings]
サービス
キャッシュレス決済アプリ(主な参考：PayPay)
その中の設定画面UIデザインです。
5W1H
「Why」：キャッシュレスアプリの初期設定が複雑で一目で設定項目がわかるようにしてほしい
「What」：大きなカテゴリーに分け、一目でユーザーの設定したい項目を発見できる設定画面のUIデザイン
「Who」：40代～、男女、アプリの複雑な設定が面倒くさいと考えている、根っからの現金派、収支管理が大変というイメージを持っている
「Where」：自宅
「When」：アプリインストール後、その後設定変更を行いたい時
「How」：ドロワーナビゲーションを用いた画面の簡略化/関連のある設定項目を可能な限り同じボタンにする/毎月の支出額表示
#008[404 page]
サービス
ホテルHP。
404ページのUIデザインです。
5W1H
「Why」：HPのリンク切れやアクセストラブルによるエラーをお知らせしユーザーのパニックを防ぎたい
「What」：エラーが発生しても、ユーザーがパニックにならないような、面白みのある404ページのUIデザイン
「Who」：30代、夫婦、有休を取っての旅行を計画中、滅多に旅行に行かない、いろんなホテルのHPを見て入念にチェックする
「Where」：自宅
「When」：当ホテルのHP閲覧中
「How」：ホテルに関連するイラスト(今回はホテルまでの道中で迷子になった＝HP内でも迷子になったという意味が込められています)/安心させるテキスト
まとめ
いかがでしたでしょうか？
本当は一つ一つ深く掘り下げて紹介したかったのですが、どれか一つでもご興味を持っていただけたら嬉しいです！
次回は、#009~#011の制作物を紹介していきますので、その際はご覧いただけると僕が喜びます（笑）
では次回でお会いしましょう～