DailyCocoda! #002_音楽アプリ新規登録画面デザイン
どうも、駆け出しwebデザイナー(2年目)のつついと申します。
UIデザイン鍛錬のためにCocoda!を始めてやっと1週間が経ちました。
習慣化ってとっても大変
傍(はた)から見てどんなにしょうもないことでも、自分の頭で考えたことはストックすれば財産になると思い、
アウトプットにあたって頭に浮かんだことをさらっと書いておきます。
お題
「音楽アプリ新規登録画面のUIデザイン」
前提
Spotifyと全くの同機能で、知名度のないサービスを扱うものとします
お題に沿ってサービスの在り方まで考えてしまうと、時間も脳内メモリもぶっ飛んでしまうので、既存サービスをベースにしたほうが(デザイン鍛錬の場合は)個人的にはいいと思っています。
リサーチ
(「リサーチ」って響きカッコいいですよね。でもぼくはそんなちゃんとしたのできないので、類似アプリをダウンロードしてキャプチャ貼るだけです。)
Spotify
Apple Music
AWA
どれもサービスの在り方に合わせ、極めて合理的にまとめられているなあすごいなあと思ってます
(ここ掘り下げると論文書けるレベルの深沼なのでスルー)
アウトプット
こんな感じになりました
思いついたこと
ユーザーがサービスのトップにLand(着陸)したときって、
コンセプトだったり世界観だったり大量のメタ情報を読み取らないといけない、喩えるなら「朝、目が覚めた時」みたいなものではないでしょうか。
そんなときに「どうやってログインしますか?」と聞かれることは、
起き抜けに「晩御飯カレーでいい?」と聞かれるのと同じくらいレスポンス難易度が高いです。
ということで、
少しでもユーザーの判断ハードルを下げるため、
トップの機能は最小限(以下の①~④)に留めています。
目指すは
「おはよう、コーヒー飲む?」と言って
「おはよう、うん飲む」と返してもらえる程度の
気楽でシンプルなコミュニケーションだ~
ユーザーの思考プロセス
①へぇログインしたら聴ける音楽アプリなんだ
↓
②「(楽曲のジャケ写をみて)あの曲聴けるんだ」
↓
③あれ、このサービス登録してたっけ?
↓
④そういえばしてたわ(ログインボタンタップ)
↓
遷移
↓
⑤何のアカウントでログインしてたっけ?
メール?FB?Twitter?LINE?
以上、考えたのはここまでです。
おしまい
みなさんはアプリ新規登録時に何を考えていますか?
ぜひ楽しいことを考えていたら教えてください。
そしてお気づきの方も多いかもしれませんが、今回はNETFLIXの新規登録画面UIを超絶参考にしました。ほぼそれです。
ぼくにとってNETFLIXとTikToKはスマホUIのバイブルです
クレジット
①Taiki IKEDAさん
LIPSなど新進気鋭のスタートアッププロダクトで、多数のUIデザインを手掛けていらっしゃるTaiki IKEDA(@iTiekey)のnoteにはいつも大変お世話になっています。
(多分読まれることはないですが)この場を借りてありがとうございます
※以下、ぼくが何回も読んでいるTaiki IKEDAさんのnote
配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド
GaudiyのUIを愛とiを込めてリデザインしたよ
オトクルのUIデザインをしました
②大川竜弥さん
今回も画像はMr.フリー素材と名高いレジェンド、
大川竜弥さん(@ryumagazine)に助けていただきました。
お仕事の提案時に利用させていただいてからずっと大ファンです。
キャプションがほんとにおもしろいし、数がすんごいんですよね
以上です。どうも御清読ありがとうございました。
サポートいただいたら フェレットの東風(こち)くんにおやつを買ってあげて、 おやつをあげているところは動画でupします。