Beemer wireframe final

25
10:00 AM 3G Splash Screen App Logo Loading... Wednesday 13 June 12

description

iPhone screens for be a beemer

Transcript of Beemer wireframe final

Page 1: Beemer wireframe final

10:00 AM3G

Splash Screen

App Logo

Loading...

Wednesday 13 June 12

Page 2: Beemer wireframe final

10:00 AM3G

Sign-InSign-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

Page 3: Beemer wireframe final

10:00 AM3G

Sign-UpSign-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

Page 4: Beemer wireframe final

10:00 AM3G

Upload Photo toComplete 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

Page 5: Beemer wireframe final

10:00 AM3G

Upload Photo toComplete SignupPop-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

Page 6: Beemer wireframe final

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?

That’s it. You’re a Beemer!

Let’s Get Started

Wednesday 13 June 12

Page 7: Beemer wireframe final

10:00 AM3G

20 Questions20 Questions

Slide your finger to select5

Love to Talk Kind of QuiteAs 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

Page 8: Beemer wireframe final

10:00 AM3G

5 ImportantQualities

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 fill in.

Validation will happen for these entries to avoid multiple selections of the same question.

Wednesday 13 June 12

Page 9: Beemer wireframe final

10:00 AM3G

5 ImportantQualities

Select the 5 key qualities most important to you

Pick 5Select 1

Select 2

Select 3

Select 4

Select 5

Back Next

ButtonOption 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

Page 10: Beemer wireframe final

10:00 AM3G

Selection of the Beemer status

I am not picky about my matches

What’s Your Beemer Status?

I will accept most matches

Beemer

I am very picky about my matches

Low Beemer

Back

High BeemerOnce a selection is made, the page automatically moves to the Settings page.

Wednesday 13 June 12

Page 11: Beemer wireframe final

10:00 AM3G

Settings 1Settings

Add/Edit Phone Number

Chat Settings

Facebook

DoneClicking on the Done button takes the user to the main Menu screen.

About

Notifications

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.

ProfileUser can edit Name, Profile 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

Page 12: Beemer wireframe final

10:00 AM3G

Add/Edit Profile Settings

Profile SettingsBack

Change PictureThis will bring up the three options to choose from.

Females

I’m 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 first page of the questionnaire.

This will take the user to the Pick 5 screen to edit.

Wednesday 13 June 12

Page 13: Beemer wireframe final

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

Page 14: Beemer wireframe final

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

Page 15: Beemer wireframe final

10:00 AM3G

Edit NotificationsNotificationsBack

Hook-up Requests On

Chat Messages On

New Touches On

By default, all notifications will be On.

Wednesday 13 June 12

Page 16: Beemer wireframe final

10:00 AM3G

Main MenuTouches

For a registered user, the Main Menu immediately appears after they sign in. Touches will always be the first 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 specific users if they know their email.

Profiles not seen earlier will be in grey.

2s

2m

5m

5m

1h

2h

The period of time when this profile was fetched.

Hooked Up

2

Touches Chat Settings

? ? ? ??The stars are displayed only when the user clicks on a profile 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

Page 17: Beemer wireframe final

10:00 AM3G

Compatibility Match

Name

Hooked Up

2

Touches Chat Settings

You’ve Got A Match!

The stars show up like in a slot machine.

Other Qualities Match

Key Qualities Match

Compatibility Coefficient

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

Page 18: Beemer wireframe final

10:00 AM3G

First Name, Last Name

Hooked UpHooked Up

Hooked Up is the contact list of people added to the user’s 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 notification 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

Page 19: Beemer wireframe final

10:00 AM3G

First Name, Last Name

Hooked Up - Hook-Up Request

Hooked UpHooked Up is the contact list of people added to the user’s 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 RequestsUsername

Accept Ignore

UsernameAccept 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

Page 20: Beemer wireframe final

10:00 AM3G

Hooked Up 2Name

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 1511Compatibility Key Qualities Other Qualities

Call ChatThis 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 offline, a message is displayed saying the user is offline (next screen).

Un-hook This will un-friend the other user. The other/unfriended user will not be notified of this event.

Wednesday 13 June 12

Page 21: Beemer wireframe final

10:00 AM3G

Chat With Friends - from Hooked-up View

Touches Chat Settings

NameBack

Send

If the user is offline, this will be the message displayed.This user is currently offline.

Wednesday 13 June 12

Page 22: Beemer wireframe final

10:00 AM3G

First Name, Last Name

Chat With Friends

ChatClicking 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

Page 23: Beemer wireframe final

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

Page 24: Beemer wireframe final

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

Page 25: Beemer wireframe final

10:00 AM3G

ChatsBack

Active ChatsThis 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 here...

First Name, Last Name

First Name, Last Name

First Name, Last Name

Wednesday 13 June 12