Spotifyの「友人フォロー機能」の同線UIデザイン

OVERVIEW

デザインコミュニティBONOでのUI作成課題

プロトタイプ




Spotifyの友人フォロー機能を、初めてSpotifyを使う人に使ってもらう為のUIを作成しました。

↑これが前回作成した友人が聞いてる曲が知れる、友人フォロー機能UI。



今回の作成する部分は、黄色の文字で書かれている【認知させる】ところを作成していきます。


ゴールイメージの整理


参考にしたUI

・XやInstagram、Apple Musicにも似た機能があるので、それらを参考に、

Spotifyの既存のボタンサイズや余白、フォントサイズに従って作成しました。



完成したUIがこちら。

自分のアカウントをシェアするかどうかは選べた方が良いと思い、完了の後に立ち上がり、どうするか選べる形に。簡単なステップでユーザーの負担を軽減し、気軽に使用してもらえる流れにできました。


しかし、連携画面でボタンを2つ並べるのは、迷わせてしまうので改善する余地があると思います。