Tweet
Tweet

Slide 1

Slide 1 text

Good enough is better.

Slide 2

Slide 2 text

Agenda 11:35 11:55 ! ! presentation / conversation rapid prototyping workshop ! !

Slide 3

Slide 3 text

Steve Berry Thought Merchants ! thoughtmerchants.com codeclimate.com @thoughtmerchant

Slide 4

Slide 4 text

I work with start-ups & emerging companies.

Slide 5

Slide 5 text

Let’s get started!

Slide 6

Slide 6 text

Good enough is better for the internet.

Slide 7

Slide 7 text

Internet of Things!!

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

“Innovate as a last resort. More horrors are done in the name of innovation than any other.” - Charles Eames

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

Deliberately did not use any of the tools available.

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

Expected Door Paradigm Dog / Cannon Doorbell

Slide 15

Slide 15 text

Back to the internets

Slide 16

Slide 16 text

What does every single web experience share? The browser itself…

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

Browser Paradigm

Slide 21

Slide 21 text

Ubiquitous

Slide 22

Slide 22 text

Timeless Netscape 2.02

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

Deliberately impairing my ability to scroll.

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

Scroll bar… Y you no scroll?

Slide 28

Slide 28 text

Don’t be too clever… ! Breaking the interaction paradigm with the user.

Slide 29

Slide 29 text

The web is an agreement. ! - Phil Hawksworth https://speakerdeck.com/philhawksworth/excessive-enhancement-toster2012

Slide 30

Slide 30 text

Browser Paradigm Mac Pro Site

Slide 31

Slide 31 text

Consistency and standards Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform conventions. http:/ /www.nngroup.com/articles/ten-usability-heuristics/ Top 10 Usability Heuristics

Slide 32

Slide 32 text

“Use the tools the browser gives you.” - Ryan Findley http:/ /neomindlabs.com

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

Scroll-jacking!

Slide 35

Slide 35 text

“Surprise is best left to delight.” - Matthew Smith https:/ /medium.com/design-idea/7764db6a9987

Slide 36

Slide 36 text

“On the one hand, we compromised the native UX of the browser. On the other, we built an interaction paradigm that we felt was missing and so had to develop ourselves. We like to try new things out and then improve them. Will “scroll-jacking” be a permanent part of our site? Probably not, because we’re always adapting.” - Wes Hatch, Huge Inc. http:/ /www.hugeinc.com/ideas/perspective/scroll-jacking-on-hugeinc

Slide 37

Slide 37 text

“People are not on your site most of the time.” - NNGroup http:/ /www.nngroup.com/

Slide 38

Slide 38 text

Mac Pro Huge Inc Browser Scorecard

Slide 39

Slide 39 text

Both sites are very well designed.

Slide 40

Slide 40 text

Current browser paradigm Mac Pro Site Current browser paradigm Huge Inc Yet both break current interaction patterns.

Slide 41

Slide 41 text

We have broken the browser before

Slide 42

Slide 42 text

“History repeats itself, first as tragedy, second as farce.” - Karl Marx

Slide 43

Slide 43 text

What was the tragedy?

Slide 44

Slide 44 text

No content

Slide 45

Slide 45 text

Mac Pro Huge Inc Browser Scorecard EC Flash Site

Slide 46

Slide 46 text

RIP

Slide 47

Slide 47 text

We need to be careful with innovation.

Slide 48

Slide 48 text

“Good design is innovative. But innovative design always develops in tandem with innovative technology, and can never be an end in itself.” — Dieter Rams

Slide 49

Slide 49 text

Let me give you some food for thought.

Slide 50

Slide 50 text

Good enough is better because it exists inside our current browser paradigm.

Slide 51

Slide 51 text

No content

Slide 52

Slide 52 text

Mac Pro Huge Inc Browser Scorecard EC Flash Site Space Site

Slide 53

Slide 53 text

Current browser paradigm ← Space Site

Slide 54

Slide 54 text

http:/ /mentallandscape.com/ was built in 2003!

Slide 55

Slide 55 text

No content

Slide 56

Slide 56 text

Good enough lasts because improvements in usability are slow.

Slide 57

Slide 57 text

Usability improves 6% per year http://www.nngroup.com/articles/progress-in-usability-fast-or-slow/

Slide 58

Slide 58 text

It will take 70 years to reach 70% task completion. http://www.nngroup.com/articles/progress-in-usability-fast-or-slow/

Slide 59

Slide 59 text

Good enough is better because it lasts.

Slide 60

Slide 60 text

Questions?

Slide 61

Slide 61 text

So let’s work with something you are familiar with:

Slide 62

Slide 62 text

No content

Slide 63

Slide 63 text

No content

Slide 64

Slide 64 text

Good enough is better for rapid prototyping.

Slide 65

Slide 65 text

Break into 5-6 groups.

Slide 66

Slide 66 text

The Challenge Make a remote prototype that completes a randomly selected task out of a hat. ! Tests will be timed.

Slide 67

Slide 67 text

Required Functions Power (on/off) Source Input Enter Guide Exit Mute Volume Up Volume Down Channel Up Channel Down

Slide 68

Slide 68 text

Thanks @thoughtmerchant www.thoughtmerchants.com www.codeclimate.com