Cocoda!のお題
制作期間
1日
目的
男子大学生をアプリの登録へと促す
リサーチ
AWA、Spotify、LINE music、Amazon MUSICのUI・ビジュアルデザインを分析
流入フロー
仮説
新規登録時に連携出来るSNSの種類が少なく、大学生に馴染みが浅いものが多いのではないか。
(Spotifyで登録時に使用されているFacebookは若者利用率が低い。また、Appleの指紋認証でのサインインは課金イメージが強く本アプリにはマッチしない。)
ユーザーリサーチ
手法：実際の男子大学生5人にアンケート調査を行う
＜得られた回答＞
質問1：新規登録時のSNSサインインの選択肢は多い方が良いか、それとも絞られてある方が良いか。
- いくつかある方が良いとの意見が多数。1つしか選択肢がないと選択を強要さえている感覚になる。
質問2：何のSNS認証があると良いか。
- Googleが一番良い。LINEやTwitterも人気で、Facebookはパスワードを忘れていることがある。
導き出される課題
現状の音楽アプリだと新規登録時に連携出来るSNSの選択肢が少なく、Spotifyに見られるFacebookアカウントでのサインインは不人気。
いくつかSNS連携の選択肢が持てると良いが、あまり多すぎるとユーザーの判断時間を与えることとなる。
解決策
上記のインタビューで人気であり、調査上も若者使用率の高いGoogle、Twitterのアカウントを使用。
共に人気であり若者使用率の高かったLINEを入れても良かったが、あまり選択肢が多いとユーザーが判断する時間が延び直感的な操作を妨げるため、アカウントを2つに絞った。
その上で、配色のバランス上LINEを不採用とした。
UI設計
新規登録ボタンではキーカラーを使用し、ログインボタンに対し優先度が高いことを示す。また、メールアドレスとパスワードを入力するとボタンの色が変わるようにする。
サインイン画面の上部にサービズロゴを置き、操作キーは馴染みのあるiOS標準のキーボードを配置。
ビジュアルデザイン
UI改善
一度作ったデザインを再度作り直しました。
改善させた点
・ボタンをタップしやすい大きさにし、SNS登録ボタンを減らした
・入力中・入力後にフォーム上部に「メールアドレス」「パスワード」小さくを表示
・フォーム入力後、ボタンの色を変更させる