you will find the mock on : https://lazooz.mybalsamiq.com/proje…ning%20app
**Please start with screens 1, 2, 3, 8, 11**
The steps are following each other , every step completion gives the user more info about how the system works and for what purpose this mission exists. the design and content should place the user as part of a living community.
a menu bar is present in all screens (see screen #11)
Screen # 1
splash screen with logo, slogan and a progress bar till the app loads.
Screen # 2
(intro) an animation of the text being written on the screen (text will be narrated with a woman’s voice).
Screen # 3
the propose of his screen is to reflect GPS signal accuracy to the user, so he would need to go out to the open skies (unless he is already there). there is a progress bar showing the accuracy in meters that fills in as the accuracy range goes down to 50 meter.
the map shows your location. the dark blue is a 50 circle, the light blue is your current range.
Screen # 4
text like in screen #2 is animated and being narrated.
[enter your phone number] is a text field, touching it - the field goes in to focus on the top of the page and a number keyboard raises.
a text field is in focus on the top
a number keyboard is already open, just type the code and press next.
again like screen #2, got it button sends to next screen
screen 8 is the app’s “dash board”
screens 8a-8d are the click result of each dashboard item
see flow for details.
like in screen #2
Shake: holding two phones next to each other and shaking them (crazy but it works… :)
Map showing the location of nearby lazooz users you can “do the shake” with.
and shake icon shows recent shakes on the LaZooz network: ‘Shaked in LA’
screens 8c and 10 are sliding screens
menu functions that should be available for the user on any stage