Stop making bland things - Speaker Deck

Tweet

Tweet

Slide 1

Slide 1 text

Applying design principles to software development

Slide 2

Slide 2 text

Adriaan Fenwick  User Experience Designer @adriaanfenwick  www.designandux.com

Slide 3

Slide 3 text

Stop making bland things

Slide 4

Slide 4 text

Users = most important aspect when building a product. Know your users.  Understand their needs (and wants).  Solve their problems.

Slide 5

Slide 5 text

Create products that people love. Too many mediocre half-baked products in wild.

Slide 6

Slide 6 text

One for all and all for one http://en.wikipedia.org/wiki/File:Dartagnan-musketeers.jpg The Musketeers

Slide 7

Slide 7 text

One for all and all for one UX belongs to everyone!  Break down silos. http://en.wikipedia.org/wiki/File:Dartagnan-musketeers.jpg The Musketeers

Slide 8

Slide 8 text

http://design.org/blog/difference-between-ux-and-ui-subtleties-explained-cereal

Slide 9

Slide 9 text

http://design.org/blog/difference-between-ux-and-ui-subtleties-explained-cereal

Slide 10

Slide 10 text

http://design.org/blog/difference-between-ux-and-ui-subtleties-explained-cereal

Slide 11

Slide 11 text

http://design.org/blog/difference-between-ux-and-ui-subtleties-explained-cereal

Slide 12

Slide 12 text

http://design.org/blog/difference-between-ux-and-ui-subtleties-explained-cereal

Slide 13

Slide 13 text

Love triangle

Slide 14

Slide 14 text

Love triangle

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

Users

Slide 19

Slide 19 text

https://www.ﬂickr.com/photos/futurilla/5456748089 Movie Systems treat users badly

Slide 20

Slide 20 text

https://www.ﬂickr.com/photos/futurilla/5456748089 Movie Systems treat users badly “I ﬁght for the Users!”  - Tron “I'm a User, I'll improvise.”  - Sam Flynn

Slide 21

Slide 21 text

Users  What are they?

Slide 22

Slide 22 text

Users  What are they? Humans

Slide 23

Slide 23 text

Users  What are they? People

Slide 24

Slide 24 text

Users People

Slide 25

Slide 25 text

Users People Students Doctors Professionals Employees Patients

Slide 26

Slide 26 text

Simple and Usable web, mobile and interaction design by Giles Colborne

Slide 27

Slide 27 text

Experts Happy to explore your product or service and to push the limits of what it can do. ! Willing adopters Tempted to use something more sophisticated, but they're not comfortable playing with something entirely new. ! Mainstreamers Don't use technology for its own sake; they use it to get a job done.

Slide 28

Slide 28 text

Personas

Slide 29

Slide 29 text

Who are your users? What are they trying to achieve? Make making decisions easier.

Slide 30

Slide 30 text

“But this makes sense to me, if the user doesn’t get it they are stupid.”  - Team member “We don’t need to test the system - I am the user.”  - Executive member

Slide 31

Slide 31 text

Sometimes you have to get creative to get your team to buy into your process Source: http://www.ﬂickr.com/photos/21202433@N08/8524623559/

Slide 32

Slide 32 text

Needs and wants

Slide 33

Slide 33 text

“If I had asked people what they wanted, they would have said faster horses.”  - Henry Ford

Slide 34

Slide 34 text

Needs are important,  but we often forget about the wants. Usable and useful + pleasurable.

Slide 35

Slide 35 text

User Experience (UX) User Experience (UX) involves a person's behaviors, attitudes, and emotions about using a particular product, system or service. User Experience includes the practical, experiential, aﬀective, meaningful and valuable aspects of human–computer interaction and product ownership. Source: http://en.wikipedia.org/wiki/User_experience

Slide 36

Slide 36 text

User Experience Design (UXD) User experience design (UXD or UED) is the process of enhancing customer satisfaction and loyalty by improving the usability, ease of use, and pleasure provided in the interaction between the customer and the product. Source: http://en.wikipedia.org/wiki/User_experience_design

Slide 37

Slide 37 text

Want, but don’t really need.

Slide 38

Slide 38 text

Need, but don’t really want.

Slide 39

Slide 39 text

Uncover needs, while listening to wants. Observe. Ask “Why” until it feels awkward,  then ask why a few more times.

Slide 40

Slide 40 text

Story about a bridge Source: https://www.ﬂickr.com/photos/peterthoeny/10357858173

Slide 41

Slide 41 text

A pleasurable experience Connect their needs  on an emotional level  with their wants.

Slide 42

Slide 42 text

Make special moments Disney and his team had a sharp focus on creating a unique experience that guests could not get anywhere else. This focus on making as many special moments as possible resulted in happy (and repeat) customers. Human beings retain bad memories more than good, so providing happy moments results in people revisiting in a desire to relive or recapture those special moments. Source: http://uxmag.com/articles/walt-disney-the-worlds-ﬁrst-ux-designer

Slide 43

Slide 43 text

No content

Slide 44

Slide 44 text

No content

Slide 45

Slide 45 text

No content

Slide 46

Slide 46 text

No content

Slide 47

Slide 47 text

No content

Slide 48

Slide 48 text

How do you cater for pleasurability in estimations?

Slide 49

Slide 49 text

How do you cater for pleasurability in estimations? SCRUM

Slide 50

Slide 50 text

Source: https://www.ﬂickr.com/photos/aglet/8373084083 Sometimes it does feels this way

Slide 51

Slide 51 text

There is a tension and imbalance  between ux and agile methodologies. Features are rarely iterated on to improve. User review contain no users.

Slide 52

Slide 52 text

Design is iterative by nature. Design creates many solutions to truly solve the problem. Estimation undermine design.

Slide 53

Slide 53 text

Understand they are diﬀerent processes. Staying ahead of the curve is a challenge. Big picture design thinking competes with delivering small business impact value.

Slide 54

Slide 54 text

Doesn’t quite ﬁt, does it?

Slide 55

Slide 55 text

SCRUM.

Slide 56

Slide 56 text

SCRUM. AGILE.

Slide 57

Slide 57 text

SCRUM. AGILE. UX.

Slide 58

Slide 58 text

We need to ﬁgure out how we can make it work. SCRUM. AGILE. UX.

Slide 59

Slide 59 text

Product discovery: a better way If we want to design better, more useful products, we need to stop designing solutions too early and start instead with product discovery: a process that helps us understand the problem properly so we don’t just design things better, but design better things. Usable yet Useless: Why Every Business Needs Product Discovery,  by Rian van der Merwe Source: http://alistapart.com/article/usable-yet-useless-why-every-business-needs-product-discovery

Slide 60

Slide 60 text

Design is messy

Slide 61

Slide 61 text

Lean startup and the MVP

Slide 62

Slide 62 text

MVP Product

Slide 63

Slide 63 text

Lean startup and the MVP Lean in agile dev = Creating donuts without sprinkles.

Slide 64

Slide 64 text

Lean startup and the MVP Lean in agile dev = Creating donuts without sprinkles. Stop making bland things

Slide 65

Slide 65 text

Lean startup UCD framework at its core.

Slide 66

Slide 66 text

Lean startup UCD framework at its core. Measure Learn Build

Slide 67

Slide 67 text

Problem with interpretation of MVP. Too often focused on MP and not the V. Usable, useless. Not a pleasant experience.

Slide 68

Slide 68 text

Too many half-baked products.  Too many donuts without sprinkles.

Slide 69

Slide 69 text

Laura Klein - UX for Lean Startups

Slide 70

Slide 70 text

Introduced the cupcake concept to the Lean Startup world.

Slide 71

Slide 71 text

Wedding cake. Not minimum.

Slide 72

Slide 72 text

Half-baked / Raw ingredients. Not viable.

Slide 73

Slide 73 text

Cupcake. Minimum viable cake.

Slide 74

Slide 74 text

Lean startup and the MVP with a better user experience

Slide 75

Slide 75 text

Heuristics

Slide 76

Slide 76 text

Applied to SCRUM (QA Testing process). Sharing with the team. Printed examples based on project.

Slide 77

Slide 77 text

Visibility Match Control Consistency Prevention Recognition Flexibility Minimalism Recover Help

Slide 78

Slide 78 text

Universal Methods of Design  Bella Martin  Bruce Hanington

Slide 79

Slide 79 text

Design principles

Slide 80

Slide 80 text

Based on goals of product. Selective process - very collaborative. Decision making.

Slide 81

Slide 81 text

Design standards

Slide 82

Slide 82 text

Enables consistency. Create a vocabulary and visual  language the team understands. Prevents the perception of interns running  around behind the scenes.

Slide 83

Slide 83 text

Living standards = ui pattern library. Supports autonomy on the team.

Slide 84

Slide 84 text

Usability testing

Slide 85

Slide 85 text

Take team along to testing = creates empathy. Record video. Document as soon as possible.

Slide 86

Slide 86 text

Extensive user testing. Quick guerrilla testing. Remote usability testing.

Slide 87

Slide 87 text

UserTesing. Optimal Workshop.

Slide 88

Slide 88 text

The ABC’s of Research A (Attitude)  B (Behavior)  C (Comprehension) Source: http://uxpamagazine.org/choosing-the-right-research-method/

Slide 89

Slide 89 text

Less is more

Slide 90

Slide 90 text

“A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away.”  - Antoine de Saint-Exupery

Slide 91

Slide 91 text

“Simpler than a bike, until you try to ride it” - Simple and Usable by Giles Colborne Not that kind of simple

Slide 92

Slide 92 text

New features add complexity. Challenge: each new feature - remove another. If-syndrome.

Slide 93

Slide 93 text

“Experts often want features that would horrify mainstreamers” - Simple and Usable by Giles Colborne

Slide 94

Slide 94 text

Sketching

Slide 95

Slide 95 text

Without sketching and testing,  it’s like playing pictionary with your users. Can your users guess what to do?

Slide 96

Slide 96 text

Inexpensive way to gain feedback. Enables richer vivid conversations. Test assumptions more clearly.

Slide 97

Slide 97 text

Whiteboard. Wireframes. Prototypes.

Slide 98

Slide 98 text

Source: http://commons.wikimedia.org/wiki/File:Iron_Man_Mark_4,_5,_6,_7.jpg Tony Stark knows how  to prototype and iterate

Slide 99

Slide 99 text

Evangelise DID YOU KNOW? 553 EXPERTS OFTEN WANT FEATURES THAT WOULD HORRIFY MAINSTREAMERS.

Slide 100

Slide 100 text

@adriaanfenwick  www.designandux.com Now go rid the world of all the evil donuts!