Ux Camp CPH 2013
-
date post
18-Oct-2014 -
Category
Design
-
view
2.568 -
download
5
description
Transcript of Ux Camp CPH 2013
![Page 1: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/1.jpg)
Beyond responsiveness
Eric Reiss@elreiss
UX Camp CPH13 April 2013
Copenhagen, Denmark
ObservationsStories
Lessons
![Page 2: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/2.jpg)
Some thoughts from today
� Responsive…to what?A firm notionBig data, bigger insightsPutting the “A” into “IA”
� Design or mass-production?� Process or pedantry?� The Charles H. Duell myth
![Page 3: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/3.jpg)
re·spon·siveadj
1 : responding, reacting2 : quick to react
![Page 4: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/4.jpg)
![Page 5: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/5.jpg)
![Page 6: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/6.jpg)
![Page 7: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/7.jpg)
Responsive design?Responsive content?
Mobile first?
![Page 8: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/8.jpg)
![Page 9: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/9.jpg)
I’d like to suggest a new term:
Anticipatory Design*
* With apologies to Buckminster Fuller
![Page 10: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/10.jpg)
![Page 11: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/11.jpg)
Anticipatory design...ESP1. Extracts patterns2. Situationally aware
� Location-based services� Motion-based services� Time-based services
3. Predicts needs
![Page 12: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/12.jpg)
Users
![Page 13: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/13.jpg)
Content strategy
![Page 14: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/14.jpg)
The design failure
![Page 15: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/15.jpg)
Context is the kingdom
![Page 16: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/16.jpg)
![Page 17: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/17.jpg)
No clicks – everything is in play
![Page 18: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/18.jpg)
1st click – is there a preference?
![Page 19: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/19.jpg)
2nd click – this could be a pattern
![Page 20: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/20.jpg)
Third click – yes, there’s a pattern
![Page 21: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/21.jpg)
Fourth click – time to zero in
![Page 22: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/22.jpg)
Eric’s life-lesson #1
Don’t respond to the device.
Anticipate the needs of thosewho will use the device.
![Page 23: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/23.jpg)
Some thoughts from today
� Responsive…to whom?A firm notionBig data, bigger insightsPutting the “A” into “IA”
� Design or mass-production?� Process or pedantry?� The Charles H. Duell myth
![Page 24: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/24.jpg)
We control the experience
![Page 25: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/25.jpg)
We define the paths
![Page 26: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/26.jpg)
We have ethical responsibilities
![Page 27: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/27.jpg)
It’s about how we combine content
![Page 28: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/28.jpg)
Some thoughts from today
� Responsive…to whom?A firm notionBig data, bigger insightsPutting the “A” into “IA”
� Design or mass-production?� Process or pedantry?� The Charles H. Duell myth
![Page 29: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/29.jpg)
Buzzword du jour
![Page 30: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/30.jpg)
Snow Semmelweis Taylor
![Page 31: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/31.jpg)
1854 Broad St. cholera outbreak
![Page 32: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/32.jpg)
Infant mortality in Vienna
![Page 33: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/33.jpg)
The Hemline Index
![Page 34: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/34.jpg)
Some thoughts from today
� Responsive…to whom?A firm notionBig data, bigger insightsPutting the “A” into “IA”
� Design or mass-production?� Process or pedantry?� The Charles H. Duell myth
![Page 35: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/35.jpg)
Marco Vitruvius Pollio
![Page 36: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/36.jpg)
firmitas, utilitas, venustas
![Page 37: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/37.jpg)
If everything is usable, findable,how do we differentiate ourbrand, product or service?
Personalityis the venustas (beauty)
in interactive media!
![Page 38: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/38.jpg)
Some thoughts from today
� Responsive…to whom?A firm notionBig data, bigger insightsPutting the “A” into “IA”
� Design or mass-production?� Process or pedantry?� The Charles H. Duell myth
![Page 39: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/39.jpg)
Source: Standard screen patterns by Theresa Neil
Design patterns are not design
![Page 40: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/40.jpg)
Photos by Isabella J. Fortino
![Page 41: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/41.jpg)
Photos by Isabella J. Fortino
![Page 42: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/42.jpg)
Photos by Isabella J. Fortino
![Page 43: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/43.jpg)
Photos by Isabella J. Fortino
![Page 44: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/44.jpg)
Eric s life-lesson #2
Don’t worship the form.
Embrace the content and context.
![Page 45: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/45.jpg)
Some thoughts from today
� Responsive…to whom?A firm notionBig data, bigger insightsPutting the “A” into “IA”
� Design or mass-production?� Process or pedantry?� The Charles H. Duell myth
![Page 46: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/46.jpg)
![Page 47: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/47.jpg)
ag·ileadj
1 : able to move quickly and easily2 : mentally quick and resourceful
![Page 48: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/48.jpg)
The three Scrum questions1. What did you do yesterday?
2. What will you do today
3. What is blocking your progress?
![Page 49: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/49.jpg)
![Page 50: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/50.jpg)
The three Scrum questions1. What did you do yesterday?
I sailed west.2. What will you do today?
Sail back to where I was yesterday.3. What is blocking your progress?
These fucking Scrum meetings!
![Page 51: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/51.jpg)
My Favourite Process
DWYNTDTGTSD
Do What You Need To Do To Get The Shit Done
![Page 52: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/52.jpg)
Eric s life-lesson #3
Don’t become a slave to process.
Break the rules.Accept the unexpected.
![Page 53: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/53.jpg)
Some thoughts from today
� Responsive…to whom?A firm notionBig data, bigger insightsPutting the “A” into “IA”
� Design or mass-production?� Process or pedantry?� The Charles H. Duell myth
![Page 54: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/54.jpg)
Charles H. DuellU.S. Patent Commissioner, 1899
“There is nothing left to invent…”
(Urban myth)
![Page 55: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/55.jpg)
![Page 56: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/56.jpg)
Could there also be too much complacency in our industry today?
![Page 57: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/57.jpg)
![Page 58: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/58.jpg)
Can we put our work intohistorical perspective?
![Page 59: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/59.jpg)
How long is an internet year?
![Page 60: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/60.jpg)
1895 00 05 10 15 20 25 30 1935
Wall St. crash
First commercialautomobile
First series-producedautomobiles
First assembly line
![Page 61: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/61.jpg)
1895 00 05 10 15 20 25 30 1935
1993 94 95 96 97 98 99 00 2001
Wall St. crash
First commercialautomobile
First series-producedautomobiles
First commercialweb browser
First commercialwebsites
Dot-bomb
First assembly line
First commercialCMS
![Page 62: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/62.jpg)
1895 00 05 10 15 20 25 30 1935
1993 94 95 96 97 98 99 00 2001
Wall St. crash
First commercialautomobile
First series-producedautomobiles
First commercialweb browser
First commercialwebsites
Dot-bomb
First assembly line
First commercialCMS
4.7 years – about 1 standard business cycle!
![Page 63: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/63.jpg)
So, we’re somewhere in the 1980s...
![Page 64: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/64.jpg)
Bonus lesson
2-Way Empathy
![Page 65: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/65.jpg)
Count Helmuth von Moltke
No battle plansurvives contactwith the enemy.
![Page 66: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/66.jpg)
Eric’s life-lesson #4
Don’t sacrifice your users for thebenefit of your employer.
No business plan has eversucceeded without customers.
![Page 67: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/67.jpg)
Bad design causes bad results
![Page 68: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/68.jpg)
Good design wins customers
![Page 69: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/69.jpg)
“Cease not to learn until thou cease to live. Think that day lost wherein thou draw’st no letter to make thyself more learn’d, wiser, and better.”
Guy Du Faur de Pibrac
![Page 70: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/70.jpg)
My big message:Don’t be complacent.
And you CANchange the world,so get on with it!
![Page 71: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/71.jpg)
Thanks!
![Page 72: Ux Camp CPH 2013](https://reader030.fdocuments.us/reader030/viewer/2022020716/544285e2b1af9f390a8b46b0/html5/thumbnails/72.jpg)
You can (usually) find Eric at:The FatDUX Group ApSStrandøre 15DK-2100 CopenhagenDenmark
Office: (+45) 39 29 67 77Mobile: (+45) 20 12 88 44Twitter: @[email protected]