Context, code and connectionsgotocon.com/dl/goto-amsterdam-2012/slides/... · ifttt.com. Code....

42
Context, code and connections Ade Oshineye www.oshineye.com/+

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

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

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

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
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
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

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

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

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
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

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

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

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

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
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
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

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
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

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

#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

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
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
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

1 UX techniques for developer-facing products

2 Focus on the OOB experience

3 Use convention over configuration

4 Design away common problems

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

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

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
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

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

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

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
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

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

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
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
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

“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

“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

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

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
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
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

Thank You!Respect your context