ONA 2013 Design That Works session by Hong Qu

35
Lessons From Humans: Design That Works ONA 2013 Hong Qu @hqu October 17, 2013 Tuesday, October 15, 13

description

 

Transcript of ONA 2013 Design That Works session by Hong Qu

Page 1: ONA 2013 Design That Works session by Hong Qu

Lessons From Humans: Design That Works

ONA 2013

Hong Qu@hqu

October 17, 2013

Tuesday, October 15, 13

Page 2: ONA 2013 Design That Works session by Hong Qu

About me

2003 2006 2012 2013

Tuesday, October 15, 13

Page 3: ONA 2013 Design That Works session by Hong Qu

Ship Early and Often

https://en.wikipedia.org/wiki/Release_early,_release_oftenTuesday, October 15, 13

Page 4: ONA 2013 Design That Works session by Hong Qu

http://www.neospot.se/usability-vs-user-experience/

Tuesday, October 15, 13

Page 5: ONA 2013 Design That Works session by Hong Qu

Matt Mullengweg

“if you’re not embarrassed when you ship your first version you waited too long”

http://ma.tt/2010/11/one-point-oh/

Tuesday, October 15, 13

Page 6: ONA 2013 Design That Works session by Hong Qu

Minimum Viable Product (MVP)

http://theleanstartup.com/principlesTuesday, October 15, 13

Page 7: ONA 2013 Design That Works session by Hong Qu

Lean Methodology

http://theleanstartup.com/principles

Tuesday, October 15, 13

Page 8: ONA 2013 Design That Works session by Hong Qu

Design Thinking

http://www.ideo.com/about/

Tuesday, October 15, 13

Page 9: ONA 2013 Design That Works session by Hong Qu

Tuesday, October 15, 13

Page 10: ONA 2013 Design That Works session by Hong Qu

5 LOCAL MAXIMUM

http://52weeksofux.com/post/694598769/the-local-maximum!

“The local maximum occurs frequently when UX practitioners rely too much on a/b testing or other testing approaches to make improvements”

Page 11: ONA 2013 Design That Works session by Hong Qu

6 Role of Analytics in UX Design

Single action level

Page level

Feature level

User level

Business KPI

CTR, Subscribe!

Time on site, Bounce!

Task completion!

Register, Checkout!

7 day actives!

Cost per customer acq.!

Revenue, ARPU!

Net promoter score!

Life-time value!

Page 13: ONA 2013 Design That Works session by Hong Qu

!!!!!!

!"#$#$%&'()*'(#+",'()

-./')

!"#0+,$)10'2()

3,4#5267').5(.89$()

15(.89$()

15(.89$()

Page 14: ONA 2013 Design That Works session by Hong Qu

My Process

http://bit.ly/UX_process_stagesTuesday, October 15, 13

Page 15: ONA 2013 Design That Works session by Hong Qu

Iterative Development

https://en.wikipedia.org/wiki/Iterative_and_incremental_development

Tuesday, October 15, 13

Page 17: ONA 2013 Design That Works session by Hong Qu

Tuesday, September 10, 2013

Page 18: ONA 2013 Design That Works session by Hong Qu

Tuesday, September 10, 2013

Page 19: ONA 2013 Design That Works session by Hong Qu

Personas

http://www.adaptivepath.com/ideas/a-little-thing-about-personas/

Tuesday, October 15, 13

Page 20: ONA 2013 Design That Works session by Hong Qu

Why people don’t sharePrivacy

Unknown audience

Exposing yourself to judgement

Don’t feel a sense of control

Construction different identities for different groups of friends

Like to consume guilty pleasures, but don’t want anyone to know

Self censoring

Socially awkwardness to bring up controversial issues

Cannot unshare

Easy to copy and forward

Thursday, February 2, 2012

Page 22: ONA 2013 Design That Works session by Hong Qu

https://twitter.com/MonBaste/status/319717740548063232Tuesday, October 15, 13

Page 23: ONA 2013 Design That Works session by Hong Qu

https://twitter.com/landay/status/14393808841http://www.parc.com/event/1109/for-example.html

Tuesday, October 15, 13

Page 24: ONA 2013 Design That Works session by Hong Qu

How to PrototypeStart by modeling system level site map and navigation flow diagramsBe specific about what you want to learn from building and testing the prototype

Help team to gain an understanding the feature set

Collect qualitative data point to guide design direction

Validation testing to ensure that users “get it”

Tuesday, October 15, 13

Page 25: ONA 2013 Design That Works session by Hong Qu

Sitemap

Tuesday, October 15, 13

Page 26: ONA 2013 Design That Works session by Hong Qu

Flow Diagram

Tuesday, October 15, 13

Page 27: ONA 2013 Design That Works session by Hong Qu

Tuesday, October 15, 13

Page 28: ONA 2013 Design That Works session by Hong Qu

!""#$%&'()'*+','*+'(!

"##$%!&%'()*%+'!,-.%!/#!0(12!34!%*5+%$6!&(7%+%*1!.-,8!/#'!-9!:*6!*%0!9%:1/+%;<!!;=2%6>$$!1:8%!1%*?!:*&!)(@%!12%.'%$@%'!+--.!1-!&%'()*!0(12-/1!+%'1+(,5-*<!A:1%+!12%6!02(B$%!12:1!*/.C%+!1-!12+%%?!'#%*&!.-+%!.-*12'!-*!12-'%!12+%%!:*&!12%*!D*:$$6!%*&!/#!0(12!-*%!'1+-*)!&%,('(-*<!

2B#EFF000<C/'(*%''0%%8<,-.F12%G12+%:&F1%,2C%:1F:+,2(@%'FH44IF4JF:##$%'G&%'()*G#+-,%''<21.$!

Page 29: ONA 2013 Design That Works session by Hong Qu

Friday, May 3, 2013

Page 30: ONA 2013 Design That Works session by Hong Qu

Case Study: Keeprhttps://hackpad.com/About-Keepr-9Ns5vU6e8V7

Tuesday, October 15, 13

Page 32: ONA 2013 Design That Works session by Hong Qu

Project Management Tools

Tuesday, October 15, 13

Page 34: ONA 2013 Design That Works session by Hong Qu

MOOC

https://www.coursera.org/course/hciTuesday, October 15, 13

Page 35: ONA 2013 Design That Works session by Hong Qu

News Consumption Behavior

...capturing the user interest during the day by reporting fresh and interesting news, and encouraging readers to follow up later on when they have the time to devote to a more in-depth analysis.

http://www.journalismfestival.com/news/hal-varian-on-the-economics-of-the-newspaper-business/

Tuesday, October 15, 13