Beyond Responsiveness - Prague 2012
-
date post
18-Oct-2014 -
Category
Design
-
view
3.223 -
download
2
description
Transcript of Beyond Responsiveness - Prague 2012
![Page 1: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/1.jpg)
Beyond responsiveness
Eric Reiss@elreiss
WebExpo22 September 2012
Prague, Czech Republic
ObservationsStories
Lessons
![Page 2: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/2.jpg)
Charles H. DuellU.S. Patent Commissioner, 1899
“There is nothing left to invent…”
(Urban myth)
![Page 3: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/3.jpg)
But there was much reason tobelieve that this was true…
![Page 4: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/4.jpg)
![Page 5: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/5.jpg)
Could there also be too much complacency in our industry today?
![Page 6: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/6.jpg)
![Page 7: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/7.jpg)
Can we put our work intohistorical perspective?
![Page 8: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/8.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 9: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/9.jpg)
So, we’re somewhere in the 1980s...
![Page 10: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/10.jpg)
< 1989
2012 >
![Page 11: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/11.jpg)
Lessons I have learned
� Don’t respond to the device
� Don’t love the technology
� Don’t worship the form
� Don’t become a slave to process
![Page 12: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/12.jpg)
Lessons I have learned
� Don’t respond to the device
� Don’t love the technology
� Don’t worship the form
� Don’t become a slave to process
![Page 13: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/13.jpg)
re·spon·siveadj
1 : responding, reacting2 : quick to react
![Page 14: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/14.jpg)
![Page 15: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/15.jpg)
![Page 16: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/16.jpg)
![Page 17: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/17.jpg)
Responsive design?Responsive content?
Mobile first?
![Page 18: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/18.jpg)
![Page 19: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/19.jpg)
I’d like to suggest a new term:
Proactive Design
![Page 20: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/20.jpg)
![Page 21: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/21.jpg)
Proactive design...1. Is situationally aware
� Location-based services� Motion-based services� Time-based services
2. Recognizes patterns3. Predicts needs
![Page 22: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/22.jpg)
Users
![Page 23: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/23.jpg)
Anticipating needs
(the problem)
![Page 24: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/24.jpg)
You can’t be everything to everybody.You end up being nothing for anybody.
![Page 25: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/25.jpg)
91 links
0 focus
< Official website for the city of Prague
![Page 26: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/26.jpg)
No clicks – everything is in play
![Page 27: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/27.jpg)
1st click – is there a preference?
![Page 28: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/28.jpg)
2nd click – this could be a pattern
![Page 29: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/29.jpg)
Third click – yes, there’s a pattern
![Page 30: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/30.jpg)
Fourth click – time to zero in
![Page 31: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/31.jpg)
Fourth click – time to zero in
![Page 32: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/32.jpg)
Eric’s life-lesson #1
Don’t respond to the device.
Anticipate the needs of thosewho will use the device.
![Page 33: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/33.jpg)
Lessons I have learned
� Don’t respond to the device
� Don’t love the technology
� Don’t worship the form
� Don’t become a slave to process
![Page 34: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/34.jpg)
People
Processes
Technologies
![Page 35: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/35.jpg)
Eric’s life-lesson #2
Don’t love the technology.
Love what the technology can do.Keep your goals in focus.
![Page 36: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/36.jpg)
Lessons I have learned
� Don’t respond to the device
� Don’t love the technology
� Don’t worship the form
� Don’t become a slave to process
![Page 37: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/37.jpg)
Source: Standard screen patterns by Theresa Neil
![Page 38: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/38.jpg)
Design patterns are not design!
![Page 39: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/39.jpg)
Photos by Isabella J. Fortino
![Page 40: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/40.jpg)
Photos by Isabella J. Fortino
Chicago San Gimignano
![Page 41: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/41.jpg)
Photos by Isabella J. Fortino
![Page 42: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/42.jpg)
Photos by Isabella J. Fortino
Chicago San Gimignano
![Page 43: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/43.jpg)
![Page 44: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/44.jpg)
![Page 45: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/45.jpg)
![Page 46: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/46.jpg)
Eric’s life-lesson #3
Don’t worship the form.
Embrace the content and context.If content is king, context is the kingdom.
![Page 47: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/47.jpg)
Lessons I have learned
� Don’t respond to the device
� Don’t love the technology
� Don’t worship the form
� Don’t become a slave to process
![Page 48: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/48.jpg)
Scrum – not an agile process!
![Page 49: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/49.jpg)
ag·ileadj
1 : able to move quickly and easily2 : mentally quick and resourceful
![Page 50: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/50.jpg)
The three Scrum questions1. What did you do yesterday?
2. What will you do today
3. What is blocking your progress?
![Page 51: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/51.jpg)
![Page 52: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/52.jpg)
Imposing Scrum on Columbus:1. 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 53: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/53.jpg)
My Favourite Process
DWYNTDTGTSD*
Do What You Need To Do To Get The Shit Done
* pronounced “dwyntdtgtsd”
![Page 54: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/54.jpg)
Eric’s life-lesson #4
Don’t become a slave to process.
Break the rules. Accept the unexpected.
![Page 55: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/55.jpg)
� Don’t sacrifice your users for the benefitof your employer
Bonus lesson!
![Page 56: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/56.jpg)
Count Helmuth von Moltke
No battle plansurvives contactwith the enemy.
![Page 57: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/57.jpg)
Make Jeff rich? Or buy a book?
What’s your plan when you visit Amazon?
![Page 58: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/58.jpg)
Eric’s life-lesson #5
Don’t sacrifice your users for thebenefit of your employer.
No business plan has eversucceeded without customers.
![Page 59: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/59.jpg)
Bad design causes bad results
![Page 60: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/60.jpg)
Good design wins customers
![Page 61: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/61.jpg)
You CANchange the world!
So get on with it!
![Page 62: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/62.jpg)
Děkuji!
![Page 63: Beyond Responsiveness - Prague 2012](https://reader033.fdocuments.us/reader033/viewer/2022051512/544285e2b1af9f410a8b46b6/html5/thumbnails/63.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]