Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code....
Transcript of Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code....
![Page 1: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/1.jpg)
Context, code and connections
Ade Oshineyewww.oshineye.com/+
![Page 2: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/2.jpg)
www.oshineye.com/+
I work on the Google+ Project
![Page 3: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/3.jpg)
A long time ago I wrote a short book
![Page 4: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/4.jpg)
![Page 5: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/5.jpg)
![Page 6: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/6.jpg)
Context
![Page 7: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/7.jpg)
This is Social?
![Page 8: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/8.jpg)
Dieter Rams?
![Page 9: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/9.jpg)
![Page 10: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/10.jpg)
People > Technology
![Page 11: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/11.jpg)
It’s all social
![Page 12: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/12.jpg)
Instagram?
![Page 13: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/13.jpg)
Creation context != Consumption context
![Page 14: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/14.jpg)
![Page 15: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/15.jpg)
![Page 16: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/16.jpg)
ifttt.com
![Page 17: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/17.jpg)
![Page 18: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/18.jpg)
Code
![Page 19: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/19.jpg)
#DevExp?
![Page 20: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/20.jpg)
Developer Experience?
![Page 21: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/21.jpg)
![Page 22: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/22.jpg)
![Page 23: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/23.jpg)
1 UX techniques for developer-facing products
2 Focus on the OOB experience
3 Use convention over configuration
4 Design away common problems
![Page 24: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/24.jpg)
#devexpdeveloperexperience.org
@devexpftw+Developer Experience
![Page 25: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/25.jpg)
Consumer-centric APIs
![Page 26: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/26.jpg)
Building for the Social Web
![Page 27: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/27.jpg)
![Page 28: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/28.jpg)
1 Who am I?
2 Who are you?
3 Who can see this?
4 Who can share this?
Reflectors
![Page 29: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/29.jpg)
1 Share
2 Endorse (phatic)
3 Collect and curate
4 Community discovery (groups, hashtags, shared circles, ripples)
Social gestures
![Page 30: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/30.jpg)
Connections
![Page 31: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/31.jpg)
![Page 32: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/32.jpg)
Not just how it looks
What is Design?
![Page 33: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/33.jpg)
Change is constant. Essential complexity is eternal.
![Page 34: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/34.jpg)
![Page 35: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/35.jpg)
![Page 36: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/36.jpg)
“I see a platform and it sells me two things; first, other people’s contributions are
important”
![Page 37: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/37.jpg)
“Second, the world is not done”
--Liz Danzico
![Page 38: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/38.jpg)
Next year will be different
![Page 39: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/39.jpg)
Next decade is unimaginable
![Page 40: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/40.jpg)
![Page 41: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/41.jpg)
![Page 42: Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code. #DevExp? Developer Experience? 1 UX techniques for developer-facing products 2 Focus](https://reader030.fdocuments.net/reader030/viewer/2022041022/5ed3c282a0e09216242fe79f/html5/thumbnails/42.jpg)
Thank You!Respect your context