Gaia/Music

UX Feature Spec (Draft)

Contacts

UX: Patryk Adamczyk, patryk (on IRC)
Dev: TBD
Eng: TBD

Music Library

Overview

At app launch, the user is presented with a library. The library should include the following options:

• Playlists
• Podcasts
• Audiobooks

Only applies to music files (not the above), filters your music based on metadata (ID3):

• Artist
• Song
• Album
• Genre

Layout

The library lists should be visual and typographic.
In portrait orientation when the user clicks on any category they should see a list formatted in this manner:
[album art] text based on filter type

In landscape orientation, the view should be more visual, more focused on album art. When the user clicks on any category they should see:
[large album art]
small text based on filter type

Quick Browsing

Each browsing list should contain:

• Search input field, to search the entire music library
• Quick index browsing: A-Z column, when the user touchs a letter the list quickly scrolls to that letter in the list
• Inertial scrolling, the fast the user touch scrolls down the page, the quicker the scrolling becomes.
• Back Button: back 1 level

Sync

When plugged into a computer.

Phones are replacing the need for MP3 players. It would be good to have the option to sync with iTunes and windows media player playlists when you connect the b2g device to a computer. This could be done either through itunes or through a desktop top manager (web app / FireFox).

Management within the device.

The user can:

• the system tracks the quantity of playbacks for each track
• rate music
• organize the tracks in the playlists
• edit the metadata

At sync, all the data is copied to your local (desktop) library.

Playback

When playing audio files, the player should contain the following:

Music Control Buttons:

• Play / Pause
• Skip to Next track
• Skip to Previous track
• Scrubber (shuffle to any point in the track, scrubber updates location with playback)
• Repeat Infinitely
• Repeat Once
• Shuffle playback Playlist
• Volume Control (adjusted by touch and hardware volume rocker)

Indicators:

• Playback time elapsed
• Playback time remaining
• Song name
• Artist
• Album (if one exists)
• Album art or default album graphic

Global Navigation:

• Back Button: back 1 level to music library
• Album Track List Button

System Control during Playback (Indication)

• Status Bar: “now playing” when music is playing.
• Task Switcher: The music player should be easily accessed through the task switcher, ideally with playback controls (play / pause, skip to next track, skip to previous track)
• Lock Screen: The music player should be easily accessed through the task switcher, ideally with playback controls (play / pause, skip to next track, skip to previous track, volume indication / scrubber)