YMusic UI V2.md

Overrview

YMusic is a streaming music app with multiple content provider:

• Local music provider: browse/play music files in your phone storage.
• YouTube music provider: browse/stream/download music (video) from YouTube.
• More...

Hiện tại e cần thiết kế lại UI/UX phần play nhạc từ YouTube, gồm những screen ở dưới (những screen khác e có thể reuse designed component của những screen này).

Thay đổi chính so với app hiện tại:

• Sẽ có now playing screen riêng cho online music (YouTube), hiện tại offline và online music dùng chung 1 now playing screen. Cụ thể ở dưới.

• Main screen của phần YouTube ít Tab, sẽ navigate bằng shortcut icon hay gì đó, hiện tại e làm mỗi cái 1 tab.

Em sẽ show quảng cáo trộn lẫn trong content của các screen "online", kiểu như quảng cáo trong new feed của Facebook, quảng cáo banner trong youtube app. Layout của quảng cáo sẽ nhìn gần giống với content của app.

Home screen

• Header - Quick access (có thể là icon, hay gì đó):
  • User account page
  • Recommended videos
  • Recently play
  • Most played
  • Available offline (downloaded video)
  • Discover (open YouTube's Music channel)
• Infinitive feed (list trending music videos)

User account page

• Content:
  • User avatar, email
  • Liked videos
  • Uploaded videos
  • List created playlist
• Function:
  • Logout/switch account
  • Create new playlist

Search result page

Page này mix tất cả loại item: video, playlist, channel, ads

Screenshot YMusic: https://imgur.com/MNfwd0t
Screenshot Videoder: https://imgur.com/Yg7Bo06
Screenshot YouTube: https://imgur.com/0rGjmPO

Now playing page cho online music:

Player và queue sẽ gần giống YouTube Red Music app: https://youtu.be/QSiTiA9GWpg?t=1m6s
(cơ bản giống YouTube, nhưng có thể switch sang chế độ play audio only)
2 design cho landscape and portrait mode

Download page:

Sẽ có 3 section:

• Running task
• Pening task
• Completed task (success + error)