ux fundamentals for beginners

UX

SHAHRIZAR

VIDEO GAMEDESIGNER

STARTUPFOUNDER

PHYSICIST

ARTIST

FATHER,HUSBAND

MANUFACTURINGINDUSTRYTRAINER

There is no shortcut in good UX design

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

Visual Design

System Design

Visual Design

System Design

Branding in the Physical world

Customer service

Packaging

Product Unboxing

This is

UX

What influences your experience?

Human Emotion determines UX

What emotions should good UX target?

COOL

INTERESTINGBEAUTIFUL

UX Designing for Emotions

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.

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.

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

Ergonomics of User Interface

Ergonomics guideline

ConsistencyPrinciple of Least

Astonishment. Consistent icons,

terms, etc.

SimplicityBreak complex

tasks into simpler tasks.

Human Memory

LimitationOrganize

information into small chunks.

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”.

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.

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

> 68%Above Average

< 68%Below Average

System Usability Score

(SUS)

Influence of Design on UX

Which is nicer?

1981Apple Macintosh

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

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.

Simplifying Interactions -minimalism

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.

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

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?

Influencing human habits

Gamifying Interactions and Experience