This white paper/slide deck examines the issue of the proliferation of icons on touchscreen smartphones - touchscreen clutter - and offers two solutions. This is an update on our 2010 white paper.
3. More
and
More
Goes
on
These
Screens
• Icons
(everything
gets
an
icon:
apps,
websites,
camera,
system
tools,
folders,
etc)
§ Many
users
have
more
than
100
app
icons
§ Apple
iPhone
5:
Up
to
24
icons
per
screen
• QWERTY
keyboard
for
text
entry
• Browsing
§ Browser
command
bars
§ Website
content
(web
pages,
videos,
photos,
text,
etc)
• Camera
controls
when
taking
photos
and
video
• App
content
(game
graphics,
augmented
reality,
docs,
email,
…)
§ Social
media
content
(Facebook,
Foursquare,
etc)
§ App
Controls
§ App
ads
• Telephone
keypad
and
controls
for
telephone
mode
3
4. Oh,
the
Clu0er!
Icons
and
more
Icons!
On-‐screen
QWERTY
This
problem
has
become
such
a
burden
on
the
iPhone
user
experience
that
the
iOS4
gave
users
the
ability
to
Takes
up
a
huge
%
of
the
screen,
hiding
create
folders
in
which
to
organize
their
icons,
and
the
valuable
content
and
informa^on,
and
is
iPhone
5
increased
the
screen
dimensions
and
added
a
s^ll
hard
to
use,
inhibi^ng
ac^vi^es
like
new
row
of
icons.
enter
URLS
and
search
queries
4
5. Demands
on
Screen
Space
Threaten
the
Beauty
and
Ease
of
Use
of
Touchscreen
Mobile
Devices
• Too
many
icons,
and
too
much
in-‐app
overlaying
informa^on
creates
a
bad
user
experience
§ Causes
user
confusion
and
inhibits
users
from
greater
use
of
features,
apps
and
Web
§ Clu`er
creates
real
and
perceived
complexity,
inhibi^ng
users
on
mul^ple
levels
§ Value
and
impact
of
“eyeball”
content
is
reduced
• Forces
app
developers
to
dumb
down
their
app
offerings
§ When
app
commands
and
app
graphics/media
vie
for
the
same
space,
the
app
commands
must
be
simplified/reduced
§ App
developers
cannot
put
immersive
and
sophis^cated
apps
on
the
market
successfully
when
complex
commands
in
an
app
cannot
be
presented
and
accessed
in
an
organized
and
compartmentalized
way
(such
as
ribbon
bars
and
pull-‐down
menus
on
PCs/laptops)
that
is
easily
understood
by
users
5
6. That’s
the
Problem,
What’s
the
Solu:on?
• If
small
screens
are
as
physically
big
as
users
will
tolerate
for
mobile
phones,
what
can
be
done
to
make
them
virtually
bigger?
6
7. Two
Solu:ons
1) Create
a
new
icon
management
system
that
does
a
BETTER
job
of
organizing,
managing
and
giving
users
access
to
icons
2) Design
a
new
device
that
moves
all
app,
feature
and
system
COMMANDs
(including
text
entry)
OFF
the
screen
• Create
an
en^rely
new
dimension
to
the
mobile
user
experience
of
apps,
features
and
the
Web
• Maximizes
the
user
experience
of
the
high-‐value
“eyeball”
content
on
apps
and
media
• Vastly
increases
the
ability
of
app
developers
and
end-‐users
around
sophis^cated,
next
genera^on
mobile
apps
• In
other
words,
do
to
the
current
suite
of
smartphones
what
Steve
Jobs
did
to
the
phones
of
the
pre-‐iPhone
era
7
8. Solu:on
#1
Create
a
new
user
interface
for
touchscreen
smartphones
that
does
a
BETTER
job
of
managing
icons
8
9. Solu:on
#1
• For
how
to
do
this,
see
our
white
paper
“Smartphone
Icons
–
A
System
for
Improving
Organiza:on
and
Access”
• Read
it
at
www.pinterest.com/webhub
9
10. Solu:on
#2
• Design
a
new
device
that
moves
the
non-‐
eyeball,
cri^cal
(UI)
informa^on
off
the
screen
to
create
an
en^rely
new
dimension
to
the
mobile
user
experience
• Do
this
by
“Making
Mobile
Screens
Big
via
the
NeoKeys
mixed-‐media
keypad”
10
11. Disaggregate
High-‐value
“Eyeball”
Content/Media
from
App
Commands
• Eyeball
cri^cal
informa^on
(media
and
content)
§ App
media
and
graphics
§ Photos
and
videos
§ Camera
view(s)
§ Web
pages,
etc
• App
Commands
(“Use”
and
“finger”
cri^cal
-‐
but
not
“eyeball”
cri^cal
-‐
informa^on)
§ COMMANDs
for
apps,
features
(eg,
camera),
system
§ Text
entry
keyboards
(QWERTY
etc)
§ Even
…
icons
11
12. Where do the COMMANDS go?
§ Onto
the
NeoKeys
mixed-‐media
keypad
• One
keypad
• Infinite
modes
• Keys
that
change
mode
to
provide
the
user
the
commands
the
user
needs
according
to
the
developer
of
the
app
the
user
is
in
• One
pa`ern
of
use
• Hybrid
displays/keys
• Keys
that
visually
prompt
the
user
with
everything
the
user
needs
for
whatever
the
user
has
chosen
to
do
at
that
^me)
12
13. How
does
you
create
an
en:rely
new
UX
dimension
to
apps?
• Use
the
NeoKeys
Mixed
Media
keypad
§ One
keypad
§ Infinite
modes
§ A
single
pa`ern
of
use
§ Learned
instantly
• See
more
images
and
learn
more
as
indicated
in
the
next
slides
13
14. The
Future
for
Big
Mobile
Screens:
Mul:media
Keypads
• As
users
demand
more
sophis^cated
apps
and
quick-‐to-‐no
learning
curves
for
using
those
apps,
separa^ng
user
interface
informa^on
from
high-‐value
“eyeball”
media/
graphics
is
the
only
viable,
complete
solu^on
• Our
mixed
media
keypad
technology
is
the
solu^on
to
delivering
the
best
next
genera^on
mobile
user
experience
§ very
easily
and
very
intui^vely
for
users
and
app
developers
§ across
all
features,
apps
and
services
§ along
with
en^rely
new
business
and
revenue
models
§ and
en^rely
new
forms
of
user
experience
14
15. Learn
more
about
Solu:on
#2
• Visit
www.neokeys.com
§ for
a
mul^-‐media
presenta^on
with
text
translated
in
8
languages
• Read
at
www.pinterest.com/webhub
“What
is
the
NeoKeys
Mixed
Media
Keypad?”
15
16. What
about
voice
commands,
etc?
• Voice
commands,
hap^cs,
advanced
graphical
UI
will
all
be
a
piece
of
the
puzzle
• But
essen^ally
they
are
all
analogous
to
predic^ve
text
entry
solware
§ They
can
be
added
to
any
system
§ They
provide
some
help
to
some
people
§ But
in
the
end
they
are
trying
to
solve
the
underlying
problem
by
adding
new
crutches
rather
than
addressing
the
core
issue
16
17. Voice
commands
-‐
More
• Voice
commands
are
a
great
example
of
a
technology
that
will
become
integrated
into
most
mobile
devices
but
that
has
limited
u^lity
• Why
does
it
have
limited
u^lity?
Mostly
human
and
social
constraints!
§ Many
mobile
contexts
do
not
permit
users
to
give
voice
commands
to
their
phones
(conference
rooms,
subways,
airplanes,
restaurants,
bars,
schools,
elevators,
etc)
§ Many
users
prefer
not
to
talk
on
their
phones
even
when
they
can
(eg,
people
tex^ng
to
keep
a
conversa^on
private,
such
as
kids
in
the
backseat
of
a
car,
people
in
subways
and
trains,
office
cubicles,
etc)
§ Users
will
feel
and
look
foolish
dicta^ng
commands
into
their
phones
by
voice
command
(or
hand
gestures,
etc)
when
other
people
are
nearby
§ As
mobile
apps
proliferate,
and
users
switch
are
constantly
switching
among
many
of
them,
it
will
be
very
difficult
for
users
to
remember
all
but
a
very
limited
subset
of
commands
for
a
small
number
of
apps
(think
how
hard
it
is
to
remember
the
commands
for
voicemail
alone)
17
18. User-‐facing,
Patent-‐Protected
Differen:ators
• Read
at
www.pinterest.com/webhub
“The
Importance
of
User-‐
facing,
Patent-‐Protected
Differen:ators
to
Mobile
Device
Manufacturers”
18
19. Is
there
a
choice?
• No.
• As
icons
proliferate
and
as
users
demand
more
sophis^cated
apps,
the
current
systems
are
failing
the
user
§ smartphones
are
all
about
the
user
experience
§ Smartphones
with
new,
be`er
app/icon
user
experiences
will
replace
the
current
genera^on
of
smartphones
19
20. More
White
Papers
by
Yuvee
• A
Catalog
of
Mobile
Device
Innova^ons
• What
is
WebHub?
(A
library
of
websites)
• Will
Apps
Replace
the
Web?
(or
Why
WebHub?)
• What
is
WebHub?
• Search
re-‐invented
for
mobile,
or
what
is
a
Connec^on
Engine?
• Smartphone
Icons
–
A
System
for
Improving
Organiza^on
and
Access
• What
is
the
PiQ
music
app?
• The
Importance
of
Patent-‐Protected
Differen^ators
to
Mobile
Device
Manufacturers
• Topics
in
innova^on
in
mobile
technology
by
Yuvee
• NeoKeys
–
How
it
works
and
why
it
is
cri^cal
to
touchscreen
devices
• What
is
the
NeoKeys
Mixed
Media
Keypad?
• The
Challenge
of
Touchscreen
Clu`er
(or
Making
Mobile
Screens
Big)
• The
Non-‐Subscriber
Revenue
Impera^ve
–
ROI
on
Telecoms
CapEx
• Richness+Simplicity:
The
Holy
Grail
of
Mobile
UI
• Yuvee
-‐
Mobile
User
Experience
Conference
–
UX
Designers’
Den
Slides
• Mone^zing
the
Keypad
Real
Estate
on
Mobile
Devices
• The
Changing
Face
of
User
Input
on
Mobile
Devices
• Compound
versus
Elemental
Devices
–
New
Mobile
Device
Market
Strategies
• The
Incredible
Shrinking
Search
Results
Page
• Dynamic
Keypads:
Terminology
20
21. Where
to
read
the
white
papers
www.pinterest.com/webhub
21