Beemer wireframe final

download Beemer wireframe final

of 25

  • date post

    15-Jan-2015
  • Category

    Design

  • view

    81
  • download

    0

Embed Size (px)

description

iPhone screens for be a beemer

Transcript of Beemer wireframe final

  • 1. 10:00 AM3G Splash Screen App Logo Loading... Wednesday 13 June 12

2. 10:00 AM3G Sign-In Sign-In Sign-in with Facebook Email Address Password Sign-in with Email Forgot password? Sign-Up Redirect to sign-in with Facebook API By signing up with Facebook, you agree to our Terms & Conditions Remember me Wednesday 13 June 12 3. 10:00 AM3G Sign-Up Sign-Up With Email Email Address Password Next I agree to the Terms & Conditions Last Name First Name If a email is already taken, the box will light up in RED. The validation happens up on Submit. Male Female Wednesday 13 June 12 4. 10:00 AM3G Upload Photo to Complete Signup Upload Photo + Done To change the default picture, click on the plus sign below This is the default picture/avatar that will be populated on this screen depending on the Gender option chosen in the previous screen. Clicking on the + sign will bring up a menu with options, highlighted on the next screen. Wednesday 13 June 12 5. 10:00 AM3G Upload Photo to Complete Signup Pop-up Upload Photo Choose Picture Cancel Take Picture Opens the camera to take picture. Choose a picture from camera roll. Cancel and retain the default picture. Done Wednesday 13 June 12 6. 10:00 AM3G Intro Screen 1. Answer 20 short questions about yourself. 2. Pick the 5 most important qualities you want in a friend. 3. Select your Beemer status. Walk around, spot a new friend, ask are you a Beemer? Thats it. Youre a Beemer! Lets Get Started Wednesday 13 June 12 7. 10:00 AM3G 20 Questions 20 Questions Slide your nger to select 5 Love to Talk Kind of Quite As the slider moves, a number is displayed between 1 and 5. Answering all the questions is mandatory. Talking Pressing on the right button will take the user to the next question and the slider for that question will then appear at the bottom. Done Only when all the questions are answered will the Done button be highlighted to move to the next screen. 2 of 20 Wednesday 13 June 12 8. 10:00 AM3G 5 Important Qualities Select the 5 key qualities most important to you Pick 5 Select 1 Select 2 Select 3 Select 4 Select 5 Back Next All these are mandatory to ll in. Validation will happen for these entries to avoid multiple selections of the same question. Wednesday 13 June 12 9. 10:00 AM3G 5 Important Qualities Select the 5 key qualities most important to you Pick 5 Select 1 Select 2 Select 3 Select 4 Select 5 Back Next Button Option 1 Option 2 Option 3 Option 4 Cancel Done A roller appears giving the 20 options to choose from when each of the Quality option is selected to be entered. Wednesday 13 June 12 10. 10:00 AM3G Selection of the Beemer status I am not picky about my matches Whats Your Beemer Status? I will accept most matches Beemer I am very picky about my matches Low Beemer Back High Beemer Once a selection is made, the page automatically moves to the Settings page. Wednesday 13 June 12 11. 10:00 AM3G Settings 1 Settings Add/Edit Phone Number Chat Settings Facebook Done Clicking on the Done button takes the user to the main Menu screen. About Notications Details about the app, Credits, Help (this will be a link to the website that will have FAQs on the app usage) and Privacy Policy. Prole User can edit Name, Prole Picture, change beemer status, edit questions. Sign-Out button to log off the application. This is used for signing into Facebook. Once the user is signed in, any connect with another user will be put up on the Facebook wall. Wednesday 13 June 12 12. 10:00 AM3G Add/Edit Prole Settings Prole SettingsBack Change Picture This will bring up the three options to choose from. Females Im looking for: This will have a drop-down of three options: Males, Females and Both. Default setting for this will be opposite gender of the user who is currently using the app. Edit Name Change Beemer Status Edit 20 Questions Edit 5 Qualities This will take the user to the rst page of the questionnaire. This will take the user to the Pick 5 screen to edit. Wednesday 13 June 12 13. 10:00 AM3G Add/Edit Phone Settings Number Settings Phone Hook-Ups 706 345 7689 - Off Share my number with: High Beemers Beemers Off Low Beemers On On Back By default, all these options will be off. Wednesday 13 June 12 14. 10:00 AM3G Add/Edit Chat Settings Chat SettingsBack Available for Chat On Your current status is: Available Customize your status: Click here to edit... Clicking on this option will give a few pre-set options. Client to provide the options. Select availability for chat. Wednesday 13 June 12 15. 10:00 AM3G Edit Notications NoticationsBack Hook-up Requests On Chat Messages On New Touches On By default, all notications will be On. Wednesday 13 June 12 16. 10:00 AM3G Main Menu Touches For a registered user, the Main Menu immediately appears after they sign in. Touches will always be the rst screen to show up for a user. Search by email First Name, L In the Touches module, only the First Name and the Initial of the Last Name will be displayed. People can search for specic users if they know their email. Proles not seen earlier will be in grey. 2s 2m 5m 5m 1h 2h The period of time when this prole was fetched. Hooked Up 2 Touches Chat Settings ? ? ? ?? The stars are displayed only when the user clicks on a prole to see the compatibility match. 3 Shows number of new people not looked at. Shows the number of friend requests received. First Name, L First Name, L First Name, L First Name, L First Name, L 20 latest matches in the last 24 hrs are displayed, updated every hour. User can also drag this panel down to refresh to see latest matches. Wednesday 13 June 12 17. 10:00 AM3G Compatibility Match Name Hooked Up 2 Touches Chat Settings Youve Got A Match! The stars show up like in a slot machine. Other Qualities Match Key Qualities Match Compatibility Coefcient 1 5 1 1 3 The numbers show up like in a slot machine. Hook Me Up This will add this user to the Hooked Up (friends) list. When clicking on this button, the text changes to: Hooked-Up along with the color of the button. Back If a Hook-Up request is already sent, then two buttons will be displayed instead: Accept and Ignore. Wednesday 13 June 12 18. 10:00 AM3G First Name, Last Name Hooked Up Hooked Up Hooked Up is the contact list of people added to the users friends list using the Hook Me Up option. First Name, Last Name First Name, Last Name First Name, Last Name First Name, Last Name First Name, Last Name Hooked Up 2 Touches Chat Settings 3 All Hook-Up requests received by the user will be displayed as a notication here and at the bottom Hooked Up button. Once clicked on this button, it shows a drop down with the friend requests. 3 The list of users will be sorted alphabetically. Wednesday 13 June 12 19. 10:00 AM3G First Name, Last Name Hooked Up - Hook-Up Request Hooked Up Hooked Up is the contact list of people added to the users friends list using the Hook Me Up option. First Name, Last Name First Name, Last Name First Name, Last Name First Name, Last Name First Name, Last Name Hooked Up 2 Touches Chat Settings 3 Hook-Up Requests Username Accept Ignore Username Accept Ignore Clicking on the arrow will take the user to the Compatibility Match screen. The user can choose to accept or ignore from that screen as well. Once a user is ignored, they cannot send another hook-up request for a week. If ignored a second time, they will be blocked from sending a hook-up request to this user. Wednesday 13 June 12 20. 10:00 AM3G Hooked Up 2 Name This screen is displayed when the user clicks on a friend from the Hooked Up menu. Hooked Up 2 Touches Chat Settings First Name, Last Name Back 5 1511 Compatibility Key Qualities Other Qualities Call Chat This option will be highlighted only when a number is available for the user or if they have shared. Clicking on this will take the user to the chat window. Chat will happen only when the user is online. If ofine, a message is displayed saying the user is ofine (next screen). Un-hook This will un-friend the other user. The other/unfriended user will not be notied of this event. Wednesday 13 June 12 21. 10:00 AM3G Chat With Friends - from Hooked-up View Touches Chat Settings NameBack Send If the user is ofine, this will be the message displayed. This user is currently ofine. Wednesday 13 June 12 22. 10:00 AM3G First Name, Last Name Chat With Friends Chat Clicking on the Chat option at the bottom gives the default view of friends list that users can chat with. All online friends will be shown here. First Name, Last Name First Name, Last Name First Name, Last Name First Name, Last Name First Name, Last Name Hooked Up 2 Touches Chat Settings All online friends are shown and are available for chat. Shows all active chats. Available Busy Off to buy milk Lovely Sunday I hate cats The best chat status is this Chat status. Can be edited in Settings > Chat Settings Wednesday 13 June 12 23. 10:00 AM3G Chat With Friends Clicking on the Chat option at the bottom gives the default view of friends list that users can chat with. Touches Chat Settings NameBack Send Wednesday 13 June 12 24. 10:00 AM3G Chat With Friends Clicking on the Chat option at the bottom gives the default view of friends list that users can chat with. Touches Chat Settings NameBack Send P .?123 space Search OIUYTREWQ LKJHGFDSA MNBVCXZ A keyboard pops-up when a user wants to start typing. Wednesday 13 June 12 25. 10:00 AM3G ChatsBack Active Chats This section displays all the active chats currently in session with Friends or Nearby users. Hooked Up 2 Touches Chat Settings All active chats with Friends. Shows all active chats. First Name, Last Name First Name, Last Name First Name, Last Name All active chats with Nearby users. Last message in the conversation here... Last message in the conversation here... Last message in the conversation here... Last message in the conversation here... Last message in the conversation here... Last message in the conversation he