How to take your devs along the UX journey

Slide 1

Slide 1 text

Taking your dev team on the UX journey

Slide 2

Slide 2 text

Adriaan Fenwick UI/UX Designer ! @adriaanfenwick www.designandux.com www.bsg.co.za

Slide 3

Slide 3 text

Taking your dev team on the UX journey Why is it important? #BSGUXD

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

Three types of users ! 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 6

Slide 6 text

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

Project team

Slide 10

Slide 10 text

Project team Client

Slide 11

Slide 11 text

Project team Business analysts

Slide 12

Slide 12 text

Project team Project manager

Slide 13

Slide 13 text

Project team Developers

Slide 14

Slide 14 text

Project team UX designer

Slide 15

Slide 15 text

Project team Users

Slide 16

Slide 16 text

Project team Users Developers UX designer

Slide 17

Slide 17 text

Key techniques #BSGUXD

Slide 18

Slide 18 text

Heuristics

Slide 19

Slide 19 text

Heuristics Visibility of system status 10 Usability Heuristics for User Interface Design. Jakob Nielsen http://www.nngroup.com/articles/ten-usability-heuristics/ Match between system and the real world User control and freedom Consistency and standards Error prevention Recognition rather than recall Flexibility and efﬁciency of use Aesthetic and minimalist design Help users recognise, diagnose, and recover from errors Help and documentation

Slide 20

Slide 20 text

Developers Sprint Backlog Select a set of stories SCRUM an extremely high level view Release Sprint planning Sprint review

Slide 21

Slide 21 text

Developers Sprint Backlog SCRUM an extremely high level view Definition of done Insert ______ here! heuristics Release Sprint planning Sprint review Select a set of stories

Slide 22

Slide 22 text

Developers Every day at standup

Slide 23

Slide 23 text

Solid examples #BSGUXD

Slide 24

Slide 24 text

Design principles

Slide 25

Slide 25 text

Examples 1. Automated 2. Simple and intuitive 3. Flexible 4. Generate insights from historical data 5. Stricter controls Source: http://www.ﬂickr.com/photos/lawley/369315502/ These principles become the beacons for navigating decisions

Slide 26

Slide 26 text

Observe & analyse

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

Connect the dots

Slide 29

Slide 29 text

Share…share…share…

Slide 30

Slide 30 text

It doesn’t exist - if it’s only in your head or on your computer.

Slide 31

Slide 31 text

It doesn’t exist - if it’s only in your head or on your computer.

Slide 32

Slide 32 text

Remember your readers are users - users don’t read…so tell a story with your data that’s easy to understand

Slide 33

Slide 33 text

Take them to usability testing

Slide 34

Slide 34 text

“…but aren’t all users like me?” Source: http://www.ﬂickr.com/photos/21202433@N08/8524623559/

Slide 35

Slide 35 text

“Wow, I never thought they’d do that”

Slide 36

Slide 36 text

Design standards document

Slide 37

Slide 37 text

Blueprints to consistency in a way that makes sense to your development team

Slide 38

Slide 38 text

Coaching Bonus

Slide 39

Slide 39 text

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

Slide 40

Slide 40 text

Walking encyclopaedia Over-share Explain why Mention the user Repeat DID YOU KNOW? 553 EXPERTS OFTEN WANT FEATURES THAT WOULD HORRIFY MAINSTREAMERS. Be that guy #BSGUXD

Slide 41

Slide 41 text

Summary

Slide 42

Slide 42 text

Summary Heuristics Design principles Observe & analyse Share…share…share… Take them to usability testing Design standards document Coaching

Slide 43

Slide 43 text

The way #BSGUXD

Slide 44

Slide 44 text

“The consumerisation of IT has impacted many layers within organisations, from user expectations to mobility strategy, requiring a fundamental shift in the selection and adoption of technology. However less than 37% say it is currently a critical part of their application development process.” - Consumerisation changes user expectations, by IT-Online #BSGUXD

Slide 45

Slide 45 text

No content

Slide 46

Slide 46 text

#BSGUXD @adriaanfenwick www.designandux.com @bsgafrica www.bsg.co.za Stay in touch