Slide 1

Slide 1 text

Better experience design. Five things that influenced my approach to user experience design this year. by Diana Mounter #1

Slide 2

Slide 2 text

1. sketching 2. user flows 3. making mistakes impossible 4. defensive design 5. prototyping #2

Slide 3

Slide 3 text

Sketching Capture ideas in a way that’s meaningful to you 1. sketching #3

Slide 4

Slide 4 text

Express and work through ideas Share and collaborate with others 1. sketching #4

Slide 5

Slide 5 text

It’s quick No barriers 1. sketching #5

Slide 6

Slide 6 text

User flows Helps you walk through the pathways a user might take... “What do they need to get to their destination?” 2. user flows #6

Slide 7

Slide 7 text

think about what needs to happen between different screens/stages 2. user flows #7

Slide 8

Slide 8 text

2. user flows #8 think about the journey

Slide 9

Slide 9 text

3. making mistakes impossible #9 Making mistakes impossible By Matt Legend Gemmell “We cannot completely eliminate error, but we can (and should) try...”

Slide 10

Slide 10 text

Misunderstandings 3. making mistakes impossible #10 Consistency with experience Consistency with expectation Breaking shakes the users confidence

Slide 11

Slide 11 text

3. making mistakes impossible #12 Accidents Don’t let people play with sharks!

Slide 12

Slide 12 text

Regret 3. making mistakes impossible #13 “I meant to, but then I changed my mind... How do I undo?”

Slide 13

Slide 13 text

Defensive design (a book by 37 signals) Things do go wrong so provide help at crisis points 4. defensive design #13

Slide 14

Slide 14 text

4. defensive design #14 - make it obvious - use familiar language - provide clear instructions - eliminate obstacles - deliver smart search assistance

Slide 15

Slide 15 text

4. defensive design #15 offer help that’s actually helpful = Users will remember!

Slide 16

Slide 16 text

Prototyping sketching, user flows, design defensively, and preventing user mistakes all come into play during prototyping 5. prototyping #16

Slide 17

Slide 17 text

sketch before wireframing walk through the wireframes (paper prototypes) sketch over the wireframes 5. prototyping #17

Slide 18

Slide 18 text

5. prototyping #18 “you only know how to design a service when it is being used”

Slide 19

Slide 19 text

#19 happy not happy better experiences make people happy :-)