'

UX for Non-Designers

Понравилась презентация – покажи это...





Слайд 0

Bus40 UX for Non-Designers


Слайд 1

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


Слайд 2

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


Слайд 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…


Слайд 4

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


Слайд 5

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


Слайд 6

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


Слайд 7

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


Слайд 8

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


Слайд 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.


Слайд 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.


Слайд 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.


Слайд 12


Слайд 13


Слайд 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.


Слайд 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!.


Слайд 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.


Слайд 17

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


Слайд 18

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


Слайд 19

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


Слайд 20

Universal Principles Affordances Feedback Standards Poka-yoke Direct Manipulation


Слайд 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.


Слайд 22

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


Слайд 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.


Слайд 24

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


Слайд 25

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


Слайд 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)


Слайд 27

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


Слайд 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


Слайд 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.


Слайд 30

Errors Prevent Allow fixes COMPASSION Avoid learned Dismissal


Слайд 31

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


Слайд 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


Слайд 33

The Magical Number Seven +\- 1 Is a myth


Слайд 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


Слайд 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.


Слайд 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


Слайд 37

38 jesse james garrett -Jesse James Garrett


Слайд 38

User experience is big Too big?


Слайд 39

40 dan saffer


Слайд 40


Слайд 41

http://www.eleganthack.com/a-simple-model-for-user-experience-design/


Слайд 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


Слайд 43

DISCUSSION


Слайд 44

Learn more


×

HTML:





Ссылка: