Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011

1,093 views

Published on

Published in: Design, Technology, Business

Design from the center, Andrei Herasimchuk @ Frontiers of Interaction 2011

  1. 1. ink from the center. Design for the edge. Andrei Michael Herasimchuk @trenti #foi11
  2. 2. What is art?e personal expression of ideas
  3. 3. What is graphic design?The communication from a designer to their audience
  4. 4. Logos SpeechSpeaker Audience Ethos Pathos
  5. 5. Useful ObjectDesirable Usable
  6. 6. Useful/Logos Object/SpeechDesigner CustomerDesirable/Ethos Usable/Pathos
  7. 7. What is interface design?e conversation between a person and a product
  8. 8. Information InterfaceProduct User Graphic Interaction
  9. 9. Content Logos / Useful / Information Speech / ObjectSpeaker / Designer Product Interface User Audience Ethos / Desirable / Graphic Aesthetic Behavior Pathos / Usable / Interaction
  10. 10. How can we use this?
  11. 11. Currently, one might design a desktop application
  12. 12. en repurpose their work to create a web application version of it
  13. 13. Or one might create a rich internet application
  14. 14. en nd a way to cram as much of that existing design onto a cell phone
  15. 15. Or one might design only a mobile version
  16. 16. While ignoring all other platforms
  17. 17. Often wherever one starts the design process becomes the core de nition of the product itself
  18. 18. And in so doing, one designs themselves into a corner
  19. 19. How do you break that cycle?
  20. 20. 4
  21. 21. 2+2 Four 4Quattro IV
  22. 22. e interface of any software product is an expression of its code
  23. 23. Content Logos / Useful / Information Speech / ObjectSpeaker / Designer Product Interface User Audience Ethos / Desirable / Graphic Aesthetic Behavior Pathos / Usable / Interaction
  24. 24. ContentAesthetic Behavior
  25. 25. Content
  26. 26. <sta Mo ed_at> 5833346</id> e! SRg < creat 391 Grea t venu owal.la/c/4s <id>8 274256 erac tion. http:/ /g ce> rs o f Int ion 2011 </a> </sour <text> f F rontie In teract ">G owalla D ay 1 o Frontiers Of ="no follow #foi1 1 @ .com /" rel //g owalla </ text> ref= "h t t p : t e d > e><a h se</trunca <sourc ed>fal ed> at <trunc ed>false</f avorit /> <f avorit to_status_id y_ <i n_repl to_user_id/> /> ly_ ame < in_rep _to_screen_n et_count> ply twe <in_re _count>1</re eeted> int> <ret weet se</ retw geo rss:po et ed>fal 3111 1827</ <retwe 4306 21 11. <ge o> int >43.76 int> < geo rss:po geo rss:po 3111 1827</ </geo> ates> 306 21 11. <co ordin int> 43.764 <geo rss:po s> dinate </coor id> > <place 21b6f591c4b 3ce8</ me> <id> 5 e</na me> ce</f ull_na json</ url> enc ren ce8. <nam e>Flor lorence, Flo pe> 6f5 91c4b3 na me>F a ce_ty i d/521b <full_ ype>city</pl r.com/1/geo/ _t te <place p://api.twit tt <url>h tes/> bu 984 <attri g_box> 88 11.339 4 <b oundin :polygon> 4 43 .72595 11.149650 <ge orss 11. 149650 3.8354579 43.7 259588 1.339984 4 1 43.8 354579 n> ygo /geor ss:pol ry>
  27. 27. Behavior
  28. 28. Aesthetic
  29. 29. In order to design digital products across multiple devices successfully, one must de ne these core pieces rst Behavior Content Aesthetic
  30. 30. Behavior ContentAesthetic Desktop
  31. 31. Mobile Behavior Content Aesthetic Desktop Browser
  32. 32. Internet ApplianceMobile in Client Behavior Content Aesthetic Desktop Browser
  33. 33. Internet ApplianceMobile in Client Behavior Content AestheticKiosk Desktop Browser
  34. 34. ere will be more devices – not fewer – in thenear future, and they will have larger surface areas while requiring more contexts to design within
  35. 35. e problems we will solve with product design willbecome richer and more complex as our customers use multiple devices for the same products and services
  36. 36. e solutions of the future will require us tomaster how to design with this approach
  37. 37. ink from the center. Design for the edge. Grazie £

×