スクリーンショット_2020-01-13_19

UI比較 音楽アプリ編

今回はSpotify AppleMusic LINE MUSIC AWAのUIを比較してみます。

検索画面

スクリーンショット 2020-01-15 2.25.00

音楽再生画面

スクリーンショット 2020-01-15 2.24.42

再生マークなど

スクリーンショット 2020-01-15 2.25.21

音楽を探すページを 比較してみるとジャンル検索をするタイプ、ランキング検索をするタイプどちらの検索もできるタイプの3タイプがあることがわかりました。同じジャンル検索の画面のグラフィックを比べてみてもSpotifyはイラストベース、LINE MUSICとAWAは写真ベースなどここでも違いが見られました。
またSpotify、Apple Music、LINE MUSICはタブがありますがAWAにはタブがなく、横にスワイプして検索の項目を変えるのがほかそサービスの相違点と思いました。
音楽再生画面もパッとみると各サービス同じように見えますが、よく見てみると再生ボタンが丸で囲ってあったり、早送り・巻き戻しボタンの三角形が二個だったりと違いがあることがわかります。その中で面白いUIと感じたのがAWAで、音楽の進行を表すバーが線状ではなく円形になっていて、再生ボタンの周りに配置されています。そうすることによって線状のバーを置く部分のスペースが節約できるのでもっとも良く押されると思われる再生ボタンのサイズを大きくすることが可能だと思いました。

この記事が気に入ったらサポートをしてみませんか?