Daily Cocoda!やってみた。 006 音楽アプリの再生画面
こんにちは、マスダです。
Daily Cocoda! 6つ目のお題は音楽アプリの再生画面です。
006 音楽アプリの再生画面
お題内容
誰向け:音楽好きな働き盛りの20代後半の女性
コンセプト:ジャケットで選べる音楽アプリ
雰囲気:おしゃれ、落ち着いた
みなさん音楽って聞きますか?私はあまり聞かないんですね…。
聞くとしたらポルノグラフィティかゲームミュージックくらい。たまにSpotifyでボカロとかおすすめされた音楽リストとかでしょうか。(思ったより聞いてるなw)
そういえば最近、タイ人顔の同期入社の子がYouTubeに自作の曲をアップしているというので見てみたら、想像以上にすごくて感動しました。とくに声がよかったですね、たまに裏声になるところが好きでした(笑)
全然関係のない話をしてしまいました…。
今回は音楽アプリということで、Appleの音楽アプリ、Spotify、Amazon Musicなどを参考にして作りました。
気をつけたところ
・できるだけシンプルにしたかった
どうしてかというと、雰囲気にオシャレというワードが入っていたからです。オシャレなものって人によって基準が異なると思うのですが、私のイメージでは洗練されたスタイリッシュでシンプルなものだと思っています。
また、落ち着いた雰囲気というのもシンプルさで表現できるかなと思いました。
ということで、再生 / 一時停止ボタンがとにかく押しやすい、直感でわかるUIにしました。また、お気に入りとSNS共有のボタンだけ下にこっそりと配置しておき、そのほかの機能は右上のメニューに収めています。
・お気に入りと共有ボタンをあえて下に配置した理由
シンプルさを求めるのであればこれらのボタンもメニューに収めればいいのでは…?となります。
このUIを作成した時はいろんな音楽アプリのUIを見ていて、そのどれもが今再生している曲に対してのアクション(お気に入りとか)が画面のどこかにアイコンボタンで表示されていました。参考にしたアプリ全てがその構成になっているということは、そのようなアクションをユーザーがする、求めているということなのでしょう。(私はお気に入りとか共有とか全くしない人です。たぶん音楽にあまり興味がないから。)
ということで、お気に入りと共有のアクションを下に配置しました。
全体的にすっきりとしたUIになったのではないかと思います。
以上、Daily Cocoda!#006でした😊
この記事が気に入ったらサポートをしてみませんか?