UIdesign | DailyUI #009~#011 まとめ
やっと落ち着けたので、前回で告知したDailyUIの＃009～＃011までの製作物を投稿していきます～
早速見ていきますね。
#009 [Music Player]
サービス
音楽配信アプリ(主な参考：Apple Music/LINE MUSIC)
あるアルバム内の楽曲一覧画面と再生画面です。
5W1H
「Why」：音楽を聴くまでのプロセスが長く、操作のストレスを解消したい
「What」：アルバム内一覧＆再生画面のUIデザイン
「Who」：20～30代、男女、音楽配信サービスのヘビーユーザー、せっかち、移動が多い、外出多め
「Where」：自宅、電車、バス、車内
「When」：通勤、通学中、勉強中、散歩中＝ながら時間
「How」：
・タップではなく、スワイプやスライドを適用することで、片手で簡単操作
#010 [Social share]
サービス
写真投稿SNS(主な参考：Instagram)
メインはシェアボタンです。
5W1H
「Why」：共有したいと思った時にすぐに任意のSNSにシェアしたい
「What」：共有ボタン＆その他UIデザイン
「Who」：20～30代、女性、SNSを頻繁に活用、普段から友人と思い出や出来事をシェアする、アウトドア派、友人多い
「Where」：学内、自宅、カフェ、レストラン
「When」：授業の空きコマ、友人・恋人とのお出かけ、お家でのんびりしているとき
「How」：
・SNSに特化したシェアを可能にする
・片手で手間なく操作できる配置
#011 [Flash Message]
サービス
フードデリバリーアプリ
決済完了もしくはエラー画面のUIデザインです。
5W1H
「Why」：注文が完了したのかわからず不安。
「What」：注文が成功/失敗したことを伝えるFlash MessageのUIデザイン。
「Who」：10～30代、男女、インドア派、フードデリバリーのヘビーユーザー、ゲーム好き、一人時間が好き、マイペース
「Where」：自宅
「When」：自炊がめんどくさいとき、だらだらしたいとき、家でも外食気分を味わいたいとき
「How」：
・配色で注文が成功/失敗したかがわかる
・イラストでも情報が伝わる
まとめ
DailyUIにはもうすっかりなれました。
でも、逆にデザインばっかりに目が行きがち、、、
本当は、ユーザーファーストで、「誰」の「何」をどんな「時」にどのような「形」で解決していくのかを第一に考える必要がありますよね。
まだまだUIのプロトタイプ設計ばかりに意識がつられてしまいます。
それではいけない。あくまでユーザーのなりたい姿に対する課題・障壁を解決するのが最優先！！
これからも毎日デザインの事で頭の中いっぱいにしていきます！
では！