SlideShare a Scribd company logo
Twenty-five principles of mobile site design
Have your call to action
front and centre so that
it's easy for people to see.
One.
Call Now
Keep menus short & sweet.
Two.
Menu
About
Our Services
Contact
Make it easy to return
to the homepage, use your
logo to link back.
Three.
Logo
Don't let promotions take
over the homepage or
interfere with navigation.
Four.
Logo
Buy me!
Make site search clearly
visible on all pages.
Five.
Make site searches relevant
so that users can find the
information that they need.
Six.
flowers
weddings
delivery
birthdays
Include search filters to help
users get accurate results.
Seven.
boots
style
type
Search
colour
Segment your search
audience before they
search, if possible.
Eight.
ankle boots
women’s
Search
black
boots
ankle boots
women's
black
Search
Allow users to explore your
site before asking them to
supply personal information.
Nine.
Allow users to purchase
as guests but encourage
registration where possible.
Ten.
Have a profile? Sign In.
email
password
Check out as guest
Check out
No profile?
No problem, you can create a profile at checkout.
Make it easy. Use registered
users' information by
pre-filling their details.
Eleven.
Ms
Grace
Alice
Kent
Use click-to-call buttons so
that users can speak to an
operator if they need help.
Twelve.
Call
Make it easy for users
to finish conversions
on another device.
Thirteen.
Offer users a number
pad for fields requiring
number entry.
Fourteen.
Choose the easiest
ways for users to enter
information, drop-downs,
tick boxes etc.
Fifteen.
Month
January
February
March
April
May
June
July
August
Provide a visual calendar
to make bookings
and planning easy.
Sixteen.
November
Use clear instruction
and real-time validation
to minimise errors, tell
users when they have not
entered correct information.
Seventeen.
address 1
address 2
postcode
* please enter field
Design of forms is
important – short and
easy to read is key.
Eighteen.
Last Name
Address
City Flat no.
DD MM YYYY
Date of Birth
Design all your website
pages so they are
optimised for mobile.
Nineteen.
The images and layout
should always be legible.
Twenty.
Include high-quality
close-ups of key images
like product photos.
Twenty-one.
Tell users if your website
is better viewed as
portrait or landscape.
Twenty-two.
Keep users in a single
browser window, do not
allow them to navigate
away from your browser.
Twenty-three.
Get Voucher
Sign In
Contact
Use mobile/desktop
labelling.
Twenty-four.
Mobile Site⎢Desktop site
Allow users to locate shops
or products 'near me'.
Twenty-five.

More Related Content

Similar to 25 principles of mobile site design

Selling to seniors & web design for seniors
Selling to seniors & web design for seniorsSelling to seniors & web design for seniors
Selling to seniors & web design for seniors
Tom Wilson
 
How to sell anything on the internet
How to sell anything on the internet How to sell anything on the internet
How to sell anything on the internet
Dennis Isong
 
3simplestepsbook
3simplestepsbook3simplestepsbook
3simplestepsbookNina Online
 
10 Ways to Make Your Lead Generation Website Convert On the First Visit
10 Ways to Make Your Lead Generation Website Convert On the First Visit10 Ways to Make Your Lead Generation Website Convert On the First Visit
10 Ways to Make Your Lead Generation Website Convert On the First Visit
StraightNorthIM
 
3 Big Tips To Help Your Website Design
3 Big Tips To Help Your Website Design3 Big Tips To Help Your Website Design
3 Big Tips To Help Your Website Design
Kaitlyn Study
 
Your website is_not_about_you_webinar
Your website is_not_about_you_webinarYour website is_not_about_you_webinar
Your website is_not_about_you_webinar
Resolve Digital
 
5 B2B social networking with linkedin -maximise your web marketing 03.02.11
5  B2B social networking with linkedin -maximise your web marketing 03.02.115  B2B social networking with linkedin -maximise your web marketing 03.02.11
5 B2B social networking with linkedin -maximise your web marketing 03.02.11
Business Link South West - Events
 
e-commerce made easy - Everything you need to know about selling online
e-commerce made easy - Everything you need to know about selling onlinee-commerce made easy - Everything you need to know about selling online
e-commerce made easy - Everything you need to know about selling online
Matt Granfield
 
5 Secrets to a Winning Image
5 Secrets to a Winning Image5 Secrets to a Winning Image
5 Secrets to a Winning Image
My First Coaching Client
 
6 Ways to Make Your Next Website the Best Ever with Sara Isenberg
6 Ways to Make Your Next Website the Best Ever with Sara Isenberg6 Ways to Make Your Next Website the Best Ever with Sara Isenberg
6 Ways to Make Your Next Website the Best Ever with Sara Isenberg
Sara Isenberg
 
Internet marketing for small business
Internet marketing for small businessInternet marketing for small business
Internet marketing for small businessAlok Singh
 
5 essential keys to webdesign success
5 essential keys to webdesign success5 essential keys to webdesign success
5 essential keys to webdesign successPaul Adedoyin
 
Best practices for Online Marketing
Best practices for Online MarketingBest practices for Online Marketing
Best practices for Online MarketingRich Benjamin
 
Internet marketing a guidebook to small business success 30 things you can do...
Internet marketing a guidebook to small business success 30 things you can do...Internet marketing a guidebook to small business success 30 things you can do...
Internet marketing a guidebook to small business success 30 things you can do...BullsEye Internet Marketing
 
5 Things that will Create a Long Lasting Impression on Your Potential Clients
5 Things that will Create a Long Lasting Impression on Your Potential Clients5 Things that will Create a Long Lasting Impression on Your Potential Clients
5 Things that will Create a Long Lasting Impression on Your Potential Clients
WebConnect Pvt Ltd
 
Ait 3 B 2009 Task3final
Ait 3 B 2009 Task3finalAit 3 B 2009 Task3final
Ait 3 B 2009 Task3finallac_cheese
 
Internet marketing-guidebook
Internet marketing-guidebookInternet marketing-guidebook
Internet marketing-guidebookTuristicae
 
Online advertising 101
Online advertising 101Online advertising 101
Online advertising 101
Niall Flynn
 
maximise your web marketing B2B SOCIAL NETORKING WITH LINKEDIN
maximise your web marketing B2B SOCIAL NETORKING WITH LINKEDINmaximise your web marketing B2B SOCIAL NETORKING WITH LINKEDIN
maximise your web marketing B2B SOCIAL NETORKING WITH LINKEDIN
Business Link South West - Events
 

Similar to 25 principles of mobile site design (20)

Selling to seniors & web design for seniors
Selling to seniors & web design for seniorsSelling to seniors & web design for seniors
Selling to seniors & web design for seniors
 
How to sell anything on the internet
How to sell anything on the internet How to sell anything on the internet
How to sell anything on the internet
 
3simplestepsbook
3simplestepsbook3simplestepsbook
3simplestepsbook
 
10 Ways to Make Your Lead Generation Website Convert On the First Visit
10 Ways to Make Your Lead Generation Website Convert On the First Visit10 Ways to Make Your Lead Generation Website Convert On the First Visit
10 Ways to Make Your Lead Generation Website Convert On the First Visit
 
3 Big Tips To Help Your Website Design
3 Big Tips To Help Your Website Design3 Big Tips To Help Your Website Design
3 Big Tips To Help Your Website Design
 
Your website is_not_about_you_webinar
Your website is_not_about_you_webinarYour website is_not_about_you_webinar
Your website is_not_about_you_webinar
 
5 B2B social networking with linkedin -maximise your web marketing 03.02.11
5  B2B social networking with linkedin -maximise your web marketing 03.02.115  B2B social networking with linkedin -maximise your web marketing 03.02.11
5 B2B social networking with linkedin -maximise your web marketing 03.02.11
 
e-commerce made easy - Everything you need to know about selling online
e-commerce made easy - Everything you need to know about selling onlinee-commerce made easy - Everything you need to know about selling online
e-commerce made easy - Everything you need to know about selling online
 
Internet marketing-guidebook
Internet marketing-guidebookInternet marketing-guidebook
Internet marketing-guidebook
 
5 Secrets to a Winning Image
5 Secrets to a Winning Image5 Secrets to a Winning Image
5 Secrets to a Winning Image
 
6 Ways to Make Your Next Website the Best Ever with Sara Isenberg
6 Ways to Make Your Next Website the Best Ever with Sara Isenberg6 Ways to Make Your Next Website the Best Ever with Sara Isenberg
6 Ways to Make Your Next Website the Best Ever with Sara Isenberg
 
Internet marketing for small business
Internet marketing for small businessInternet marketing for small business
Internet marketing for small business
 
5 essential keys to webdesign success
5 essential keys to webdesign success5 essential keys to webdesign success
5 essential keys to webdesign success
 
Best practices for Online Marketing
Best practices for Online MarketingBest practices for Online Marketing
Best practices for Online Marketing
 
Internet marketing a guidebook to small business success 30 things you can do...
Internet marketing a guidebook to small business success 30 things you can do...Internet marketing a guidebook to small business success 30 things you can do...
Internet marketing a guidebook to small business success 30 things you can do...
 
5 Things that will Create a Long Lasting Impression on Your Potential Clients
5 Things that will Create a Long Lasting Impression on Your Potential Clients5 Things that will Create a Long Lasting Impression on Your Potential Clients
5 Things that will Create a Long Lasting Impression on Your Potential Clients
 
Ait 3 B 2009 Task3final
Ait 3 B 2009 Task3finalAit 3 B 2009 Task3final
Ait 3 B 2009 Task3final
 
Internet marketing-guidebook
Internet marketing-guidebookInternet marketing-guidebook
Internet marketing-guidebook
 
Online advertising 101
Online advertising 101Online advertising 101
Online advertising 101
 
maximise your web marketing B2B SOCIAL NETORKING WITH LINKEDIN
maximise your web marketing B2B SOCIAL NETORKING WITH LINKEDINmaximise your web marketing B2B SOCIAL NETORKING WITH LINKEDIN
maximise your web marketing B2B SOCIAL NETORKING WITH LINKEDIN
 

Recently uploaded

一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
Virtual Real Design
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
n0tivyq
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
Alan Dix
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
Carolina de Bartolo
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
ameli25062005
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
h7j5io0
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
GOWSIKRAJA PALANISAMY
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
TE Studio
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
pmgdscunsri
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
ameli25062005
 
一比一原版(毕业证)早稻田大学毕业证成绩单如何办理
一比一原版(毕业证)早稻田大学毕业证成绩单如何办理一比一原版(毕业证)早稻田大学毕业证成绩单如何办理
一比一原版(毕业证)早稻田大学毕业证成绩单如何办理
taqyed
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
garcese
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
7sd8fier
 

Recently uploaded (20)

一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
 
一比一原版(毕业证)早稻田大学毕业证成绩单如何办理
一比一原版(毕业证)早稻田大学毕业证成绩单如何办理一比一原版(毕业证)早稻田大学毕业证成绩单如何办理
一比一原版(毕业证)早稻田大学毕业证成绩单如何办理
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
 

25 principles of mobile site design