10 Great Tips To Get You Started With Your Mobile Website Project. Perfect for marketers and product managers who wants to maximize their time and avoid pitfalls.
1. Go
 Mobile
 Series
 â
 Part
 1
 of
 3
Â
By:
 Wayne
 Chen
Â
Š 2012 -2013 Wayne Chen! Wayne @PocketSquareMedia.co!
2. ÂĄďĄâŻ All
 your
 friends
 have
 one
Â
ÂĄďĄâŻ More
 than
 5%
 of
 your
 site
Â
traďŹc
 is
 mobile
Â
ÂĄďĄâŻ More
 than
 10
 customer
Â
complained
Â
ÂĄďĄâŻ You
 boss
 said
 to
 get
 it
Â
done
Â
ÂĄďĄâŻ You
 want
 to
 grow
 your
Â
vertical
Â
ÂĄďĄâŻ You
 are
 pumped
 that
 your
Â
company
 is
 adapting!
Â
Š 2012 -2013 Wayne Chen! Wayne @PocketSquareMedia.co!
3. ÂĄďĄâŻ These
 tips
 have
 been
 selected
 to
 help
 you
 as
Â
you
 go
 through
 your
 mobile
 website
 design.
Â
Â
ÂĄďĄâŻ Understand
 that
 every
 website
 is
 diďŹerent
Â
Â
§ď§âŻ Business
 type
Â
§ď§âŻ Content
Â
§ď§âŻ Customers
Â
§ď§âŻ Graphics
Â
§ď§âŻ Engagement
 purpose
Â
Š 2012 -2013 Wayne Chen! Wayne @PocketSquareMedia.co!
4. ÂĄďĄâŻ Find
 out
 what
 your
Â
website
 is
 running
 on
Â
§ď§âŻ Is
 it
 scalable?
Â
ÂĄďĄâŻ What
 kind
 of
 content
Â
Â
exist
 on
 your
 website?
Â
§ď§âŻ Structure
Â
ÂĄďĄâŻ Graphic
 asset
Â
inventory?
Â
ÂĄďĄâŻ Spend
 the
 necessary
Â
time
 to
 go
 through
Â
your
 assets
Â
5. ÂĄďĄâŻ Map
 out
 what
 you
Â
want
 to
 do
 in
 the
Â
short-Ââterm
 and
 for
 the
Â
future
Â
ÂĄďĄâŻ How
 much
 time
 will
 it
Â
take
 you?
Â
ÂĄďĄâŻ What
 resources
 or
Â
budget
 will
 be
Â
available
 to
 you?
Â
ÂĄďĄâŻ Get
 executive
 buy-Ââin
Â
6. ÂĄďĄâŻ What
 devices
 are
 used
Â
to
 access
 your
Â
website?
Â
ÂĄďĄâŻ How
 do
 you
 design
 for
Â
those
 screens?
Â
§ď§âŻ iOS,
 Android,
 Windows,
Â
Blackberry
Â
§ď§âŻ Size
 of
 each
 group
Â
7. ÂĄďĄâŻ What
 do
 they
 want?
Â
Â
ÂĄďĄâŻ What
 do
 you
 want
 to
Â
show?
Â
ÂĄďĄâŻ What
 makes
 them
Â
want
 to
 visit
 your
Â
website?
Â
ÂĄďĄâŻ How
 much
 time
 is
Â
spent
 on
 mobile
 versus
Â
web?
Â
ÂĄďĄâŻ DeďŹne
 the
 use
 cases
 of
Â
the
 site
 visitor
Â
8. ÂĄďĄâŻ What
 tasks
 are
 being
Â
carried
 out
 on
 your
Â
website?
Â
ÂĄďĄâŻ Are
 they
 in
 the
 subway
Â
or
 at
 the
 oďŹce?
Â
ÂĄďĄâŻ Understanding
 user
Â
context
 will
 go
 a
 long
Â
way
Â
9. ÂĄďĄâŻ Visitors
 expect
 to
Â
perform
 similar
 tasks
Â
on
 mobile
Â
ÂĄďĄâŻ Provide
 a
 desktop
 link
Â
ÂĄďĄâŻ Donât
 overwhelming
Â
visitors
 with
 a
 ton
 of
Â
content
 and
 mobile
Â
drill
 downs
Â
10. ÂĄďĄâŻ Optimize
 your
 core
Â
content
Â
ÂĄďĄâŻ Adjust
 display
 of
Â
content,
 layout
 and
Â
graphics
Â
ÂĄďĄâŻ Interactions
 should
 be
Â
âtouch/tapâ
 not
 âclickâ
Â
ÂĄďĄâŻ Leverage
 features
 of
Â
the
 device
Â
ÂĄďĄâŻ Tailor
 the
 experience
Â
11. ÂĄďĄâŻ Use
 your
 in-Ââhouse
Â
developers
Â
ÂĄďĄâŻ Leave
 Flash
 if
 you
 use
Â
it
 on
 your
 website
Â
ÂĄďĄâŻ Leverage
 JavaScript/
CSS
Â
ÂĄďĄâŻ There
 is
 a
 trade
 oďŹ
Â
with
 HTML5
 or
 going
Â
mobile
Â
ÂĄďĄâŻ Perform
 ACID
 test
Â
ÂĄďĄâŻ Web/Mobile
 Browsers
Â
12. ÂĄďĄâŻ Stick
 to
 OS
 UI
Â
guidelines
 to
 avoid
Â
confusion
Â
ÂĄďĄâŻ Look
 &
 Feel
 are
Â
important
 to
 mobile
Â
device
 users
Â
ÂĄďĄâŻ Understand
 the
Â
diďŹerence
Â
13. ÂĄďĄâŻ Responsive
 design
 is
Â
the
 backbone
 to
 your
Â
mobile
 design
Â
ÂĄďĄâŻ DeďŹne
 the
 number
 of
Â
columns
 (not
 excel
Â
sheet)
Â
ÂĄďĄâŻ Fixed
 spacing
 is
Â
preferable
 for
 content
Â
heavy
 sites
Â
ÂĄďĄâŻ Make
 your
 site
 modular
Â
14. Contact
 information
Â
ÂĄďĄâŻ Wayne
 Chen
Â
ÂĄďĄâŻ Wayne@PocketSquareMedia.co
Â
ÂĄďĄâŻ www.PocketSquareMedia.co
Â
Š 2012 -2013 Wayne Chen! Wayne @PocketSquareMedia.co!