Android DevCon 2013 Usability
-
date post
17-Oct-2014 -
Category
Technology
-
view
1.252 -
download
0
description
Transcript of Android DevCon 2013 Usability
Easy MobileMaking your app easier to use
Thursday, May 23, 13
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
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
After the Break
‣ How visuals support brand
‣ Applying this to mobile
‣ Making your apps better
‣ The importance of icons
Thursday, May 23, 13
A Little About Me
Thursday, May 23, 13
I like chaos
Thursday, May 23, 13
Thursday, May 23, 13
She does the hard work
Thursday, May 23, 13
Thursday, May 23, 13
We make cool stuff with cool people.
Thursday, May 23, 13
I also like
‣ Change
‣ Technology
‣ Simple solutions to complex problems
Thursday, May 23, 13
We’re agile
Thursday, May 23, 13
Agile Can Be ScaryHere’s what it means to Gravity Switch
Thursday, May 23, 13
WORKING SOFTWARE OVER COMPREHENSIVE DOCUMENTATION
CUSTOMER COLLABORATIONOVER CONTRACT NEGOTIATION
RESPONDING TO CHANGEOVER FOLLOWING A PLAN
INDIVIDUALS & INTERACTIONS OVER PROCESSES & TOOLS
Thursday, May 23, 13
Remove Waste
1. Measure
2. Identify waste
3. Remove waste
4. Repeat
Thursday, May 23, 13
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
One Tasks & Tickets
Thursday, May 23, 13
Timely Reminders
Thursday, May 23, 13
Zero Inbox
Thursday, May 23, 13
Five-Minute Rule
Thursday, May 23, 13
Rule of 3
Thursday, May 23, 13
Ask for Help
Thursday, May 23, 13
Don’t MultitaskIt doesn’t work.
Thursday, May 23, 13
Do The Little Things
Thursday, May 23, 13
2 Weeks. 10 Hours.
Top 10 Reasons
I Procrastinate:
1.
Thursday, May 23, 13
Usability Example1 Week
Thursday, May 23, 13
Drop-off in the first 2 minutes is HUGE!
Thursday, May 23, 13
Getting Started Screens
Thursday, May 23, 13
Getting Started Screens
Thursday, May 23, 13
Getting Started Screens
Thursday, May 23, 13
Getting Started Screens
Thursday, May 23, 13
We have to do better
Thursday, May 23, 13
We have to do better
Thursday, May 23, 13
We have to do better
Thursday, May 23, 13
We have to do better
Thursday, May 23, 13
We have to do better
Thursday, May 23, 13
We have to do better
Thursday, May 23, 13
We have to do better
Thursday, May 23, 13
We have to do better
Thursday, May 23, 13
We have to do better
Thursday, May 23, 13
We have to do better
Thursday, May 23, 13
We have to do better
Thursday, May 23, 13
Why 1 Week?
Perfect is the enemy of good
Winners ship
We don’t need longer
Thursday, May 23, 13
A Little About You
Thursday, May 23, 13
Why’d ya come?
Existing App
New App
Thursday, May 23, 13
Whacha building?
Game
Utility
Productivity
Music/Photo/Video
Other
Thursday, May 23, 13
$0.00
$.99 - $2.99
$3.99 - $9.99
$9.99+
Other (internal app)
Pricing
$
$
$
?
Free!
$
$$
Thursday, May 23, 13
Company size
Lone Gunslinger
2-10 Employees/Partners
11-100 Employees
100+ Employees
Thursday, May 23, 13
Thursday, May 23, 13
Android only
iDevices & Android
Anything else? HTML5?
Thursday, May 23, 13
Your superpower?
Programming
Design
Usability
Other
Thursday, May 23, 13
Want to learn more
Some experience
Conducted software testing
Measured results
Usability experience
Thursday, May 23, 13
Overview
UserNeeds
BusinessNeeds
Brand
Easy to use.
Thursday, May 23, 13
⇥ 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
The mobile difference
Small
Portable
Personal
Bandwidth matters
Interrupted
Typing sucks
Thursday, May 23, 13
Apps that “get it”
Interrupted (2 mins)
No Internet Needed
Uses Touch
Thursday, May 23, 13
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
Apps that “get it”
Personal
On the Road
Avoids Typing
No Internet Needed
Thursday, May 23, 13
Successful AppsTraits
Thursday, May 23, 13
Top iPhone apps
Thursday, May 23, 13
Top iPhone apps
94% Are useful because they’re mobile
Thursday, May 23, 13
Top iPhone apps
94% Are useful because they’re mobile
56% Use touch meaningfully
Thursday, May 23, 13
Top iPhone apps
Thursday, May 23, 13
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
What don’t you do?
The most successful
companies have a list of
things they DON’T do.
Thursday, May 23, 13
More Features = Hard to Use
Thursday, May 23, 13
Whatever
... What about Android Apps?
Thursday, May 23, 13
Why buy Android?
4. Need reading glasses
3. Geek / Tinkerer
2. It’s not Apple
1. International availability
Thursday, May 23, 13
9 Utilities (+0)
5 Geeks (+4)
5 Games (-3)
3 Music (+0)
1 Camera (-1)
1 Office docs (+0)
Thursday, May 23, 13
28 Games (+6)
4 Angry Birds
3 Word games
1 Music (+0)
1 Utility (+1)
Thursday, May 23, 13
Top 20 are ALL gamesGames (+10)
Music (-3)
Social media (-2)
News (-2)
Thursday, May 23, 13
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
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
Goals Before UsabilityWhat are you trying to do?
Thursday, May 23, 13
Why?
Fame?
Fortune?
Your boss?
Ask why 5 times
Thursday, May 23, 13
Trinity of UsabilityStorytelling, wireframing, testing
Thursday, May 23, 13
1. StorytellingUse case vs. user scenario
Thursday, May 23, 13
Storytelling
Use case = How features work
User scenarios = How people work
Thursday, May 23, 13
2. WireframingTo wireframe or not to wireframe
Thursday, May 23, 13
Wireframing
‣ “Paper prototyping”
‣ Easy to test
‣ Easy to change
‣ Hand-drawn
‣ No colors/fonts/pictures
Thursday, May 23, 13
Thursday, May 23, 13
Wireframes
spec => wireframe => prototype => experience
Thursday, May 23, 13
3. Usability TestingWhat’s useful and what’s not
Thursday, May 23, 13
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
When to test
Thursday, May 23, 13
When to test
KnownUnknown
Thursday, May 23, 13
When to test
KnownUnknown
Thursday, May 23, 13
When to test
KnownUnknown
Thursday, May 23, 13
When to test
KnownUnknown
Test
Thursday, May 23, 13
When to test
KnownUnknown
Test
Steal ideas first!
Thursday, May 23, 13
Usability testing
1. Focus Groups
2. Surveys
3. A/B Testing
4. Usability Testing
Thursday, May 23, 13
Focus groups are not useful for testing.
Thursday, May 23, 13
focus groups
‣ set goals
‣ get buy-in (stakeholders)
Thursday, May 23, 13
Surveys are only useful for specific questions.
Thursday, May 23, 13
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
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
A/B testing rocks.
Thursday, May 23, 13
A/B testing
‣ Sanity check big changes
‣ Fine-tune details
‣ Find problems for usability testing
‣ Get buying early from stakeholders
Thursday, May 23, 13
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
A/B testing
‣ Expensive (time consuming)
‣ Requires good statistic tracking
‣ Requires large(ish) sample size
Thursday, May 23, 13
Usability testing
Thursday, May 23, 13
Usability testing
‣ Cheapest and most useful testing
‣ Find out where users get lost
‣ Sanity check yourself
Thursday, May 23, 13
This all sounds good, but what does real testing look like?
who has an app to test?
Thursday, May 23, 13
Do it now
‣ Test early
‣ Test often
‣ Find biggest problem
‣ Find simplest solution
‣ Repeat
Thursday, May 23, 13
Best PracticesTips from the masters
Thursday, May 23, 13
AccessibilityLaws and business
Thursday, May 23, 13
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
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
The Laws
Twenty-First Century Communications and
Video Accessibility Act of 2010
Thursday, May 23, 13
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
Title II - Video
‣ Mostly about TV
‣ TV => Internet must maintain captions
‣ Emergency Information (i.e. 911)
Thursday, May 23, 13
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
How important is it?
Lots of wiggle room
Small audience
(Potentially) significant work
HIPPOs
Thursday, May 23, 13
My Rule of Thumb
Would you use your app hands-free
while driving?
Thursday, May 23, 13
AnalyticsWhat is measured improves
Thursday, May 23, 13
Your drop-off by time?
Thursday, May 23, 13
Your weak points?
Thursday, May 23, 13
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
Screen SizesThe “F” word again
Thursday, May 23, 13
breakpoints
Thursday, May 23, 13
always rethink tablets
Thursday, May 23, 13
responsive
Thursday, May 23, 13
responsive
Thursday, May 23, 13
Users = BloodhoundsThe scent of information
Thursday, May 23, 13
What’s the 3-Click Rule?
Thursday, May 23, 13
What’s the 3-Click Rule?
it’s a myth
Thursday, May 23, 13
The 3 usability sins
Thursday, May 23, 13
The 3 usability sins
1. dead-ends
Thursday, May 23, 13
The 3 usability sins
1. dead-ends
2. backtracks
Thursday, May 23, 13
The 3 usability sins
1. dead-ends
2. backtracks
3. thinking
Thursday, May 23, 13
Thursday, May 23, 13
Navigation & MenusGiving them the scent of information
Thursday, May 23, 13
Main Menu = Good
Thursday, May 23, 13
Consistent Navigation
labels Android
Thursday, May 23, 13
Fitt’s LawThe first rule of computer usability
Thursday, May 23, 13
Fitt’s law
distance
button size
corners = infinitely large
Thursday, May 23, 13
touch changes it
no abstraction (mouse)
same distance to everything
corners are HARDER to hit
Thursday, May 23, 13
Tiff’s law
poke position
thumbs
Thursday, May 23, 13
poke position
Distance and location don’t matter!
Thursday, May 23, 13
thumbs
arch of thumbs = easy
all others = hard
Thursday, May 23, 13
horizontal vs. vertical
82% of top
Apple apps
lock the
orientation
Thursday, May 23, 13
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
The first 2 minutesDon’t loose people before you hook them
Thursday, May 23, 13
people are lazy and you don’t want unhappy
users.
Thursday, May 23, 13
Key TakeAwayIf you do one thing, do usability testing
Thursday, May 23, 13
usability testing
test early
test often
find your biggest problem
do the least work possible
do it again
Thursday, May 23, 13
18 mobile sites
1,000 #Fails
147 recommendations
m-commerce
gravityswith.com/andevcon
Thursday, May 23, 13
There will be a Quiz
Thursday, May 23, 13
scannable home page
Thursday, May 23, 13
Declutter
Thursday, May 23, 13
Give Context
Thursday, May 23, 13
Avoid Dropdowns
Thursday, May 23, 13
Long Pages
Thursday, May 23, 13
Clear Buttons
Thursday, May 23, 13
Careful w/AutoCorrect
Thursday, May 23, 13
Big Data Entry Fields
Thursday, May 23, 13
Show a damn calendar
Thursday, May 23, 13
What did you learn?
Thursday, May 23, 13
Does everyone have 3 ideas?
Thursday, May 23, 13
Ask me questions
http://gravityswitch.com/[email protected]
@jasonNmark
Visual Design - up next!
eBooks (Thursday 8:30)
Thursday, May 23, 13
Thursday, May 23, 13
Thursday, May 23, 13