1.
Top
10
Best
Prac/ces
For
Building
A
Mobile
Website

2. • Priori%ze
the
content
and
KEEP
IT
QUICK
features
that
mobile
users
need
Mobile
users
are
o@en
short
on
%me,
most.
squeezing
in
online
tasks
as
they
go
about
their
day.
• Use
your
desktop
site
analy%cs
To
help
them,
design
your
site
to
load
to
see
what
mobile
users
are
fast
and
make
copy
easy
to
scan.
doing.
• Reduce
large
blocks
of
text
and
use
bullet
points
for
easy
reading.
• Compress
images
to
keep
them
small
for
faster
site
loading.

3. • Minimize
scrolling
and
keep
it
SIMPLE
NAVIGATION
ver%cal
only.
No
one
likes
to
be
confused.
Clear
• Use
a
clear
hierarchy
in
menus
naviga%on
and,
on
large
or
complex
sites,
search
func%onality
will
help
and
avoid
rollovers.
your
customers
easily
find
what
they
need.
• Help
users
navigate
between
levels
with
clear
back
and
home
buFons.
• Use
seven
links
or
fewer
per
page
of
naviga%on.
• Have
a
search
box
prominently
available
on
complex
sites.

4. • Use
large,
centered
buFons
BE
THUMB
FRIENDLY
People
use
their
fingers
to
operate
and
give
them
breathing
mobile
devices—especially
their
thumbs.
Design
your
site
so
even
large
room
to
reduce
accidental
hands
can
easily
interact
with
it.
clicks.
• Pad
smaller
buFons
to
increase
the
clickable
area.
• Pad
check
boxes
by
making
the
text
clickable.

5. • Create
contrast
between
DESIGN
FOR
VISIBILITY
background
and
text
A
mobile-­‐friendly
site
gets
its
message
across
without
causing
eyestrain.
Make
it
easy
for
your
customers
to
• Make
sure
content
fits
read—remember,
they
may
be
in
a
place
with
low
light.
onscreen
and
can
be
read
without
pinching
and
zooming.
• Use
plenty
of
nega%ve
space.
Use
size
and
color
to
indicate
link/buFon
priority.

6. • Use
HTML5
for
interac%vity
MAKE
IT
ACCESSIBLE
Ideally,
your
mobile
site
should
work
and
anima%on.
• Adapt
your
site
for
both
across
all
mobile
devices
and
all
handset
orienta%ons.
Find
alterna%ves
to
Flash—it
does
not
work
on
some
devices.
ver%cal
and
horizontal
orienta%ons.
• Keep
users
in
the
same
place
when
they
change
orienta%on.

7. • Focus
on
informa%on
that
will
aid
MAKE
IT
EASY
TO
conversion
(i.e.,
product
details).
CONVERT
No
maFer
what
your
site’s
objec%ve
is,
• Reduce
the
number
of
steps
your
customers
need
to
be
able
to
do
needed
to
complete
a
transac%on.
it
with
a
virtual
keyboard
and
no
mouse.
Make
it
easy
to
buy
something
• Keep
forms
short
and
use
the
or
contact
you.
fewest
number
of
fields
possible.
• Use
check
boxes,
lists
and
scroll
menus
to
make
data
entry
easier.
• Use
Click-­‐To-­‐Call
func%onality
for
all
phone
numbers.

8. • Have
your
address
or
store
MAKE
IT
LOCAL
Consumers
look
for
local
info
on
their
locator
on
the
landing
phones
all
the
%me—from
loca%ng
the
nearest
gas
sta%on
to
finding
an
open
page.
pizza
place.
Include
func%onality
that
helps
people
find
and
get
to
you.
• Include
maps
and
direc%ons.
Use
GPS
to
personalize
when
possible.
• Allow
users
to
check
stock
at
nearby
stores.

9. • Allow
users
to
save
popular
MAKE
IT
SEAMLESS
searches
and
shopping
cart
People
now
use
mul%ple
screens
throughout
the
day.
Convert
as
much
contents.
of
the
func%onality
of
your
desktop
site
to
mobile
as
you
can
to
create
a
seamless
experience.
• Maintain
key
features
of
the
site
across
all
channels
as
much
as
possible.
• Display
the
same
informa%on
for
products/
services.

10. USE
MOBILE
SITE
• Give
users
a
choice
to
go
REDIRECTS
back
to
the
desktop
site,
but
A
mobile
site
redirect
is
code
that
can
automa%cally
tell
if
visitors
are
using
a
make
it
easy
to
return
to
the
mobile
device
and
send
them
to
the
mobile-­‐friendly
version
of
your
site.
mobile
site.
Have
your
site
developer
implement
this
redirect
code
so
your
customers
• Let
users
choose
which
get
the
best
version
of
your
site
for
their
needs
version
they
prefer
to
see
for
later
visits.
• Include
key
informa%on,
such
as
your
address
or
a
store
locator,
on
the
redirect
page.

11. LISTEN,
LEARN
AND
• Use
analy%cs
to
understand
ITERATE
how
people
use
your
site.
Good
mobile
sites
are
user-­‐centric,
which
means
they’re
built
with
input
• If
possible,
especially
for
from
your
audience.
Ask
your
desktop
complex
sites,
do
user
tes%ng
site
users
what
they
want
in
a
mobile
website
and
make
tes%ng
and
before.
op%miza%on
an
ongoing
process.
• Implement
and
collect
user
feedback
a@er
launch.
• Iterate
o@en
and
con%nuously
improve
your
site
based
on
your
research.

12. Thank
you.

13. Find
out
more:
Beyond
Mobile
Call:
1.818.338.6057
Mobile
web
use
is
exploding.
By
2015,
more
Americans
will
access
the
web
www.m.beyondkey.com
via
mobile
than
desktop.
Building
a
mobile-­‐friendly
site
is
essen%al
for
eMail:
jd.meints@beyondkey.com
businesses
to
prepare
for
the
mobile
movement.
Our
team
helps
you
create
a
mobile
experience
that
aligns
with
your
tradi%onal
branding
but
enables
a
highly-­‐intui%ve
and
user-­‐friendly
interface
tailored
to
the
smaller
screen.