B2G Music Application
Application Wireframes
V2
05-10-12
Music Home
2
2
When the user first arrives at the music player, they are
presented with the Music Home page which showcases
generated playlists and album artwork in an interesting and
dynamic way.
Music
1. Selecting flathead will shuffle play playlist. Selecting
Album art will play album or artist.
1
2. If music is playing, a song marquee shows here (see
next page), tapping it will take you directly to the Player
Screen.
3. More
- Audio Books
- Podcasts
- etc.
Favs should be left ambiguous for future possibilities:
- genius like recommendations
- favorites based on top listened or rated tracks, or
combination of both.
Playlists
Artists
Albums
Search
More
3
Now Playing
3
1. If music is playing, the song-artist shows here and slowly
marquees to the left, tapping it will take you directly to the
Player Screen.
1 Give Me All Your Luvin' - Madonna
Playlists
Artists
Albums
Search
More
Music Search
4
1. Pulling down at the top of any list content will reveal
search bar.
Music
Search Music
1
Playlists
Artists
Albums
Search
More
Music Search
5
1. Music heading hides. Search field focused.
Madonna
1
Cancel
2
2
Interaction notes:
- Search field auto-hints as you type.
- Pressing 'X" at the end of the field, clears the search
field.
Give Me All Your Luvin'
MDNA - Madonna
3
Superstar
2. Cancels search
MDNA - Madonna
3. Substring highlights in results
Fallen Madonna
A Detour - Tina Dico
q
Blackout
w
e
A
r
t
y
Keys N Krates
u
Ai
John Doe
o
p
2 days ago
This
is the
of
Silent
a
s
d subject
A
f Siren
g theh message
j
A
k
l
Lorem Ipsum
is
simply
dummy
text
of
the
...
Underhill
shift
z
123?
,
x
A
c
v
space
b
n
'
m
A
bs
.
Searc
h
Albums view
6
Artists
Silent Siren
Underhill
Peaceblaster
STS9
Purple Wow
Marty Party
Emika
Emika
Blackout
Keys N Krates
Silent Siren
Underhill
Playlists
Artists
Albums
Podcast
s
More
Albums content
7
1. Back to previous screen
1
Underhill
2. Album cover art
Silent Siren
3. Play entire album, Shuffle album
2
Play All
4
3
1. Night Lines
3:45
2. Blind
3:45
3. Hiding The Light
3:45
4. Tripin
3:45
5. My Shadow
3:45
6. The Miss
3:45
7. Civil Lies
3:45
Top
Playlists
Artist
8. Black Sun Butterfly
Albums
More
3:45
4. Tracklist
Player
8
1. Album art
Underhill
2. Tap anywhere on album art to go to Album view
Hiding The Light
3. Song rating
Silent Siren
4. Time elapsed, Time remaining, Transport controls
1
2
3
2:45
4
-1:45
Playlists
9
1. Pre-defined Playlists like Shuffle All Songs
Playlists
2. Custom Playlists
1
Shuffle All
Recently Added
Most Played
Least Played
2
Playlist 1
Playlist 2
1
Top
Playlists
Artist
Search
More