Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Webvisions Barcelona 2014 (Session)

Df190eba07c8a3b7a4611908fb7732c5?s=47 markwyner
June 21, 2014

Webvisions Barcelona 2014 (Session)

As interactive designers we spend a lot of time trying to court the people who will use what we design. We are hunters for the ultimate romance between products and people. This is natural because we’re inventors and thinkers—we want to delight. And we should. But when we reach the pinnacle of our creation we must ask how many people actually want to climb to the peak with us.

Let’s explore ways we can truly understand who we’re designing for, how they’ll use what we’re creating, and how we can use an iterative, informative process to arrive at products that delight in their simplicity. We’ll break down the mystique of the design process into tangible principles, evolving us from carnies to artisans.

Df190eba07c8a3b7a4611908fb7732c5?s=128

markwyner

June 21, 2014
Tweet

Transcript

  1. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology Hola. El Meu Nom és Mark Wyner.
  2. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology The life of a designer is a life of fight. A fight against the ugliness. Just like a doctor fights against disease. For us, visual disease is what we have around. And what we try to do is to cure it somehow, you know, with design. ! Massimo Vignelli, Masterful Designer “
  3. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology Aesthetic Usability Effect
  4. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology Consumer Survey by Hubspot: “If you could offer advice to someone who is about to design a new website, what would be the one most important thing you would tell them?”
  5. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  6. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  7. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  8. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology Nearly half of all consumers (46.1%) in the study assessed the credibility of sites based in part on the appeal of the overall visual design of a site, including layout, typography, font size and color schemes. ! Stanford Web Credibility Project “
  9. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology Paradox of Choice
  10. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  11. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  12. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  13. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  14. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  15. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  16. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  17. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  18. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  19. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology Mental Model
  20. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology People don’t know what they like. They like what they know. ! Clariece Paulk, Spiritual Leader “
  21. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  22. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  23. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  24. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology Innovation with Context
  25. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology Thanks to impermanence, everything is possible. ! Thich Nhat Hanh, Vietnamese Zen Buddhist “
  26. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology We need to make the new familiar
  27. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  28. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  29. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  30. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  31. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology Target Audience
  32. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  33. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  34. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  35. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology Target Devices/ Mediums
  36. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology Printing on newspaper is like printing on toilet paper. ! Hector Acuña, Art Director “
  37. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  38. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  39. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  40. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  41. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  42. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology Sync to computer Phone 2 Capture on camera Sync Vivo rental Text message Record on phone 1 Twitter 1 iTunes 2 Stream other 2 Amazon 1 MediaFire 1 DV deck 1 DV tape 1 Dropbox 1 FTP site 1 Send via text 1 Burn to DVD 2 Create on computer 2 3 2 4 Xbox Computer External HD Post to Facebook 4 Post to Facebook 4 DVDs 3 2 2 2 1 1 3 1 3 Post to YouTube 5 Post to YouTube 5 Netflix 6 4 4 7 USB cable SD card 4 iPod Touch Capture on iPod 1 1 Wii 1 1
  43. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology Adaptability/ Predictability
  44. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology Learn from the past, anticipate the future, live in the present. ! Sathya Sri Baba, Indian Guru “
  45. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  46. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  47. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  48. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  49. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology Prototyping
  50. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  51. Mark Wyner, Webvisions Barcelona, 2014 Crafting a User-Centered and Informed-Design

    Process That Works for You The devil’s in the details in terms of testing, safety, passenger safety, egress, vibration, all that engineering stuff. The way these things tend to work is you start building a prototype and you start encountering a whole series of issues that you have to figure your way around. ! Mark Thompson, Electrical Engineering Professor “
  52. Mark Wyner, Webvisions Barcelona, 2014 Crafting a User-Centered and Informed-Design

    Process That Works for You The devil’s in the details in terms of testing, safety, passenger safety, egress, vibration, all that engineering stuff. The way these things tend to work is you start building a prototype and you start encountering a whole series of issues that you have to figure your way around. ! Mark Thompson, Electrical Engineering Professor “
  53. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology In Closing
  54. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  55. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  56. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology
  57. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology Gràcies. Preguntes? mark@wearebunker.com
  58. Mark Wyner, Webvisions Barcelona, 2014 Simplify the Handshake Between Humans

    and Technology Credits/references ★ Paradox of Choice: Sheena S. Iyengar and Mark R. Lepper http://psycnet.apa.org/index.cfm? fa=buy.optionToBuy&id=2000-16701-012 ★ Single-Option Aversion: Daniel Mochon http://www.jcr-admin.org/files/pressPDFs/ 060813213811_Mochon_Article.pdf ★ Word cloud: http://cdn1.hubspot.com/hub/53/archive/docs/ebooks/ science_of_website_redesign_presentation.pdf ★ Crowd: James Cridland http://www.flickr.com/photos/jamescridland/613445810/ ★ Marching band: NCSU http://d.lib.ncsu.edu/collections/catalog/0018053 ★ Tesla dashboard: Tesla Motors http://www.teslamotors.com/ ★ Sorella Stoute: KOIN http://www.koin.com/2013/07/09/toddler-buys-1962-austin-healey-on-ebay/ ★ Screen sizes: http://en.wikipedia.org/wiki/List_of_common_resolutions ★ Laws of Simplicity: John Maeda http://lawsofsimplicity.com/ ★ Stanford Web Credibility project: http://credibility.stanford.edu/ ★ Portland Hotel Society: http://portlandhotelsociety.tumblr.com/ ★ Eve: Valkyrie cockpit: http://vrfocus.com/ ★ Sony controllers: http://www.wikipedia.org/