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

Webvisions Portland 2014 Session

Df190eba07c8a3b7a4611908fb7732c5?s=47 markwyner
May 14, 2014

Webvisions Portland 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

May 14, 2014
Tweet

Transcript

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

    and Technology Hello, My Name is Mark Wyner
  2. Mark Wyner, Webvisions Portland, 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 Portland, 2014 Simplify the Handshake Between Humans

    and Technology Aesthetic Usability Effect
  4. Mark Wyner, Webvisions Portland, 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 “
  5. Mark Wyner, Webvisions Portland, 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?”
  6. Mark Wyner, Webvisions Portland, 2014 Simplify the Handshake Between Humans

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

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

    and Technology
  9. Mark Wyner, Webvisions Portland, 2014 Simplify the Handshake Between Humans

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

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

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

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

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

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

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

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

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

    and Technology Mental Model
  19. Mark Wyner, Webvisions Portland, 2014 Simplify the Handshake Between Humans

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

    and Technology
  21. Mark Wyner, Webvisions Portland, 2014 Simplify the Handshake Between Humans

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

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

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

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

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

    and Technology
  27. Mark Wyner, Webvisions Portland, 2014 Simplify the Handshake Between Humans

    and Technology Target Audience
  28. Mark Wyner, Webvisions Portland, 2014 Simplify the Handshake Between Humans

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

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

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

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

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

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

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

    and Technology
  36. Mark Wyner, Webvisions Portland, 2014 Simplify the Handshake Between Humans

    and Technology
  37. Mark Wyner, Webvisions Portland, 2014 Simplify the Handshake Between Humans

    and Technology I can see it on my computer. How come I can’t see it on my phone? ! Nicole Branson, Technology Critic and My Wife “
  38. Mark Wyner, Webvisions Portland, 2014 Simplify the Handshake Between Humans

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

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

    and Technology
  41. Mark Wyner, Webvisions Portland, 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
  42. Mark Wyner, Webvisions Portland, 2014 Simplify the Handshake Between Humans

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

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

    and Technology
  45. Mark Wyner, Webvisions Portland, 2014 Simplify the Handshake Between Humans

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

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

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

    and Technology In Closing
  49. Mark Wyner, Webvisions Portland, 2014 Simplify the Handshake Between Humans

    and Technology Simplify technology and design with purpose ★ Aesthetic usability effect ★ Paradox of choice ★ Mental model ★ Innovation with context ★ Target audience, devices, and mediums ★ Adaptability/predictability
  50. Mark Wyner, Webvisions Portland, 2014 Simplify the Handshake Between Humans

    and Technology
  51. Mark Wyner, Webvisions Portland, 2014 Simplify the Handshake Between Humans

    and Technology
  52. Mark Wyner, Webvisions Portland, 2014 Simplify the Handshake Between Humans

    and Technology Thank You mark@wearebunker.com
  53. Mark Wyner, Webvisions Portland, 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/