Android DevCon 2013 Usability

162
Easy Mobile Making your app easier to use Thursday, May 23, 13
  • date post

    17-Oct-2014
  • Category

    Technology

  • view

    1.252
  • download

    0

description

 

Transcript of Android DevCon 2013 Usability

Page 1: Android DevCon 2013 Usability

Easy MobileMaking your app easier to use

Thursday, May 23, 13

Page 2: Android DevCon 2013 Usability

I’ll Cover

‣ The cost of bad usability

‣ Data on successful apps

‣ Examples of good and bad usability

‣ How to easily improve usability

‣ Your apps & problems

Thursday, May 23, 13

Page 3: Android DevCon 2013 Usability

My Goal

‣ Help you understand usability

‣ Make it simple to improve

‣ Everyone leave here with 3 practical

things they can do to improve their

app THIS WEEK.

Thursday, May 23, 13

Page 4: Android DevCon 2013 Usability

After the Break

‣ How visuals support brand

‣ Applying this to mobile

‣ Making your apps better

‣ The importance of icons

Thursday, May 23, 13

Page 5: Android DevCon 2013 Usability

A Little About Me

Thursday, May 23, 13

Page 6: Android DevCon 2013 Usability

I like chaos

Thursday, May 23, 13

Page 7: Android DevCon 2013 Usability

Thursday, May 23, 13

Page 8: Android DevCon 2013 Usability

She does the hard work

Thursday, May 23, 13

Page 9: Android DevCon 2013 Usability

Thursday, May 23, 13

Page 10: Android DevCon 2013 Usability

We make cool stuff with cool people.

Thursday, May 23, 13

Page 11: Android DevCon 2013 Usability

I also like

‣ Change

‣ Technology

‣ Simple solutions to complex problems

Thursday, May 23, 13

Page 12: Android DevCon 2013 Usability

We’re agile

Thursday, May 23, 13

Page 13: Android DevCon 2013 Usability

Agile Can Be ScaryHere’s what it means to Gravity Switch

Thursday, May 23, 13

Page 14: Android DevCon 2013 Usability

WORKING SOFTWARE OVER COMPREHENSIVE DOCUMENTATION

CUSTOMER COLLABORATIONOVER CONTRACT NEGOTIATION

RESPONDING TO CHANGEOVER FOLLOWING A PLAN

INDIVIDUALS & INTERACTIONS OVER PROCESSES & TOOLS

Thursday, May 23, 13

Page 15: Android DevCon 2013 Usability

Remove Waste

1. Measure

2. Identify waste

3. Remove waste

4. Repeat

Thursday, May 23, 13

Page 16: Android DevCon 2013 Usability

Spare the Good

Setup

Visual Design &Written Voice

Communication

Signoff

Setup

Programming

Communication

Go Live

Monitor & Improve

Value Ad Non-Value Ad

Design Revisions

Thursday, May 23, 13

Page 17: Android DevCon 2013 Usability

One Tasks & Tickets

Thursday, May 23, 13

Page 18: Android DevCon 2013 Usability

Timely Reminders

Thursday, May 23, 13

Page 19: Android DevCon 2013 Usability

Zero Inbox

Thursday, May 23, 13

Page 20: Android DevCon 2013 Usability

Five-Minute Rule

Thursday, May 23, 13

Page 21: Android DevCon 2013 Usability

Rule of 3

Thursday, May 23, 13

Page 22: Android DevCon 2013 Usability

Ask for Help

Thursday, May 23, 13

Page 23: Android DevCon 2013 Usability

Don’t MultitaskIt doesn’t work.

Thursday, May 23, 13

Page 24: Android DevCon 2013 Usability

Do The Little Things

Thursday, May 23, 13

Page 25: Android DevCon 2013 Usability

2 Weeks. 10 Hours.

Top 10 Reasons

I Procrastinate:

1.

Thursday, May 23, 13

Page 26: Android DevCon 2013 Usability

Usability Example1 Week

Thursday, May 23, 13

Page 27: Android DevCon 2013 Usability

Drop-off in the first 2 minutes is HUGE!

Thursday, May 23, 13

Page 28: Android DevCon 2013 Usability

Getting Started Screens

Thursday, May 23, 13

Page 29: Android DevCon 2013 Usability

Getting Started Screens

Thursday, May 23, 13

Page 30: Android DevCon 2013 Usability

Getting Started Screens

Thursday, May 23, 13

Page 31: Android DevCon 2013 Usability

Getting Started Screens

Thursday, May 23, 13

Page 32: Android DevCon 2013 Usability

We have to do better

Thursday, May 23, 13

Page 33: Android DevCon 2013 Usability

We have to do better

Thursday, May 23, 13

Page 34: Android DevCon 2013 Usability

We have to do better

Thursday, May 23, 13

Page 35: Android DevCon 2013 Usability

We have to do better

Thursday, May 23, 13

Page 36: Android DevCon 2013 Usability

We have to do better

Thursday, May 23, 13

Page 37: Android DevCon 2013 Usability

We have to do better

Thursday, May 23, 13

Page 38: Android DevCon 2013 Usability

We have to do better

Thursday, May 23, 13

Page 39: Android DevCon 2013 Usability

We have to do better

Thursday, May 23, 13

Page 40: Android DevCon 2013 Usability

We have to do better

Thursday, May 23, 13

Page 41: Android DevCon 2013 Usability

We have to do better

Thursday, May 23, 13

Page 42: Android DevCon 2013 Usability

We have to do better

Thursday, May 23, 13

Page 43: Android DevCon 2013 Usability

Why 1 Week?

Perfect is the enemy of good

Winners ship

We don’t need longer

Thursday, May 23, 13

Page 44: Android DevCon 2013 Usability

A Little About You

Thursday, May 23, 13

Page 45: Android DevCon 2013 Usability

Why’d ya come?

Existing App

New App

Thursday, May 23, 13

Page 46: Android DevCon 2013 Usability

Whacha building?

Game

Utility

Productivity

Music/Photo/Video

Other

Thursday, May 23, 13

Page 47: Android DevCon 2013 Usability

$0.00

$.99 - $2.99

$3.99 - $9.99

$9.99+

Other (internal app)

Pricing

$

$

$

?

Free!

$

$$

Thursday, May 23, 13

Page 48: Android DevCon 2013 Usability

Company size

Lone Gunslinger

2-10 Employees/Partners

11-100 Employees

100+ Employees

Thursday, May 23, 13

Page 49: Android DevCon 2013 Usability

Thursday, May 23, 13

Page 50: Android DevCon 2013 Usability

Android only

iDevices & Android

Anything else? HTML5?

Thursday, May 23, 13

Page 51: Android DevCon 2013 Usability

Your superpower?

Programming

Design

Usability

Other

Thursday, May 23, 13

Page 52: Android DevCon 2013 Usability

Want to learn more

Some experience

Conducted software testing

Measured results

Usability experience

Thursday, May 23, 13

Page 53: Android DevCon 2013 Usability

Overview

UserNeeds

BusinessNeeds

Brand

Easy to use.

Thursday, May 23, 13

Page 54: Android DevCon 2013 Usability

⇥ Technology ⇤ Design ⌅ Usability ⇧ Business

Geeks start it.

(Programmers, NASA

engineers, etc.)

You won't hit the majority until you

have a commercially viable product!

The building blocks of technology

Thursday, May 23, 13

Page 55: Android DevCon 2013 Usability

The mobile difference

Small

Portable

Personal

Bandwidth matters

Interrupted

Typing sucks

Thursday, May 23, 13

Page 56: Android DevCon 2013 Usability

Apps that “get it”

Interrupted (2 mins)

No Internet Needed

Uses Touch

Thursday, May 23, 13

Page 57: Android DevCon 2013 Usability

Apps that “get it”

In 2008, Pandora built an iPhone app that let people stream music. Almost immediately, 35,000 new users a day joined Pandora from their cellphones, doubling the number of daily signups.

Thursday, May 23, 13

Page 58: Android DevCon 2013 Usability

Apps that “get it”

Personal

On the Road

Avoids Typing

No Internet Needed

Thursday, May 23, 13

Page 59: Android DevCon 2013 Usability

Successful AppsTraits

Thursday, May 23, 13

Page 60: Android DevCon 2013 Usability

Top iPhone apps

Thursday, May 23, 13

Page 61: Android DevCon 2013 Usability

Top iPhone apps

94% Are useful because they’re mobile

Thursday, May 23, 13

Page 62: Android DevCon 2013 Usability

Top iPhone apps

94% Are useful because they’re mobile

56% Use touch meaningfully

Thursday, May 23, 13

Page 63: Android DevCon 2013 Usability

Top iPhone apps

Thursday, May 23, 13

Page 64: Android DevCon 2013 Usability

Top iPhone apps

3% Use video

3% Use the camera meaningfully

4% Use tilt meaningfully

11% Use GPS

15% Are multiplayer

4% Use two of these features

0% Use three or more

Thursday, May 23, 13

Page 65: Android DevCon 2013 Usability

What don’t you do?

The most successful

companies have a list of

things they DON’T do.

Thursday, May 23, 13

Page 66: Android DevCon 2013 Usability

More Features = Hard to Use

Thursday, May 23, 13

Page 67: Android DevCon 2013 Usability

Whatever

... What about Android Apps?

Thursday, May 23, 13

Page 68: Android DevCon 2013 Usability

Why buy Android?

4. Need reading glasses

3. Geek / Tinkerer

2. It’s not Apple

1. International availability

Thursday, May 23, 13

Page 69: Android DevCon 2013 Usability

9 Utilities (+0)

5 Geeks (+4)

5 Games (-3)

3 Music (+0)

1 Camera (-1)

1 Office docs (+0)

Thursday, May 23, 13

Page 70: Android DevCon 2013 Usability

28 Games (+6)

4 Angry Birds

3 Word games

1 Music (+0)

1 Utility (+1)

Thursday, May 23, 13

Page 71: Android DevCon 2013 Usability

Top 20 are ALL gamesGames (+10)

Music (-3)

Social media (-2)

News (-2)

Thursday, May 23, 13

Page 72: Android DevCon 2013 Usability

21 Games (+9)

4 Photo (+2)

2 Social networking(+2)

1 Education (+1)

1 Entertainment (+1)

1 Weather (+1)

0 News (-2)

0 Music (-3)

Apple “Hall of Fame”

Thursday, May 23, 13

Page 73: Android DevCon 2013 Usability

Are You Focused?‣ Useful BECAUSE it’s mobile?

‣ Uses touch to *enhance* experience

‣ How many of the following does it use?

- Camera

- Video

- Tilt

- GPS

- Multiplayer

Thursday, May 23, 13

Page 74: Android DevCon 2013 Usability

Goals Before UsabilityWhat are you trying to do?

Thursday, May 23, 13

Page 75: Android DevCon 2013 Usability

Why?

Fame?

Fortune?

Your boss?

Ask why 5 times

Thursday, May 23, 13

Page 76: Android DevCon 2013 Usability

Trinity of UsabilityStorytelling, wireframing, testing

Thursday, May 23, 13

Page 77: Android DevCon 2013 Usability

1. StorytellingUse case vs. user scenario

Thursday, May 23, 13

Page 78: Android DevCon 2013 Usability

Storytelling

Use case = How features work

User scenarios = How people work

Thursday, May 23, 13

Page 79: Android DevCon 2013 Usability

2. WireframingTo wireframe or not to wireframe

Thursday, May 23, 13

Page 80: Android DevCon 2013 Usability

Wireframing

‣ “Paper prototyping”

‣ Easy to test

‣ Easy to change

‣ Hand-drawn

‣ No colors/fonts/pictures

Thursday, May 23, 13

Page 81: Android DevCon 2013 Usability

Thursday, May 23, 13

Page 82: Android DevCon 2013 Usability

Wireframes

spec => wireframe => prototype => experience

Thursday, May 23, 13

Page 83: Android DevCon 2013 Usability

3. Usability TestingWhat’s useful and what’s not

Thursday, May 23, 13

Page 84: Android DevCon 2013 Usability

Tap-TapFirst mobile app

developer to make

$1m profit every

month.

Started with 4 apps,

and built out the one

that tested the best.

Thursday, May 23, 13

Page 85: Android DevCon 2013 Usability

When to test

Thursday, May 23, 13

Page 86: Android DevCon 2013 Usability

When to test

KnownUnknown

Thursday, May 23, 13

Page 87: Android DevCon 2013 Usability

When to test

KnownUnknown

Thursday, May 23, 13

Page 88: Android DevCon 2013 Usability

When to test

KnownUnknown

Thursday, May 23, 13

Page 89: Android DevCon 2013 Usability

When to test

KnownUnknown

Test

Thursday, May 23, 13

Page 90: Android DevCon 2013 Usability

When to test

KnownUnknown

Test

Steal ideas first!

Thursday, May 23, 13

Page 91: Android DevCon 2013 Usability

Usability testing

1. Focus Groups

2. Surveys

3. A/B Testing

4. Usability Testing

Thursday, May 23, 13

Page 92: Android DevCon 2013 Usability

Focus groups are not useful for testing.

Thursday, May 23, 13

Page 93: Android DevCon 2013 Usability

focus groups

‣ set goals

‣ get buy-in (stakeholders)

Thursday, May 23, 13

Page 94: Android DevCon 2013 Usability

Surveys are only useful for specific questions.

Thursday, May 23, 13

Page 95: Android DevCon 2013 Usability

surveys

‣ do we call it refresh or reload?

‣ does this make us look like hacks?

‣ which tagline works best?

‣ which icon gets the most traffic?

Thursday, May 23, 13

Page 96: Android DevCon 2013 Usability

surveys

‣ do we call it refresh or reload?

‣ does this make us look like hacks?

‣ which tagline works best?

‣ which icon gets the most traffic?

you can A/B test

these too

Thursday, May 23, 13

Page 97: Android DevCon 2013 Usability

A/B testing rocks.

Thursday, May 23, 13

Page 98: Android DevCon 2013 Usability

A/B testing

‣ Sanity check big changes

‣ Fine-tune details

‣ Find problems for usability testing

‣ Get buying early from stakeholders

Thursday, May 23, 13

Page 99: Android DevCon 2013 Usability

A/B testing

David Hyman (CEO) of

MOG’s #1 tip for mobile

usability is to “reduce

barriers”

How can he increase the

number of PAID members?

Thursday, May 23, 13

Page 100: Android DevCon 2013 Usability

A/B testing

‣ Expensive (time consuming)

‣ Requires good statistic tracking

‣ Requires large(ish) sample size

Thursday, May 23, 13

Page 101: Android DevCon 2013 Usability

Usability testing

Thursday, May 23, 13

Page 102: Android DevCon 2013 Usability

Usability testing

‣ Cheapest and most useful testing

‣ Find out where users get lost

‣ Sanity check yourself

Thursday, May 23, 13

Page 103: Android DevCon 2013 Usability

This all sounds good, but what does real testing look like?

who has an app to test?

Thursday, May 23, 13

Page 104: Android DevCon 2013 Usability

Do it now

‣ Test early

‣ Test often

‣ Find biggest problem

‣ Find simplest solution

‣ Repeat

Thursday, May 23, 13

Page 105: Android DevCon 2013 Usability

Best PracticesTips from the masters

Thursday, May 23, 13

Page 106: Android DevCon 2013 Usability

AccessibilityLaws and business

Thursday, May 23, 13

Page 107: Android DevCon 2013 Usability

The Laws

Under Section 508 (29 U.S.C. ‘794 d),

[government] agencies must give disabled

employees and members of the public

access to information that is comparable to

access available to others. 

Thursday, May 23, 13

Page 108: Android DevCon 2013 Usability

The Laws

ADA Title III governing public

accommodations for private entities

prohibits discrimination, requires access to

services and facilities, and requires effective

communication.

Thursday, May 23, 13

Page 109: Android DevCon 2013 Usability

The Laws

Twenty-First Century Communications and

Video Accessibility Act of 2010

Thursday, May 23, 13

Page 110: Android DevCon 2013 Usability

Title I - Communication

‣ Advanced Communication Services

(VOIP, text, email, IM, Video

communication, etc.)

‣ Web browsers on mobile devices

‣ (Hearing aid happens at system level)

Thursday, May 23, 13

Page 111: Android DevCon 2013 Usability

Title II - Video

‣ Mostly about TV

‣ TV => Internet must maintain captions

‣ Emergency Information (i.e. 911)

Thursday, May 23, 13

Page 112: Android DevCon 2013 Usability

The Numbers

‣ 0.3% of the US is blind

‣ 0.3% of the US are functionally deaf

‣ 2.3% of the US are hard of hearing

‣ Many Android Users on Gingerbread

Thursday, May 23, 13

Page 113: Android DevCon 2013 Usability

How important is it?

Lots of wiggle room

Small audience

(Potentially) significant work

HIPPOs

Thursday, May 23, 13

Page 114: Android DevCon 2013 Usability

My Rule of Thumb

Would you use your app hands-free

while driving?

Thursday, May 23, 13

Page 115: Android DevCon 2013 Usability

AnalyticsWhat is measured improves

Thursday, May 23, 13

Page 116: Android DevCon 2013 Usability

Your drop-off by time?

Thursday, May 23, 13

Page 117: Android DevCon 2013 Usability

Your weak points?

Thursday, May 23, 13

Page 118: Android DevCon 2013 Usability

Write it down

If you don’t have analytics, get them!

If you have them, look at them!

If you look at them, change your behavior!

Thursday, May 23, 13

Page 119: Android DevCon 2013 Usability

Screen SizesThe “F” word again

Thursday, May 23, 13

Page 120: Android DevCon 2013 Usability

breakpoints

Thursday, May 23, 13

Page 121: Android DevCon 2013 Usability

always rethink tablets

Thursday, May 23, 13

Page 122: Android DevCon 2013 Usability

responsive

Thursday, May 23, 13

Page 123: Android DevCon 2013 Usability

responsive

Thursday, May 23, 13

Page 124: Android DevCon 2013 Usability

Users = BloodhoundsThe scent of information

Thursday, May 23, 13

Page 125: Android DevCon 2013 Usability

What’s the 3-Click Rule?

Thursday, May 23, 13

Page 126: Android DevCon 2013 Usability

What’s the 3-Click Rule?

it’s a myth

Thursday, May 23, 13

Page 127: Android DevCon 2013 Usability

The 3 usability sins

Thursday, May 23, 13

Page 128: Android DevCon 2013 Usability

The 3 usability sins

1. dead-ends

Thursday, May 23, 13

Page 129: Android DevCon 2013 Usability

The 3 usability sins

1. dead-ends

2. backtracks

Thursday, May 23, 13

Page 130: Android DevCon 2013 Usability

The 3 usability sins

1. dead-ends

2. backtracks

3. thinking

Thursday, May 23, 13

Page 131: Android DevCon 2013 Usability

Thursday, May 23, 13

Page 132: Android DevCon 2013 Usability

Navigation & MenusGiving them the scent of information

Thursday, May 23, 13

Page 133: Android DevCon 2013 Usability

Main Menu = Good

Thursday, May 23, 13

Page 134: Android DevCon 2013 Usability

Consistent Navigation

labels Android

Thursday, May 23, 13

Page 135: Android DevCon 2013 Usability

Fitt’s LawThe first rule of computer usability

Thursday, May 23, 13

Page 136: Android DevCon 2013 Usability

Fitt’s law

distance

button size

corners = infinitely large

Thursday, May 23, 13

Page 137: Android DevCon 2013 Usability

touch changes it

no abstraction (mouse)

same distance to everything

corners are HARDER to hit

Thursday, May 23, 13

Page 138: Android DevCon 2013 Usability

Tiff’s law

poke position

thumbs

Thursday, May 23, 13

Page 139: Android DevCon 2013 Usability

poke position

Distance and location don’t matter!

Thursday, May 23, 13

Page 140: Android DevCon 2013 Usability

thumbs

arch of thumbs = easy

all others = hard

Thursday, May 23, 13

Page 141: Android DevCon 2013 Usability

horizontal vs. vertical

82% of top

Apple apps

lock the

orientation

Thursday, May 23, 13

Page 142: Android DevCon 2013 Usability

horizontal vs. vertical

if lots of typing - responsive

if one-handed - vertical (or responsive)

otherwise just pick one and ship it

Thursday, May 23, 13

Page 143: Android DevCon 2013 Usability

The first 2 minutesDon’t loose people before you hook them

Thursday, May 23, 13

Page 144: Android DevCon 2013 Usability

people are lazy and you don’t want unhappy

users.

Thursday, May 23, 13

Page 145: Android DevCon 2013 Usability

Key TakeAwayIf you do one thing, do usability testing

Thursday, May 23, 13

Page 146: Android DevCon 2013 Usability

usability testing

test early

test often

find your biggest problem

do the least work possible

do it again

Thursday, May 23, 13

Page 147: Android DevCon 2013 Usability

18 mobile sites

1,000 #Fails

147 recommendations

m-commerce

gravityswith.com/andevcon

Thursday, May 23, 13

Page 148: Android DevCon 2013 Usability

There will be a Quiz

Thursday, May 23, 13

Page 149: Android DevCon 2013 Usability

scannable home page

Thursday, May 23, 13

Page 150: Android DevCon 2013 Usability

Declutter

Thursday, May 23, 13

Page 151: Android DevCon 2013 Usability

Give Context

Thursday, May 23, 13

Page 152: Android DevCon 2013 Usability

Avoid Dropdowns

Thursday, May 23, 13

Page 153: Android DevCon 2013 Usability

Long Pages

Thursday, May 23, 13

Page 154: Android DevCon 2013 Usability

Clear Buttons

Thursday, May 23, 13

Page 155: Android DevCon 2013 Usability

Careful w/AutoCorrect

Thursday, May 23, 13

Page 156: Android DevCon 2013 Usability

Big Data Entry Fields

Thursday, May 23, 13

Page 157: Android DevCon 2013 Usability

Show a damn calendar

Thursday, May 23, 13

Page 158: Android DevCon 2013 Usability

What did you learn?

Thursday, May 23, 13

Page 159: Android DevCon 2013 Usability

Does everyone have 3 ideas?

Thursday, May 23, 13

Page 160: Android DevCon 2013 Usability

Ask me questions

http://gravityswitch.com/[email protected]

@jasonNmark

Visual Design - up next!

eBooks (Thursday 8:30)

Thursday, May 23, 13

Page 161: Android DevCon 2013 Usability

Thursday, May 23, 13

Page 162: Android DevCon 2013 Usability

Thursday, May 23, 13