taking your dev team on the ux journey
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 hereTRANSCRIPT
![Page 1: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/1.jpg)
Taking your dev team on the UX journey
![Page 2: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/2.jpg)
Adriaan Fenwick UI/UX Designer
!
@adriaanfenwick www.designandux.com
www.bsg.co.za
![Page 3: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/3.jpg)
Taking your dev team on the UX journeyWhy is it important?
#BSGUXD
![Page 4: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/4.jpg)
Simple and Usable web, mobile and interaction design by Giles Colborne
![Page 5: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/5.jpg)
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](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/6.jpg)
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](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/7.jpg)
“Experts often want features that would horrify mainstreamers” - Simple and Usable by Giles Colborne
![Page 8: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/8.jpg)
“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](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/9.jpg)
Project team
![Page 10: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/10.jpg)
Project teamClient
![Page 11: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/11.jpg)
Project team
Business analysts
![Page 12: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/12.jpg)
Project team
Project manager
![Page 13: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/13.jpg)
Project team
Developers
![Page 14: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/14.jpg)
Project team
UX designer
![Page 15: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/15.jpg)
Project team
Users
![Page 16: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/16.jpg)
Project team
Users
Developers
UX designer
![Page 17: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/17.jpg)
Key techniques
#BSGUXD
![Page 18: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/18.jpg)
Heuristics
![Page 19: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/19.jpg)
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](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/20.jpg)
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](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/21.jpg)
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](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/22.jpg)
Developers
Every day at standup
![Page 23: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/23.jpg)
Solid examples
#BSGUXD
![Page 24: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/24.jpg)
Design principles
![Page 25: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/25.jpg)
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](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/26.jpg)
Observe & analyse
![Page 27: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/27.jpg)
![Page 28: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/28.jpg)
Connect the dots
![Page 29: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/29.jpg)
Share…share…share…
![Page 30: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/30.jpg)
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](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/31.jpg)
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](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/32.jpg)
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](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/33.jpg)
Take them to usability testing
![Page 34: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/34.jpg)
“…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](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/35.jpg)
“Wow, I never thought they’d do that”
![Page 36: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/36.jpg)
Design standards document
![Page 37: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/37.jpg)
Blueprints to consistency in a way that makes sense to your development team
![Page 38: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/38.jpg)
CoachingBonus
![Page 39: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/39.jpg)
“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](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/40.jpg)
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](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/41.jpg)
Summary
![Page 42: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/42.jpg)
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](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/43.jpg)
The way
#BSGUXD
![Page 44: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/44.jpg)
“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](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/45.jpg)
![Page 46: Taking your Dev Team on the UX Journey](https://reader038.vdocument.in/reader038/viewer/2022103013/545b4700af795953128b5771/html5/thumbnails/46.jpg)
#BSGUXD
@adriaanfenwick www.designandux.com
@bsgafrica www.bsg.co.za
Stay in touch