Wireframe screens for the Clock Radio App

2,831 views
2,642 views

Published on

This is an example wireframe that shows how our wireframe toolkit was used to design the Clock Radio Application for Raizlabs.

Published in: Technology, Education
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,831
On SlideShare
0
From Embeds
0
Number of Embeds
24
Actions
Shares
0
Downloads
45
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Wireframe screens for the Clock Radio App

  1. 1. Page Loads to time<br />Off On Alarm Set<br />Easy to read time<br />Reminds people of LCD clock<br />10:34<br />.pm<br />Alarm off &gt;<br />No Radio Station Selected &gt;<br />
  2. 2. Turn Radio On<br />Back<br />Taping on the radio station leads to a list of generes<br />Shoutcast Radio<br />Alternative &gt;<br />Ambient &gt;<br />Crappy &gt;<br />Droning &gt;<br />Eclectic &gt;<br />Funk &gt;<br />Groovy &gt;<br />Hip Hop &gt;<br />Jazz &gt;<br />Search<br />
  3. 3. Turn Radio On<br />Back<br />User Clicks on the search to bring up a search control<br />Shoutcast Radio<br />Alternative &gt;<br />Ambient &gt;<br />Crappy &gt;<br />Droning &gt;<br />Eclectic &gt;<br />Funk &gt;<br />Groovy &gt;<br />Hip Hop &gt;<br />Jazz &gt;<br />Search<br />
  4. 4. Turn Radio On<br />Smooth Songs &gt;<br />Best of the old &gt;<br />BB is King &gt;<br />Drum Solos &gt;<br />Old meets new &gt;<br />Jazz 94.5 &gt;<br />This is a short message that I&apos;m writing to tell you that the thing you thought you did was…<br />I can&apos;t believe you didn&apos;t tell me you where going to be in town. I just talked to Peter and he…<br />Did you get my message about the meeting next Wednesday I think we should go as it couldi…<br />Loremipsum dolor sit amet, consectetueradipiscingelit. Phasellussed quam. Vesti…<br />Loremipsum dolor sit amet, consectetueradipiscingelit. Phasellussed quam. Vesti…<br />Back<br />User Clicks on the station category<br />Search Results<br />Generas<br />
  5. 5. Turn Radio On<br />Off On Alarm Set<br />Music Starts Up<br />10:34<br />.pm<br />Alarm on 7:45 &gt;<br />Radio 95.4 Smooth Jazz &gt;<br />
  6. 6. Turn Radio On<br />Off On Alarm Set<br />User Clicks on the station name again<br />10:34<br />.pm<br />Alarm on 7:45 &gt;<br />Radio 95.4 Smooth Jazz &gt;<br />
  7. 7. Turn Radio On<br />Smooth Songs &gt;<br />Best of the old &gt;<br />BB is King &gt;<br />Drum Solos &gt;<br />Old meets new &gt;<br />Jazz 94.5 &gt;<br />This is a short message that I&apos;m writing to tell you that the thing you thought you did was…<br />I can&apos;t believe you didn&apos;t tell me you where going to be in town. I just talked to Peter and he…<br />Did you get my message about the meeting next Wednesday I think we should go as it couldi…<br />Loremipsum dolor sit amet, consectetueradipiscingelit. Phasellussed quam. Vesti…<br />Loremipsum dolor sit amet, consectetueradipiscingelit. Phasellussed quam. Vesti…<br />A<br />B<br />C<br />D<br />E<br />F<br />G<br />H<br />I<br />J<br />K<br />L<br />M<br />N<br />O<br />P<br />Q<br />R<br />S<br />T<br />U<br />V<br />W<br />X<br />Y<br />Z<br />#<br />Now playing…<br />Categ…<br />Jazz <br />User Clicks on now playing to return to the clock without going back. <br />We will remember the category or search that they used.<br />
  8. 8. Turn Radio On<br />Off On Alarm Set<br />User slides the switch to alarm<br />10:34<br />.pm<br />Alarm on 7:45<br />Radio 95.4 Smooth Jazz &gt;<br />
  9. 9. Alarm Screen<br />1:<br />2:<br />3:<br />4:<br />5:<br />6:<br />Alarm<br />Categ…<br />ON<br />Tap Snooze<br />Vibrate Alarm<br />OFF<br />User can enable the app to wake up at a certain time<br />Set your alarm. Note your phone must be plugged in a charger and clock radio needs to be running for the alarm function to work<br />Sleep Timer<br />18<br />19<br />20<br />21<br />22<br />2<br />AM<br />PM<br />
  10. 10. Turn Radio On<br />Off On Alarm Set<br />Alarm is on.<br />No music playing<br />10:34<br />.pm<br />Alarm on 7:45 &gt;<br />Radio 95.4 Smooth Jazz &gt;<br />
  11. 11. User Tilts Phone Sideways<br />10:34<br />.pm<br />Alarm on 7:45 &gt;<br />Radio 95.4 Smooth Jazz &gt;<br />
  12. 12. Final Clock Radio App<br />

×