音楽アプリの再生画面

OVERVIEW

Daily Cocoda!のお題で制作しました。

コンセプト

ジャケットで選べる音楽アプリ

利用ユーザー

音楽好きな働き盛りの20代後半の女性

雰囲気

  • おしゃれ
  • 落ち着いた

制作時間

3時間(うち既存の音楽アプリのトレース2時間)

本来なら1つ15分で30分ぐらいで終わるトレースですが、今までのやり方を見直し、箱を意識し行いました。

ユーザーの課題やニーズ

たまにサビのところだけ聴きたい時などにちょうどいいところで止まれない。

利用される場面

  • 通勤通学
  • 自習中
  • 寝る前

コア機能

30秒進むボタンと10秒戻るボタン

どのようなプロセスでデザインしたか

音楽アプリのトレースをしたことがなかったので、トレースからはじめました。また、最近トレースは未来の財産になるということに気づいたので、やり方を見直し丁寧に行っていきました。その後参考アプリの使えそうなコンポーネントだけを使って行いました。

デザインで意識したこと工夫したこと

「無駄なボタンを増やさないこと。」 音楽再生アプリは基本的に音楽を聞くのが主なので、画面を見る時間は他のアプリに比べて少ないと考えました。だからこそ、アプリの設計上の情報量を減らし、ユーザーが画面を見た際に伝わる情報が曲に集中するよう心がけました。 また、曲を何度か聞いて好きになりカラオケで歌いたくなった時に歌詞のページを見ながら練習することもあると思うのですがスライダーのドラッグや巻き戻しボタンの長押しは繰り返すとストレスになるので、タップで10秒前に戻れるようにしました。

参考アプリ

  • spotify
  • Apple公式のミュージック
  • dアニメストア

使用ソフト

Sketch

使用素材

freepik

WEBSITE