Gaia/Music: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
===UX Feature Spec (Draft)===
=UX Feature Spec (Draft)=
==Library==
==Library==
=Overview=
===Overview===
At app launch, the user is presented with a library. The library should include the following options:
At app launch, the user is presented with a library. The library should include the following options:
*Playlists
*Playlists
Line 12: Line 12:
*Genre
*Genre


=Layout=
===Layout===
The library lists should be visual and typographic.
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:
In portrait orientation when the user clicks on any category they should see a list formatted in this manner:
Line 21: Line 21:
small text based on filter type
small text based on filter type


=Quick Browsing=
===Quick Browsing===
Each browsing list should contain:
Each browsing list should contain:
*Search input field, to search the entire music library
*Search input field, to search the entire music library
Line 29: Line 29:


==Sync==
==Sync==
=When plugged into a computer.=
===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).
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.=
===Management within the device.===
The user can:
The user can:
*the system tracks the quantity of playbacks for each track
*the system tracks the quantity of playbacks for each track
Line 44: Line 44:
When playing audio files, the player should contain the following:
When playing audio files, the player should contain the following:


=Music Control Buttons:=
===Music Control Buttons:===
*Play / Pause
*Play / Pause
*Skip to Next track
*Skip to Next track
*Skip to Previous track
*Skip to Previous track
*Scrubber (shuffle to any point in the track, scubber updates location with playback)
*Scrubber (shuffle to any point in the track, scrubber updates location with playback)
*Repeat Infinitely
*Repeat Infinitely
*Repeat Once
*Repeat Once
Line 54: Line 54:
*Volume Control (adjusted by touch and hardware volume rocker)
*Volume Control (adjusted by touch and hardware volume rocker)


=Indicators:=
===Indicators:===
*Playback time elapsed
*Playback time elapsed
*Playback time remaining
*Playback time remaining
Line 62: Line 62:
*album art or default album graphic
*album art or default album graphic


=Global Navigation:=
===Global Navigation:===
*Back Button: back 1 level to music library
*Back Button: back 1 level to music library
*Album Track List Button
*Album Track List Button

Revision as of 15:57, 27 March 2012

UX Feature Spec (Draft)

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)