ux fundamentals for beginners

43
UX

Upload: growth-hacking-asia

Post on 21-Apr-2017

33.501 views

Category:

Design


0 download

TRANSCRIPT

Page 1: UX Fundamentals for Beginners

UX

Page 2: UX Fundamentals for Beginners

SHAHRIZAR

VIDEO GAMEDESIGNER

STARTUPFOUNDER

PHYSICIST

ARTIST

FATHER,HUSBAND

MANUFACTURINGINDUSTRYTRAINER

Page 3: UX Fundamentals for Beginners

There is no shortcut in good UX design

Page 4: UX Fundamentals for Beginners

Good UX design comes from continued testing, and improvements to the product and service.

Page 5: UX Fundamentals for Beginners

Visual Design

System Design

Page 6: UX Fundamentals for Beginners

Visual Design

System Design

Branding in the Physical world

Customer service

Packaging

Product Unboxing

This is

UX

Page 7: UX Fundamentals for Beginners
Page 8: UX Fundamentals for Beginners

What influences your experience?

Page 9: UX Fundamentals for Beginners
Page 10: UX Fundamentals for Beginners

Human Emotion determines UX

Page 11: UX Fundamentals for Beginners

What emotions should good UX target?

Page 12: UX Fundamentals for Beginners

COOL

INTERESTINGBEAUTIFUL

UX Designing for Emotions

Page 13: UX Fundamentals for Beginners

Techniques

HumorYou remember humorous Ads more than the serious ones.

RecognizeHumans are

drawn to things that we relate to.

Golden Ratio.

PatternHumans like to

recognize patterns. Provide

a pattern to follow.

Page 14: UX Fundamentals for Beginners

Techniques

EngageGive them an

interactive tool to engage. Like,

Comment, Rate.

Talk We value authentic

communication. Talk like a friend,

not a faceless entity.

RelationshipIts no longer

about making a sale. Its about

building a relationship.

Page 15: UX Fundamentals for Beginners
Page 16: UX Fundamentals for Beginners
Page 17: UX Fundamentals for Beginners

PRODUCT

Direct Stakeholder

Indirect Stakeholder

Wider Environment

Key PointsOne reason products fail is because teams do not solve the problems that are important to the right users. These personas are not always obvious, as they may be associated with the product through indirect connections.

With Customer-Centric, you can identify the vast web of people your product impacts and explore the complex butterfly effect; doing so reveals which stakeholders are most important and what your product requirements are.

CUSTOMER-CENTRIC GAME

Page 18: UX Fundamentals for Beginners

Ergonomics of User Interface

Page 19: UX Fundamentals for Beginners

Ergonomics guideline

ConsistencyPrinciple of Least

Astonishment. Consistent icons,

terms, etc.

SimplicityBreak complex

tasks into simpler tasks.

Human Memory

LimitationOrganize

information into small chunks.

Page 20: UX Fundamentals for Beginners

Ergonomics guideline

Cognitive Directness

Reduce abstraction and reuse real world

metaphors.

FeedbackProvide actionable feedback. Not just an error message.

User Centered “There was a

problem copying files to your disk”

rather than “Error 309”.

Page 21: UX Fundamentals for Beginners

Ergonomics guideline

Anthropomorphization

Avoid “Have a nice day” messages

from your computer.

ModalityForce users to

complete one task before moving to

another. Allow escape routes.

AttentionNudge user

attention, rather than trying to

force them. Gentle

animations.

Page 22: UX Fundamentals for Beginners

Strongly Strongly disagree agree 1. I think that I would like to use this system frequently 2. I found the system unnecessarily complex 3. I thought the system was easy to use 4. I think that I would need the support of a technical person to be able to use this system 5. I found the various functions in this system were well integrated 6. I thought there was too much inconsistency in this system 7. I would imagine that most people would learn to use this system very quickly 8. I found the system very cumbersome to use 9. I felt very confident using the system 10. I needed to learn a lot of things before I could get going with this system

1 2 3 4 5

1 2 3 4 5

1 2 3 4 5

1 2 3 4 5

1 2 3 4 5

1 2 3 4 5

1 2 3 4 5

1 2 3 4 5

1 2 3 4 5

1 2 3 4 5

System Usability

Score(SUS)

www.usability.gov

Page 23: UX Fundamentals for Beginners

> 68%Above Average

< 68%Below Average

System Usability Score

(SUS)

Page 24: UX Fundamentals for Beginners

Influence of Design on UX

Page 25: UX Fundamentals for Beginners
Page 26: UX Fundamentals for Beginners
Page 27: UX Fundamentals for Beginners
Page 28: UX Fundamentals for Beginners

Which is nicer?

Page 29: UX Fundamentals for Beginners
Page 30: UX Fundamentals for Beginners
Page 31: UX Fundamentals for Beginners

1981Apple Macintosh

Page 32: UX Fundamentals for Beginners

Visual cues, such as the arrow on a pop-up menu, help people recognize familiar elements. People learn to associate certain behaviors with specific elements based on their appearance. For example, people recognize push buttons by their rounded shape…

— OSX Human Interface Guidelines

Page 33: UX Fundamentals for Beginners

Professor Nänni, author of theexemplary Visual Perception, a bookdetailing our best-to-date scientificunderstanding of the processes involvedin visual cognition, is sayingthat rounded rectangles are literallyeasier on the eye.

Put another way, compared to square-edged rectangles, rounded rectangles aremore computationally efficient for thehuman brain.

Page 34: UX Fundamentals for Beginners

Simplifying Interactions -minimalism

Page 35: UX Fundamentals for Beginners

To accomplish simplification, user experience designers employa variety of design exercises to make the UI more efficient.

We limit the amount of choices available to a user, reducethe size of content and site copy, progressively disclose UIoptions, and synthesize unruly navigation elements.

Essentially though, these are just exercises in numericalreduction.

Page 36: UX Fundamentals for Beginners

Ask Who? What? Why? & When? to simplify User Interactions.

Page 37: UX Fundamentals for Beginners

Who is your new website for? Who are your users, and how many user personas can they be categorized into?

What sets (or will set) your brand(s) and your website apart? What is your user looking for on your site? What problems do you solve for them?

Why are users visiting your site? Why are they choosing you over the competition?

When is the right time for you to redesign your UX, or to include UX design in your next project?

Page 38: UX Fundamentals for Beginners

Influencing human habits

Page 39: UX Fundamentals for Beginners
Page 40: UX Fundamentals for Beginners

Gamifying Interactions and Experience

Page 41: UX Fundamentals for Beginners
Page 42: UX Fundamentals for Beginners
Page 43: UX Fundamentals for Beginners