Mobile optimisation - a short and simple guide
-
Upload
seedr-creative -
Category
Design
-
view
551 -
download
0
description
Transcript of Mobile optimisation - a short and simple guide
![Page 1: Mobile optimisation - a short and simple guide](https://reader033.fdocuments.in/reader033/viewer/2022051110/54bd5a8b4a7959bb788b458b/html5/thumbnails/1.jpg)
Optimising for mobile
A short & simple guide
Written, illustrated and produced by
![Page 2: Mobile optimisation - a short and simple guide](https://reader033.fdocuments.in/reader033/viewer/2022051110/54bd5a8b4a7959bb788b458b/html5/thumbnails/2.jpg)
8,000,000 people in the UK access the internet from their smartphones every day.
![Page 3: Mobile optimisation - a short and simple guide](https://reader033.fdocuments.in/reader033/viewer/2022051110/54bd5a8b4a7959bb788b458b/html5/thumbnails/3.jpg)
94%Have searched for local info.
70%Called a local business after searching.
![Page 4: Mobile optimisation - a short and simple guide](https://reader033.fdocuments.in/reader033/viewer/2022051110/54bd5a8b4a7959bb788b458b/html5/thumbnails/4.jpg)
How do people access your web site from a smartphone and what kind of experience do they get?
![Page 5: Mobile optimisation - a short and simple guide](https://reader033.fdocuments.in/reader033/viewer/2022051110/54bd5a8b4a7959bb788b458b/html5/thumbnails/5.jpg)
And you send them to a teeny tiny replicv a of your website.
Where everything is small.
And everything is hard to read.
Here’s some marketing information that nobody really wants to read on a smartphone. And frankly probably don;t want to read on a desktop or tablet either but there you are
And it’s a bit tricky to click things like this.
And basically it’s all a bit of a pinch and zoom nightmare.
The number is under the fold somewhere.
Your logo hereLink Link Link Link
A lot of people will read it here and click on a link that goes to your web site...
A nice marketing email for you
Your logo here
![Page 6: Mobile optimisation - a short and simple guide](https://reader033.fdocuments.in/reader033/viewer/2022051110/54bd5a8b4a7959bb788b458b/html5/thumbnails/6.jpg)
Or maybe you’ve got one of these new fangled things and you want to use it.
And you send them to a teeny tiny replicv a of your website.
Where everything is small.
And everything is hard to read.
Here’s some marketing information that nobody really wants to read on a smartphone. And frankly probably don;t want to read on a desktop or tablet either but there you are
And it’s a bit tricky to click things like this.
And basically it’s all a bit of a pinch and zoom nightmare.
The number is under the fold somewhere.
Your logo hereLink Link Link Link
Zap!!
![Page 7: Mobile optimisation - a short and simple guide](https://reader033.fdocuments.in/reader033/viewer/2022051110/54bd5a8b4a7959bb788b458b/html5/thumbnails/7.jpg)
And you send them to a teeny tiny replicv a of your website.
Where everything is small.
And everything is hard to read.
Here’s some marketing information that nobody really wants to read on a smartphone. And frankly probably don;t want to read on a desktop or tablet either but there you are
And it’s a bit tricky to click things like this.
And basically it’s all a bit of a pinch and zoom nightmare.
The number is under the fold somewhere.
Your logo hereLink Link Link Link
![Page 8: Mobile optimisation - a short and simple guide](https://reader033.fdocuments.in/reader033/viewer/2022051110/54bd5a8b4a7959bb788b458b/html5/thumbnails/8.jpg)
And you send them to a
teeny tiny replicv a of your
website.
Where everything is small.And everything is hard to read.
Here’s some marketing
information that nobody
really wants to read on a
smartphone. And frankly
probably don;t want to
read on a desktop or tablet
either but there you are
And it’s a bit tricky to click
things like this.And basically it’s all a
bit of a pinch and zoom nightmare.
The number is under the fold somewhere.
Your logo hereLinkLink
LinkLink
That’s a bit annoying.
It’s all a bit tiny.
I can’t click the links.
I needed to quickly find the info I needed.
Is the stuff I really want here?
Pinch, zoom, ...grrr...goodbye!
![Page 9: Mobile optimisation - a short and simple guide](https://reader033.fdocuments.in/reader033/viewer/2022051110/54bd5a8b4a7959bb788b458b/html5/thumbnails/9.jpg)
:-(
57%Say they won’t recommend a business with a poorly designed mobile site.
40%Have turned to a competitor’s site after a bad mobile experience.
![Page 10: Mobile optimisation - a short and simple guide](https://reader033.fdocuments.in/reader033/viewer/2022051110/54bd5a8b4a7959bb788b458b/html5/thumbnails/10.jpg)
Context is KingDifferent devices means different needs & habits
Smartphone usersOn the go, in between places?
Tablet usersRelaxed, on the sofa, after work?
Desktop usersIn the office, at a desk?
![Page 11: Mobile optimisation - a short and simple guide](https://reader033.fdocuments.in/reader033/viewer/2022051110/54bd5a8b4a7959bb788b458b/html5/thumbnails/11.jpg)
Make buttons a bigger target
Anticipate users behaviour.
What matters most to them?
Remove the superfluous
On-the-go tasks
Content over navigation
“What should we do?”
![Page 12: Mobile optimisation - a short and simple guide](https://reader033.fdocuments.in/reader033/viewer/2022051110/54bd5a8b4a7959bb788b458b/html5/thumbnails/12.jpg)
“How should we do this?”
Responsive Web DesignOne size for different devices
Separate Mobile SiteDedicated site for mobile
Which way to go depends on your audience
![Page 13: Mobile optimisation - a short and simple guide](https://reader033.fdocuments.in/reader033/viewer/2022051110/54bd5a8b4a7959bb788b458b/html5/thumbnails/13.jpg)
© Seedr Creative Ltd. 2012
Key resources used in this presentation:www.themobileplaybook.comtiny.cc/responsive-mobile Recommended reading:www.abookapart.com/products/mobile-firstby Luke Wroblewski
iPhone visuals:www.pixeden.com
If you’d like to know more about mobile optimisation please get in touch.