21
Makeover for iPhone app

Quora iPhone App Grand Makerover concept

Embed Size (px)

DESCRIPTION

This presentation explains the UX and design decisions I've made while redesigning the iphone app for Quora.

Citation preview

Page 1: Quora iPhone App Grand Makerover concept

Makeoverfor iPhone app

Page 2: Quora iPhone App Grand Makerover concept

Main interest

• Questions

• Answers

• Search

Page 3: Quora iPhone App Grand Makerover concept

User habits

• For frequent consumer visitors– Leisure lazy read

• Not more than 45 minutes

• For frequent producer visitors– Reply to comments and questions

– Control statistics

• For occasional visitors – Quick find

– Follow the answers

Page 4: Quora iPhone App Grand Makerover concept

Design Constraints

• Media

– Limited screen real estate

• Users

– Short attention span

• Environment

– Distracting

Page 5: Quora iPhone App Grand Makerover concept
Page 6: Quora iPhone App Grand Makerover concept

Verdict

Current design

distracts the reader from

questions

Page 7: Quora iPhone App Grand Makerover concept

Current weaknesses

• Crammed home page

– Secondary information brought to foreground

– Rarely used functions take up space

• Minimal use of multi-touch gestures

Page 8: Quora iPhone App Grand Makerover concept

Design Decisions

• Hide information of the second and third level of interest

– Cropped answers

– Non-top answers

– Author of the answer

– Voters even if they are friends

Page 9: Quora iPhone App Grand Makerover concept
Page 10: Quora iPhone App Grand Makerover concept
Page 11: Quora iPhone App Grand Makerover concept

Design Decisions

• Introduce multi-touch gestures

– Pinch in/out to

• open/close auxiliary information about an answer

• open/close main menu from anywhere in the app

– Circular moves to move between answers

– Hold and pan up/down to upvote or downvote

– Four finger “tap” to call a keyboard and initiate search

Page 12: Quora iPhone App Grand Makerover concept

Redesign Concept

Page 13: Quora iPhone App Grand Makerover concept

Top

AnswerYour

answerQuestion

Info

About

Author

home screen

Page 14: Quora iPhone App Grand Makerover concept

Swipe Right

Page 15: Quora iPhone App Grand Makerover concept

Info

About

AuthorQuestion

Your

answer

top answer screen

Top

Answer

Page 16: Quora iPhone App Grand Makerover concept

Swipe Right

Page 17: Quora iPhone App Grand Makerover concept

Top

AnswerQuestion

Your

answer

author info

Info

About

Author

Page 18: Quora iPhone App Grand Makerover concept

Question -> Answer

Page 19: Quora iPhone App Grand Makerover concept

Answer-> Details

Page 20: Quora iPhone App Grand Makerover concept

Anywhere-> Main Menu

Page 21: Quora iPhone App Grand Makerover concept

Answer A -> Answer B

A B