44
UX

User Experience Design - Why & How to

  • Upload
    minhdo

  • View
    110

  • Download
    1

Embed Size (px)

DESCRIPTION

As a Web developer, User Experience Design help me alot to increase quality of work and customer sastification. This presentation is to get you familiar with UX design and know some resources to go further.

Citation preview

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!