#selfie360 ux ui prez

35

Upload: ripple-music

Post on 25-Jun-2015

63 views

Category:

Design


2 download

DESCRIPTION

#selfie360 UX/UI

TRANSCRIPT

Page 1: #Selfie360 ux ui prez
Page 2: #Selfie360 ux ui prez
Page 3: #Selfie360 ux ui prez

home

challenge

photo

share

profile

Page 4: #Selfie360 ux ui prez

hom

e

Page 5: #Selfie360 ux ui prez
Page 6: #Selfie360 ux ui prez

Latest feed• Sends user to ongoing feed

of photos being submitted

Page 7: #Selfie360 ux ui prez

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)

Page 8: #Selfie360 ux ui prez

Staff picks• Sends user to ongoing feed

of photos selected by the #selfie360 staff

• Typically, higher quality, fun, & entertaining photos

Page 9: #Selfie360 ux ui prez

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

Page 10: #Selfie360 ux ui prez

Friends• Sends user to ongoing feed

of photos submitted by friends in which they are connected.

Page 11: #Selfie360 ux ui prez

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.

Page 12: #Selfie360 ux ui prez

Favorites• Sends user to feed of

photos which have been favorited by that user.

Page 13: #Selfie360 ux ui prez

challe

ng

e

Page 14: #Selfie360 ux ui prez
Page 15: #Selfie360 ux ui prez

Concept Challenge #1

Page 16: #Selfie360 ux ui prez

Concept Challenge #2

Page 17: #Selfie360 ux ui prez

Concept Challenge #3

Page 18: #Selfie360 ux ui prez

photo

Page 19: #Selfie360 ux ui prez
Page 20: #Selfie360 ux ui prez

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.)

Page 21: #Selfie360 ux ui prez

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

Page 22: #Selfie360 ux ui prez

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

Page 23: #Selfie360 ux ui prez

pro

file

Page 24: #Selfie360 ux ui prez
Page 25: #Selfie360 ux ui prez

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

Page 26: #Selfie360 ux ui prez

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

Page 27: #Selfie360 ux ui prez

share

Page 28: #Selfie360 ux ui prez
Page 29: #Selfie360 ux ui prez

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

Page 30: #Selfie360 ux ui prez

availableunavailable

Page 31: #Selfie360 ux ui prez

mon

ey

Page 32: #Selfie360 ux ui prez

B2B – Monetization Model Advertising Vertical• User content monetized

through computer vision algorithms

Page 33: #Selfie360 ux ui prez
Page 34: #Selfie360 ux ui prez

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

Page 35: #Selfie360 ux ui prez

thank

you