Golden Krishna – The Best Interface is No Interface

103
@goldenkrishna #NoUI Download slides at nointerface.com/buttons The Best Interface is No Interface

Transcript of Golden Krishna – The Best Interface is No Interface

Page 1: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

The Best Interface is No Interface

Page 2: Golden Krishna – The Best Interface is No Interface

Toaster

Download slides at nointerface.com/buttons@goldenkrishna #NoUI

Page 3: Golden Krishna – The Best Interface is No Interface

Streamline train

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Page 4: Golden Krishna – The Best Interface is No Interface

Streamline iron

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Page 5: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Today…

Page 6: Golden Krishna – The Best Interface is No Interface

3D Toothpaste

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Page 7: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

HD Sunglasses

Page 8: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Page 9: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

3D printed chips

Page 10: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

A cultural reflection of how technology is having a huge

impact on our lives.

Page 11: Golden Krishna – The Best Interface is No Interface

Download slides at nointerface.com/buttons@goldenkrishna #NoUI

0

200

400

600

800

2008 2009 2010 2011 2012 2013 2014

Computer science

Major intentions for incoming freshman at The University of Washington

Page 12: Golden Krishna – The Best Interface is No Interface

Computer Science

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Page 13: Golden Krishna – The Best Interface is No Interface

Interaction Design Programs

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Page 14: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Excitement + Momentum

+ Talent

Page 15: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

We’re doing something

unfortunate.

Page 16: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

A low bar.

Page 17: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

No matter what the problem,

Page 18: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

so often we have same answer.

Page 19: Golden Krishna – The Best Interface is No Interface

Download slides at nointerface.com/buttons@goldenkrishna #NoUI

Reading from Chapter 3

Page 35

Page 20: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

First car patent

Page 21: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Tesla

Page 22: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

“Modern” trash bins

Page 23: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

“Modern” trash bins

Page 24: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUI

UI/UX DesignerApple Inc.

Lead User Experience & UI DesignerHP

UX/UI Developer Adobe

UX\UI Mobility DesignerDell

UI/UX DesignerEvernote

Intern UX/UI DesignerPebble

Sr. UX/UI DesignerNook

eCommerce UX/UI DesignerBeats By Dr. Dre

Lead UX/UI Mobile DesignerLogitech

UI UX Designer Philips Global

UI UX DeveloperAutoTrader.com

UX / UI DeveloperJPMorgan Chase

Page 25: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

UX / UI

Page 26: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

UX ≠ UI

Page 27: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

UI is Navigation, sub navigation, menus, drop downs, buttons, links, windows,

rounded corners, shadowing, error messages, alerts, updates, checkboxes, password fields, search fields, text inputs, radio selections, text areas, hover states, selection states, pressed states, tooltips, banner ads, embedded videos, swipe animations, scrolling, clicking, iconography, colors, lists, slideshows, alt text, badges, notifications, gradients, pop ups,

comment sections, carousels, OK/cancel,…

Page 28: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

UX is People, happiness, solving problems, understanding needs, love, efficiency, entertainment, pleasure, delight, smiles, soul, warmth,

personality, helpful, joy, satisfaction, gratification, joy, elation, exhilaration, bliss, euphoria, convenience, enchantment, magic, productivity,

effectiveness, …

Page 29: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

UX / UI

Page 30: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

We’ve made it your job to solve problems with screens.

Page 31: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUI

Good experience design isn’t good screens,

it’s good experiences.

Download slides at nointerface.com/buttons

Page 32: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Design confusion.

Page 33: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Poor metrics:

Page 34: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

How many clicks... How addicted... How hooked...

Poor metrics:

Page 35: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Some designers focus more on addiction and less about

elegance or efficiency.

Page 36: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Our output has become more screen time for more people.

Page 37: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Children 2 hours

Page 38: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Teens 7.5 hours

Page 39: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Adults 8.5 hours

Page 40: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Consequences to screen-based

thinking.

Page 41: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUI

DistractedThe CDC has found that 1,000 people are injured, nearly 10 people die everyday in

The United States because they are distracted by their cell phones while driving.

cdc.gov/motorvehiclesafety/distracted_driving

Page 42: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUI

Ruins SleepThe color temperature of our screens mimics mid-day, throwing off our sleep cycles when we look at them at night.

Page 43: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUI

Less Creative“Studies suggest that we get our most

original ideas when we stop the constant stimulation and let ourselves get bored...”

“Bored and Brilliant”, WNYC

Page 44: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUI

Less Empathetic“…Sixth-graders who went five days without exposure to technology were significantly better at reading human

emotions than kids who had regular access to phones, televisions and computers.”

“Kids And Screen Time”, NPR

Page 45: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Don’t get me wrong

Page 46: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

These slides.

Page 47: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

You.

Page 48: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

But we can greatly reduce the amount of

screen time that’s necessary.

Page 49: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Not long ago, our lives were filled with paper.

Page 50: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Today, instead, our lives are filled with screens.

Page 51: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

The best interface is no interface.

Page 52: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

The Best Interface is No Interface

Page 53: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

The Best Interface is No Interface

Page 54: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

The Best Interface is No Interface

Page 55: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

The Best Interface is No Interface

Page 56: Golden Krishna – The Best Interface is No Interface

Download slides at nointerface.com/buttons@goldenkrishna #NoUI

P R I N C I P L E O N E

Embrace typical

processes instead of screens.

Page 57: Golden Krishna – The Best Interface is No Interface

Dr. Michael Rothberg

Page 58: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

68%of medical staff had

exactly the same

Page 59: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

68%of medical staff had

exactly the same

90%of college students had

exactly the same experience

Page 60: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Ringxiety

Page 61: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Phantom Vibration Syndrome (PVS)

Page 62: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

The paranoia that yourphone is buzzing and beeping

...when it’s not.

Ringxiety:

Page 63: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

150notifications per day

Page 64: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

221times a day

Check our phones

Page 65: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Let me out!

Page 66: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

But there’s a different approach.

Page 67: Golden Krishna – The Best Interface is No Interface

Moves app icon

Page 68: Golden Krishna – The Best Interface is No Interface

Moves app data@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Moves

Page 69: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUI

Lost KeysAverage adult in the UK “misplaces nine items a day,” ...30% spend 15 minutes a day trying to find lost items...people are

“most frustrated at losing their house keys.” Wall Street Journal

Page 70: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Lockitron

Page 71: Golden Krishna – The Best Interface is No Interface

Lockitron first generation

Page 72: Golden Krishna – The Best Interface is No Interface

Lockitron 1.0 actual use

Page 73: Golden Krishna – The Best Interface is No Interface

Embracing typical process

Page 74: Golden Krishna – The Best Interface is No Interface

Lockitron second generation

Page 75: Golden Krishna – The Best Interface is No Interface

Elegance and efficiency

Page 76: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

The second generation raised $2.2 million on

Kickstarter.

Page 77: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Page 78: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Hands Free

Page 79: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Page 80: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Page 81: Golden Krishna – The Best Interface is No Interface

Download slides at nointerface.com/buttons@goldenkrishna #NoUI

Reading from Chapter 11

Page 131

Page 82: Golden Krishna – The Best Interface is No Interface

Download slides at nointerface.com/buttons@goldenkrishna #NoUI

P R I N C I P L E T W O

Leveragecomputers instead of

serving them.

Page 83: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Smithsonian

Page 84: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Smithsonian

Page 85: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Deep Blue

Page 86: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Deep Blue

Page 87: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Deep Blue v.

Page 88: Golden Krishna – The Best Interface is No Interface

Today’s awful machines

Page 89: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

100Today’s terrible computershave processors more than

gigaflops faster than Deep Blue

Page 90: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

computersserveWe

Page 91: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Computers serveus

Page 92: Golden Krishna – The Best Interface is No Interface

Download slides at nointerface.com/buttons@goldenkrishna #NoUI

Reading from Chapter 13

Page 154

Page 93: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

There are people chipping away at these digital chores.

Page 94: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Restoring computing experiences to what

they should be.

Page 95: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Page 96: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Page 97: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Page 98: Golden Krishna – The Best Interface is No Interface

Download slides at nointerface.com/buttons@goldenkrishna #NoUI

P R I N C I P L E T H R E E

Create a system that

adapts for individuals.

Page 99: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUI

Saving money25% of Americans have no savings

account20% of Britons have no savings account

25% of Britons have less than £500 savedCNN, The Telegraph

Page 100: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Page 101: Golden Krishna – The Best Interface is No Interface

@goldenkrishna #NoUIDownload slides at nointerface.com/buttons

Page 102: Golden Krishna – The Best Interface is No Interface

Download slides at nointerface.com/buttons@goldenkrishna #NoUI

Reading from Chapter 21

Page 154

Page 103: Golden Krishna – The Best Interface is No Interface

Email me anytime at [email protected]@goldenkrishna #NoUI

Download these slides at nointerface.com/buttons

The Best Interface is No Interface