46
Taking your dev team on the UX journey

Taking your Dev Team on the UX Journey

Embed Size (px)

DESCRIPTION

Last week, 19 March, Adriaan Fenwick, gave a talk at the SAUX Cape Town meet-up at 22Seven's vintage theatre, sponsored by Flow, 22Seven and BSG. He shared the stage with the talented Sarah Blake who showed the work she did on Woolworth's responsive designed site. In this post I'll share the details of my talk. Download my slides here

Citation preview

Page 1: Taking your Dev Team on the UX Journey

Taking your dev team on the UX journey

Page 2: Taking your Dev Team on the UX Journey

Adriaan Fenwick UI/UX Designer

!

@adriaanfenwick www.designandux.com

www.bsg.co.za

Page 3: Taking your Dev Team on the UX Journey

Taking your dev team on the UX journeyWhy is it important?

#BSGUXD

Page 4: Taking your Dev Team on the UX Journey

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

Page 5: Taking your Dev Team on the UX Journey

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.

Page 6: Taking your Dev Team on the UX Journey

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.

Developers

Vast majority of people

Page 7: Taking your Dev Team on the UX Journey

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

Page 8: Taking your Dev Team on the UX Journey

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

Not that kind of simple

Page 9: Taking your Dev Team on the UX Journey

Project team

Page 10: Taking your Dev Team on the UX Journey

Project teamClient

Page 11: Taking your Dev Team on the UX Journey

Project team

Business analysts

Page 12: Taking your Dev Team on the UX Journey

Project team

Project manager

Page 13: Taking your Dev Team on the UX Journey

Project team

Developers

Page 14: Taking your Dev Team on the UX Journey

Project team

UX designer

Page 15: Taking your Dev Team on the UX Journey

Project team

Users

Page 16: Taking your Dev Team on the UX Journey

Project team

Users

Developers

UX designer

Page 17: Taking your Dev Team on the UX Journey

Key techniques

#BSGUXD

Page 18: Taking your Dev Team on the UX Journey

Heuristics

Page 19: Taking your Dev Team on the UX Journey

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 efficiency of use

Aesthetic and minimalist design

Help users recognise, diagnose, and recover from errors

Help and documentation

Page 20: Taking your Dev Team on the UX Journey

Developers

Sprint

Backlog

Select a set of stories

SCRUM an extremely high level view

Release

Sprint planning

Sprint review

Page 21: Taking your Dev Team on the UX Journey

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

Page 22: Taking your Dev Team on the UX Journey

Developers

Every day at standup

Page 23: Taking your Dev Team on the UX Journey

Solid examples

#BSGUXD

Page 24: Taking your Dev Team on the UX Journey

Design principles

Page 25: Taking your Dev Team on the UX Journey

Examples 1. Automated 2. Simple and intuitive 3. Flexible 4. Generate insights from historical data 5. Stricter controls

Source: http://www.flickr.com/photos/lawley/369315502/

These principles become the beacons for navigating decisions

Page 26: Taking your Dev Team on the UX Journey

Observe & analyse

Page 27: Taking your Dev Team on the UX Journey
Page 28: Taking your Dev Team on the UX Journey

Connect the dots

Page 29: Taking your Dev Team on the UX Journey

Share…share…share…

Page 30: Taking your Dev Team on the UX Journey

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

Page 31: Taking your Dev Team on the UX Journey

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

Page 32: Taking your Dev Team on the UX Journey

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

Page 33: Taking your Dev Team on the UX Journey

Take them to usability testing

Page 34: Taking your Dev Team on the UX Journey

“…but aren’t all users like me?”

Source: http://www.flickr.com/photos/21202433@N08/8524623559/

Page 35: Taking your Dev Team on the UX Journey

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

Page 36: Taking your Dev Team on the UX Journey

Design standards document

Page 37: Taking your Dev Team on the UX Journey

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

Page 38: Taking your Dev Team on the UX Journey

CoachingBonus

Page 39: Taking your Dev Team on the UX Journey

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

Not that kind of simple

STOP

Page 40: Taking your Dev Team on the UX Journey

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

Page 41: Taking your Dev Team on the UX Journey

Summary

Page 42: Taking your Dev Team on the UX Journey

Summary

Heuristics

Design principles

Observe & analyse

Share…share…share…

Take them to usability testing

Design standards document

Coaching

Page 43: Taking your Dev Team on the UX Journey

The way

#BSGUXD

Page 44: Taking your Dev Team on the UX Journey

“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

Page 45: Taking your Dev Team on the UX Journey
Page 46: Taking your Dev Team on the UX Journey

#BSGUXD

@adriaanfenwick www.designandux.com

@bsgafrica www.bsg.co.za

Stay in touch