Your SlideShare is downloading. ×
Beyond responsivenessEric Reiss@elreissUX Sofia 2013Sofia, BulgariaObservationsStoriesLessons
Васил Левски Христо Ботев
Licensed under Wikipedia Commons
Васил Левски Христо Ботев Иван Минчов Вазов
Some trends – good and bad� Responsive…to what?A firm notionBig data, bigger insightsPutting the “A” into “IA”� Design or ...
re·spon·siveadj1 : responding, reacting2 : quick to react
Scary facts� 30 – 50% of traffic now comes from mobile� Conversion 3.5% for each second of waiting� After three seconds, 5...
Responsive vs. Adaptive� Responsive� Based on CSS media queries� Single template for all devices� Average of 87 resources ...
And what is “mobile” anyway?
Responsive design?Responsive content?Mobile first?
I’d like to suggest a new term:Anticipatory Design
Anticipatory design...ESP1. Extracts patterns2. Situationally aware� Location-based services� Motion-based services� Time-...
Users
Anticipating needs
No clicks – everything is in play
1st click – is there a preference?
2nd click – this could be a pattern
Third click – yes, there’s a pattern
Fourth click – time to zero in
Eric’s life-lesson #1Don’t respond to the device.Anticipate the needs of thosewho will use the device.
Some thoughts from today� Responsive…to whom?A firm notionBig data, bigger insightsPutting the “A” into “IA”� Design or ma...
It’s about how we combine content
( )
Some thoughts from today� Responsive…to whom?A firm notionBig data, bigger insightsPutting the “A” into “IA”� Design or ma...
Buzzword du jour
Snow Semmelweis Taylor
1854 Broad St. cholera outbreak
Infant mortality in Vienna
The Hemline Index
Some thoughts from today� Responsive…to whom?A firm notionBig data, bigger insightsPutting the “A” into “IA”� Design or ma...
Marco Vitruvius Pollio
firmitas, utilitas, venustas
Some thoughts from today� Responsive…to whom?A firm notionBig data, bigger insightsPutting the “A” into “IA”� Design or ma...
Source: Standard screen patterns by Theresa Neil
Photos by Isabella J. Fortino
Photos by Isabella J. Fortino
Photos by Isabella J. Fortino
Photos by Isabella J. Fortino
Eric s life-lesson #2Don’t worship the form.Embrace the content and context.
Some thoughts from today� Responsive…to whom?A firm notionBig data, bigger insightsPutting the “A” into “IA”� Design or ma...
ag·ileadj1 : able to move quickly and easily2 : mentally quick and resourceful
The three Scrum questions1. What did you do yesterday?2. What will you do today3. What is blocking your progress?
The three Scrum questions1. What did you do yesterday?I sailed west.2. What will you do today?Sail back to where I was yes...
Eric s life-lesson #3Don’t become a slave to process.Break the rules.Accept the unexpected.
Some thoughts from today� Responsive…to whom?A firm notionBig data, bigger insightsPutting the “A” into “IA”� Design or ma...
Charles H. DuellU.S. Patent Commissioner, 1899“There is nothing left to invent…”(Urban myth)
Could there also be too muchcomplacency in our industry today?
Can we put our work intohistorical perspective?
How long is an internet year?
1895 00 05 10 15 20 25 30 1935Wall St. crashFirst commercialautomobileFirst series-producedautomobilesFirst assembly line
1895 00 05 10 15 20 25 30 19351993 94 95 96 97 98 99 00 2001Wall St. crashFirst commercialautomobileFirst series-produceda...
1895 00 05 10 15 20 25 30 19351993 94 95 96 97 98 99 00 2001Wall St. crashFirst commercialautomobileFirst series-produceda...
So, we’re somewhere in the 1980s...Москвич Алеко
Bonus lesson2-Way Empathy
Count Helmuth von MoltkeNo battle plansurvives contactwith the enemy.
Eric’s life-lesson #4Don’t sacrifice your users for thebenefit of your employer.No business plan has eversucceeded without...
Bad design causes bad results
Good design wins customers
My big message:Don’t be complacent.And you CANchange the world,so get on with it!
благодаря!
You can (usually) find Eric at:The FatDUX Group ApSStrandøre 15DK-2100 CopenhagenDenmarkOffice: (+45) 39 29 67 77Mobile: (...
Keynote at UX Sofia 2013
Keynote at UX Sofia 2013
Keynote at UX Sofia 2013
Keynote at UX Sofia 2013
Keynote at UX Sofia 2013
Keynote at UX Sofia 2013
Keynote at UX Sofia 2013
Keynote at UX Sofia 2013
Keynote at UX Sofia 2013
Keynote at UX Sofia 2013
Keynote at UX Sofia 2013
Keynote at UX Sofia 2013
Keynote at UX Sofia 2013
Keynote at UX Sofia 2013
Keynote at UX Sofia 2013
Keynote at UX Sofia 2013
Keynote at UX Sofia 2013
Upcoming SlideShare
Loading in...5
×

Keynote at UX Sofia 2013

1,149

Published on

Bulgaria has always found herself at historic crossroads - for centuries, caught between the Romans and the Byzantines, the Russians and the Ottomans. Yet, from Paissii to Levsky to Botev to Vazov and Yovkov, intellectual creativity has always helped Bulgaria surmount adversity and maintain both a unique perspective and build national identity. Today, Bulgaria is poised to show the world how new technologies can be used in innovative and beneficial ways - if she can avoid the mistakes that are being made throughout Western Europe and North America. I'd like to share four observations that I hope will make your country and your community stronger and more successful by turning historic adversity into a business advantage.

Published in: Design, Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,149
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Keynote at UX Sofia 2013"

  1. 1. Beyond responsivenessEric Reiss@elreissUX Sofia 2013Sofia, BulgariaObservationsStoriesLessons
  2. 2. Васил Левски Христо Ботев
  3. 3. Licensed under Wikipedia Commons
  4. 4. Васил Левски Христо Ботев Иван Минчов Вазов
  5. 5. Some trends – good and bad� 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
  6. 6. re·spon·siveadj1 : responding, reacting2 : quick to react
  7. 7. Scary facts� 30 – 50% of traffic now comes from mobile� Conversion 3.5% for each second of waiting� After three seconds, 57% of users will leave� Three approaches to ”One Web”� Responsive web design� Client-side adaptive web design� Server-side adaptive web designSource: Mobify
  8. 8. Responsive vs. Adaptive� Responsive� Based on CSS media queries� Single template for all devices� Average of 87 resources on major e-commerce sites� Sizes from 2 – 15 MB� Adaptive� Client- or Server-side� Delivers device-specific templates� CS - reuse one set of HTML / JavaScript across devices� Needs solid grasp of JavaScript� SS – let server do the heavy lifting� Requires management of multiple templatesSource: Mobify
  9. 9. And what is “mobile” anyway?
  10. 10. Responsive design?Responsive content?Mobile first?
  11. 11. I’d like to suggest a new term:Anticipatory Design
  12. 12. Anticipatory design...ESP1. Extracts patterns2. Situationally aware� Location-based services� Motion-based services� Time-based services3. Predicts needs
  13. 13. Users
  14. 14. Anticipating needs
  15. 15. No clicks – everything is in play
  16. 16. 1st click – is there a preference?
  17. 17. 2nd click – this could be a pattern
  18. 18. Third click – yes, there’s a pattern
  19. 19. Fourth click – time to zero in
  20. 20. Eric’s life-lesson #1Don’t respond to the device.Anticipate the needs of thosewho will use the device.
  21. 21. 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
  22. 22. It’s about how we combine content
  23. 23. ( )
  24. 24. 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
  25. 25. Buzzword du jour
  26. 26. Snow Semmelweis Taylor
  27. 27. 1854 Broad St. cholera outbreak
  28. 28. Infant mortality in Vienna
  29. 29. The Hemline Index
  30. 30. 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
  31. 31. Marco Vitruvius Pollio
  32. 32. firmitas, utilitas, venustas
  33. 33. 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
  34. 34. Source: Standard screen patterns by Theresa Neil
  35. 35. Photos by Isabella J. Fortino
  36. 36. Photos by Isabella J. Fortino
  37. 37. Photos by Isabella J. Fortino
  38. 38. Photos by Isabella J. Fortino
  39. 39. Eric s life-lesson #2Don’t worship the form.Embrace the content and context.
  40. 40. 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
  41. 41. ag·ileadj1 : able to move quickly and easily2 : mentally quick and resourceful
  42. 42. The three Scrum questions1. What did you do yesterday?2. What will you do today3. What is blocking your progress?
  43. 43. 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!
  44. 44. Eric s life-lesson #3Don’t become a slave to process.Break the rules.Accept the unexpected.
  45. 45. 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
  46. 46. Charles H. DuellU.S. Patent Commissioner, 1899“There is nothing left to invent…”(Urban myth)
  47. 47. Could there also be too muchcomplacency in our industry today?
  48. 48. Can we put our work intohistorical perspective?
  49. 49. How long is an internet year?
  50. 50. 1895 00 05 10 15 20 25 30 1935Wall St. crashFirst commercialautomobileFirst series-producedautomobilesFirst assembly line
  51. 51. 1895 00 05 10 15 20 25 30 19351993 94 95 96 97 98 99 00 2001Wall St. crashFirst commercialautomobileFirst series-producedautomobilesFirst commercialweb browserFirst commercialwebsitesDot-bombFirst assembly lineFirst commercialCMS
  52. 52. 1895 00 05 10 15 20 25 30 19351993 94 95 96 97 98 99 00 2001Wall St. crashFirst commercialautomobileFirst series-producedautomobilesFirst commercialweb browserFirst commercialwebsitesDot-bombFirst assembly lineFirst commercialCMS4.7 years – about 1 standard business cycle!
  53. 53. So, we’re somewhere in the 1980s...Москвич Алеко
  54. 54. Bonus lesson2-Way Empathy
  55. 55. Count Helmuth von MoltkeNo battle plansurvives contactwith the enemy.
  56. 56. Eric’s life-lesson #4Don’t sacrifice your users for thebenefit of your employer.No business plan has eversucceeded without customers.
  57. 57. Bad design causes bad results
  58. 58. Good design wins customers
  59. 59. My big message:Don’t be complacent.And you CANchange the world,so get on with it!
  60. 60. благодаря!
  61. 61. You can (usually) find Eric at:The FatDUX Group ApSStrandøre 15DK-2100 CopenhagenDenmarkOffice: (+45) 39 29 67 77Mobile: (+45) 20 12 88 44Twitter: @elreisser@fatdux.comwww.fatdux.com

×