quora iphone app grand makerover concept

21
Makeover for iPhone app

Upload: rakhilya-ibildayeva

Post on 07-Jul-2015

136 views

Category:

Design


1 download

DESCRIPTION

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

TRANSCRIPT

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