UX for Non-Designers

If you like this presentation – show it...

Slide 0

Bus40 UX for Non-Designers

Slide 1

Christina Wodtke @cwodtke | linkedin.com/in/christinawodtke | cwodtke.com

Slide 2

Don Norman "User experience" encompasses all aspects of the end-user's interaction with the company, its services, and its products.

Slide 3

I love amazon. It is a clear yet rich shopping experience. It gives me what I need to make a decision. But it’s more than a website…

Slide 4

Amazon understands me. It shows me things I didn’t even realize were available that I love. Lynda Carter FTW!

Slide 5

Let’s be honest: it’s all about the smiling boxes. And who doesn’t like to come home to smiling boxes?

Slide 6

Are you stuck? A human is waiting to unstick you!

Slide 7

Don Norman The first requirement for an exemplary user experience is to meet the exact needs of the customer, without fuss or bother.

Slide 8

Amazon understands I always run out of razors! Amazon understands I have no clue how often to buy them!

Slide 9

Don Norman Next comes simplicity and elegance that produce products that are a joy to own, a joy to use. True user experience goes far beyond giving customers what they say they want, or providing checklist features.

Slide 10

The doodle not only has no utility on google, it breaks the rule of branding: never touch the mark! Let it warms and makes human the search giant. That matters.

Slide 11

You can argue that Amazon should kill joke reviews, because they mess up the algorithms. But they also warm up what could be a cold space.

Slide 12

Slide 13

Slide 14

Don Norman In order to achieve high-quality user experience in a company's offerings there must be a seamless merging of the services of multiple disciplines, including engineering, marketing, graphical and industrial design, and interface design.

Slide 15

What is user experience? The mini cooper convertible has my favorite car experience. The way it handles, accelerates as well as the beautiful interior, the innovative half-open position of the roof!.

Slide 16

But the experience doesn’t stop at the car. There are stickers, swag, driving adventures, dedicated AAA support for the life of the car and music services! What does it mean to enjoy driving a car, they asked… then answered.

Slide 17

18 HEADER What is Good? What is it? Why do you love it? What’s your favorite part? EXERCISE

Slide 18

19 HEADER What is Bad? What is it? Why do you hate it? What’s the worst part? EXERCISE

Slide 19

20 HEADER Make it Be Good. Teams, 20 minutes, sketch answers EXERCISE

Slide 20

Universal Principles Affordances Feedback Standards Poka-yoke Direct Manipulation

Slide 21

DIRECT MANIPULATION It is easier and more pleasant to have a 1:1 relationship with the thing manipulate and the manipulator – this is why toddlers can use ipads.

Slide 22

Affordances Things that look pushable, get pushed. Things that look pullable, get pulled.

Slide 23

Affordances The Ipad keyboard is harder to use than a regular one because there are no physical affordances and we don’t’ type looking usually. Flat design is often disliked because it’s hard to know what is pushable.

Slide 24

Feedback On twitter, when you post you get feedback so you know your tweet went out.

Slide 25

Feedback On Facebook, they show the link preview as soon as you add it, so you know all is working (and can preview)

Slide 26

Feedback Your new status is always posted on top, to let you know it was successfully posted (even if a new status came in a second after, and is thus newer)

Slide 27

Inline feedback vs validation: Luke Wrobowski http://alistapart.com/article/inline-validation-in-web-forms Traditional Inline

Slide 28

Feedback Matters Inline feedback gave: a 22% increase in success rates, a 22% decrease in errors made, a 31% increase in satisfaction rating, a 42% decrease in completion times, and a 47% decrease in the number of eye fixations. “You’d rather know about your mistakes as you go along.” “It’s much better than getting all the way down and hitting ‘submit,’ only to find out that it doesn’t like your username. It’s much better when it tells you as you go along.” Inline Validation in Web Forms by LUKE WROBLEWSKI September 01, 2009

Slide 29

The Poka-Yoke Principle  Poka-Yoke roughly translates in English to mistake proofing: avoiding (yokeru) inadvertent errors (poka). Designers use Poka-Yoke when they put constraints on products to prevent errors, forcing users to adjust their behavior and correctly execute an operation.

Slide 30

Errors Prevent Allow fixes COMPASSION Avoid learned Dismissal

Slide 31

"Obey standards unless there is a truly superior alternative" - Alan Cooper Standards

Slide 32

Law of the Conservation of Complexity states that some complexity is inherent in every process. There is a point beyond which you can’t simplify the process any further; you can only move the inherent complexity from one place to another. Larry Tessler

Slide 33

The Magical Number Seven +\- 1 Is a myth

Slide 34

Contextual Principles What you know about the context/users/activity. E.g. Recipes must be scannable User should know where they are in a recipe Recipes allow users to find ingredients for shopping and mise en place by listing them apart from instructions You make them up

Slide 35

Tivo Tennants It’s entertainment, stupid. It’s TV, stupid. It’s video, dammit. Everything is smooth and gentle. No modality or deep hierarchy. Respect the viewer’s privacy. It’s a robust appliance, like a TV.

Slide 36

jesse james garrett User Experience Design: the design of anything independent of medium or across [device] with human experience as an explicit outcome and human engagement as an explicit goal -Jsse James Garrett

Slide 37

38 jesse james garrett -Jesse James Garrett

Slide 38

User experience is big Too big?

Slide 39

40 dan saffer

Slide 40

Slide 41


Slide 42

User Experience Design is big. You will suck if you try to do it all. That is AWESOME Not trying=failing Find your love. Follow it. 43

Slide 43


Slide 44

Learn more