The Design of Everyday Games. Lessons from UX for Game Designers

Transcription

1 The Design of Everyday Games Lessons from UX for Game Designers

2 Christina linkedin.com/in/christinawodtke cwodtke.com

3 Vitruvius firmitas, utilitas, venustas : : durability, convenience, beauty

4 All three legs provide necessary and complementary strengths. Weaken one leg and the product falls. The nvisible Computer, Don Norman s Three-legged Stool

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

6 love amazon. t is a clear yet rich shopping experience. t gives me what need to make a decision. But it s more than a website

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

8 Let s be honest: t s all about the smiling boxes.

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

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

11 A) Amazon understands always run out of razors! B) Amazon understands have no clue how often to buy them!

12 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. Don Norman

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

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

15

16 n order to achieve highquality 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. Don Norman

17 WHAT S USER EXPERENCE? 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!.

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

19 EXERCSE WHAT S GOOD? What is it? Why do you love it? What s your favorite part? 19

20 EXERCSE WHAT S BAD? What is it? Why do you hate it? What s the worst part? 20

21 EXERCSE MAKE T BE GOOD. Teams, 20 minutes, sketch answers 21

22 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 -Jesse James Garrett

23 jesse james garrett

24 MARKETNG A U The User Copywriting Graphic Design xd CUSTOMER SERVCE

25 Things you should know

26 UNVERSAL PRNCPLES Affordances Feedback Standards U A x D

27 Like putting an Armani suit on Attila the Hun, interface design only tells how to dress up an existing behavior. Alan Cooper

28 AFFORDANCES Things that look pushable, get pushed. Things that look pullable, get pulled. A U x D

29 AFFORDANCES Buttons that look pushable, get pushed A U x D

30 Forms should say type here See: Flat U and Forms by JESSCA ENDERS

31 MEANNG Links, buttons and inputs are not decorative. They tell a story. A U x D

32 BUTTONS HAVE MEANNG A U x D

33 LNKS HAVE MEANNG A U x D

34 You are always communicating. Don t be rude.

35 Set expectations, meet expectations A U x D

36 Feedback Let people know it worked A U x D

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

38 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) A U x D

39 nline feedback vs validation: Luke Wrobowski Traditional A U x D

40 nline feedback vs validation: Luke Wrobowski nline A U x D

41 Feedback Matters nline 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. t s much better than getting all the way down and hitting submit, only to find out that it doesn t like your username. t s much better when it tells you as you go along. nline Validation in Web Forms by LUKE WROBLEWSK September 01, 2009 A U x D

42 Recognition over recall Seeing is easier than scavenger hurts A U x D

43 A U x D

44 A U x D Variation Unique Visitors Unique Clicks Hamburger Menu Unique Hamburger % Menu Clicks % Visitors Clicks ios % % Android % %

45 PJ McCormick, Challenging Data Driven Design, WarmGun 2013 A U x D

46 PJ McCormick, Challenging Data Driven Design, WarmGun 2013 A U x D

47 PJ McCormick, Challenging Data Driven Design, WarmGun 2013 A U x D

48 PJ McCormick, Challenging Data Driven Design, WarmGun 2013 A U x D

49 PJ McCormick, Challenging Data Driven Design, WarmGun 2013 A U x D

50 Clear affordances + Recognition over recall A U x D

51 USE CLEAR LANGUAGE 5 1 A U x D

52 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 U A x D

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

54 nvent five contextual Principles Exercise: 5 minutes, then share out.

55 Things you do

56

57 OBSERVE from DEO s Designkit.org

58 CONTEXTUAL NQURY, FELD STUDES, & ETHNOGRAPHY 58

59 USABLTY TESTNG

60 ANALYZE from DEO s Designkit.org

61 CHUNK FNDNGS NTO AFFNTY GROUPS

62 Play with possible models Relationship to other data Credit: Steve Portigal

63 Play with possible models Frequency Credit: Steve Portigal

64 Play with possible models Timeline Credit: Steve Portigal

65 Why? Discover unexpected insights in the data Photo credit Eirik Newth

66 MAKE

67 WHAT MUST BE DONE WELL Communicate Clearly U Observe & Understand Organize Content The User A xd Design Behavior

68 Too big? User experience is big

69 69 dan saffer

70 The Heart of UX is Small MARKETNG Start with the user: her goals, needs and habits Follow known principles Finish with the user, test during design. Everyone must care for the user. U A Th e Us er xd Copywriting Graphic Design t s all about the USER S EXPERENCE CUSTOMER SERVCE

71 DSCUSSON

72 LEARN MORE

73 @cwodtke

74