#selfie360 ux ui prez

Post on 25-Jun-2015

64 Views

Category:

Design

2 Downloads

Preview:

Click to see full reader

DESCRIPTION

#selfie360 UX/UI

TRANSCRIPT

home

challenge

photo

share

profile

hom

e

Latest feed• Sends user to ongoing feed

of photos being submitted

Latest feed• Sends user to ongoing feed

of photos being submitted

Features• Scroll up and down to go

through photos in feed• Double tap picture or single

tap smiley face to favorite • Click on the name at the

top of the screen to view the users profile who took the photo

• Tap “add” button at top right to add user to your list of friends (you can also add as friend from inside users profile)

Staff picks• Sends user to ongoing feed

of photos selected by the #selfie360 staff

• Typically, higher quality, fun, & entertaining photos

Staff picks• Sends user to ongoing feed

of photos selected by the #selfie360 staff

• Typically, higher quality, fun, & entertaining photos

Features• Scroll up and down to go

through photos in feed• Staff ribbon set at top right

corner to celebrate photo• Click staff ribbon to view

profile of staff member who selected photo as favorite

Friends• Sends user to ongoing feed

of photos submitted by friends in which they are connected.

Features• Scroll up and down to go

through photos in feed• Ribbon set bottom to

celebrate photo• Click ribbon to view profile

of friend who selected photo as favorite

Friends• Sends user to ongoing feed

of photos submitted by friends in which they are connected.

Favorites• Sends user to feed of

photos which have been favorited by that user.

challe

ng

e

Concept Challenge #1

Concept Challenge #2

Concept Challenge #3

photo

Camera• Select from three options

shot options: Portrait, Panorama, or Full.

• Watch demo video if you need help.

• To go “back” just click below (ie. Home, profile, etc.)

Features• Top left curved arrow is

back button. This will take you back to the screen of Portrait, Panorama, or Full.

• Sun button is for focus adjustment (auto, on, off.)

• Lightning button is for flash (auto, on, off)

• Camera at top right switches between front camera and rear camera

• Bottom left icon i is for information

• #selfie360 logo button starts picture process.

• Gear at bottom right is advanced settings

• Single tap to change target

full

Advanced settings• Mode: auto, guided, improv• Timer: adjusts time per shot• Photos per rotation• Animation speed• Sound Recording – requires

user approval to access microphone.

• Information icon at bottom left that plays a video of how to use advance settings and maximize users experience

• Allow computer vision augmentation

pro

file

Profile• User can view the name

and a short description about the individual they are viewing

• User can view all personal selfies taken

• User can view friends of profile being viewed (if they click on one of the friends, it will take them to that friends profile)

• The + icon at the top left is how you add that user to your friends list

add to friends

YES NO

Profile• User can view the name

and a short description about the individual they are viewing

• User can view all personal selfies taken

• User can view friends of profile being viewed (if they click on one of the friends, it will take them to that friends profile)

• The + icon at the top left is how you add that user to your friends list

share

Share• Share via: Instagram,

Facebook, camera roll, email, text, copy.

• Add caption if it is your photo

• Add comment if it is one of your friends

• Top left curved arrow goes back to feed

• “LT, LT/RT, RT” adjusts the direction of the photo

• Bar at right adjusts speed of photos transition

availableunavailable

mon

ey

B2B – Monetization Model Advertising Vertical• User content monetized

through computer vision algorithms

B2B – Monetization Model Challenge Campaign • $40,000.00 value per campaign

• (or) C-P-E Cost per engagement• Average twenty challenges per month• $800,000.00 Revenue Vertical / Month• $9.6 million / year

thank

you

top related