Download - User Experience Design - Why & How to

Transcript
Page 1: User Experience Design - Why & How to

UX

Page 2: User Experience Design - Why & How to

I’m Minh Do

[email protected]

www.facebook.com/minhinteracive

Creative Brand & Digital

Consultancy

www.interactive.vn

www.facebook.com/

interactive.vn

Managing Director

Page 3: User Experience Design - Why & How to

Be a Developer or Designer

We work with UX everyday

Page 4: User Experience Design - Why & How to

Digital Products used to be a one-way static

medium, has evolved into rich & interactive

experience.

Page 5: User Experience Design - Why & How to

Ecommerce Website

Page 6: User Experience Design - Why & How to

Web Apps

Interactive Floor Design

Page 7: User Experience Design - Why & How to

Web Apps

3D room simulator

Page 8: User Experience Design - Why & How to

Web Apps

3D room simulator

Page 9: User Experience Design - Why & How to

Mobile Apps

Page 10: User Experience Design - Why & How to

Software is for Human

•Does it give me value?

• Is it easy to use?

• Is it pleasant to use?”

Page 11: User Experience Design - Why & How to

Software is for Human

•Does it give me value?

• Is it easy to use?

• Is it pleasant to use?”

User experience design is to make them answer “Yes”

Page 12: User Experience Design - Why & How to

Content

What is UX

Why is it important

How to design for UX

Page 13: User Experience Design - Why & How to

What is UX

A person’s perceptions and responses that result from the use or anticipated use of a product, system or service

Wikipedia:

Page 14: User Experience Design - Why & How to

What is UX

A person’s perceptions and responses that result from the use or anticipated use of a product, system or service

It includes

emotions, beliefs, preferences, perceptions, physical and psychological responses, behaviours and

accomplishments

before, during and after use

Wikipedia:

Page 15: User Experience Design - Why & How to

What is UX

How a person feel when using a system, especially in terms of how easy or pleasing it is to use.

OR

Page 16: User Experience Design - Why & How to

Why is UX design important

Happier Customer

Loyalty

Return on investment

Increased Traffic

Competitive Advangate

Page 17: User Experience Design - Why & How to

Why is UX design important

Happier Developer

Save time

Reduce cost

Better product

Page 18: User Experience Design - Why & How to

Why is UX design important

Happier Customer

Happier Developer+

=

Page 19: User Experience Design - Why & How to

HOW TO DESIGN UX

Page 20: User Experience Design - Why & How to

We cannot design UXbecause

Page 21: User Experience Design - Why & How to

Factors involves UX

UXUXUser

Situation

System

Page 22: User Experience Design - Why & How to

Users cannot be designed

Page 23: User Experience Design - Why & How to

Situation cannot be designed

Where shall I go for lunch

Page 24: User Experience Design - Why & How to

Situation cannot be designed

Where shall I go for lunch

Trending:Food Festival on Central

Park

Page 25: User Experience Design - Why & How to

Situation cannot be designed

Where shall I go for lunch

Weather: Sunny

Trending:Food Festival on Central

Park

Page 26: User Experience Design - Why & How to

Situation cannot be designed

Where shall I go for lunch Weather:

Rainny

Trending:Food Festival on Central

Park

?

Page 27: User Experience Design - Why & How to

WE CAN DESIGN FOR UX

Page 28: User Experience Design - Why & How to

HOW TO DESIGN FOR UX

•Understand UX

•Understand User

•Exceed Expectations

Page 29: User Experience Design - Why & How to

USABLE

CREDIBLE

ACCESSIBLE

USEFUL

DESIRABLE

FINDABLE

VALUABLE

Understand UX

User Experience Honeycomb by Semantic Studio

http://semanticstudios.com/publications/semantics/000029.php

Page 30: User Experience Design - Why & How to

Understand User

Page 31: User Experience Design - Why & How to

Understand UserSurvey form

•Are you able to find your seeking information?

•How are you satisfied with our website?

•Will you recommend our website to friends?

Page 32: User Experience Design - Why & How to

Understand User• Cart sorting

• Contextual Interview

• First click testing

• Focus group

• Individual review

• Parallel design

• Personas

• Prototyping

• Survey

• System Usability Scale

• Task analysis

• Usability testing

http://www.usability.gov/what-and-why/user-research.html

Page 33: User Experience Design - Why & How to

Exceed Expectation

Page 34: User Experience Design - Why & How to

MUST SEE DIAGRAMS

Page 35: User Experience Design - Why & How to

USABLE

CREDIBLE

ACCESSIBLE

USEFUL

DESIRABLE

FINDABLE

VALUABLE

User Experience Honeycomb

http://semanticstudios.com/publications/semantics/000029.php

Page 36: User Experience Design - Why & How to

Experience Wheel

http://userexperienceproject.blogspot.com/2007/04/user-experience-wheel.html

Page 37: User Experience Design - Why & How to

UX Treasure Map

http://semanticstudios.com/publications/semantics/000228.php

Page 38: User Experience Design - Why & How to

http://books.google.com.vn/books?id=QKYPdcI-av8C&lpg=PA31&ots=fhpyp6-jRi&dq=Hassenzahls+model&hl=no&pg=PA31&redir_esc=y#v=onepage&q&f=false

Hassenzahls model

Page 39: User Experience Design - Why & How to

Elements of User Experience

http://www.jjg.net/elements/pdf/elements.pdf

Page 40: User Experience Design - Why & How to

TOOLS TO DESIGN FOR UX

• WIREFRAMING AND PROTOTYPING APPLICATIONS

• A/B TESTING SOFTWARE

• CONTENT INVENTORY SOFTWARE

• USER TESTING AND FEEDBACK SOFTWARE

• ANALYTICS SOFTWARE

http://www.smashingmagazine.com/2010/10/05/what-is-user-experience-design-overview-tools-and-resources/

Page 41: User Experience Design - Why & How to

I think

Page 42: User Experience Design - Why & How to

UX design is a way to unwrap our future

YOUR TURNSocial

networkMicro blog

Photo sharing

Personal Messaging

Page 43: User Experience Design - Why & How to

You’ve got to start with the customer experience and work backwards to the technology.

Page 44: User Experience Design - Why & How to

Thank you!