Submit Search
Upload
Mobile site design best practices
•
3 likes
•
557 views
Ayantek LLC
Follow
Best Practices for designing Mobile web sites
Read less
Read more
Design
Report
Share
Report
Share
1 of 9
Recommended
Web In Extreme Environment: Beyond Cross Browsing
Web In Extreme Environment: Beyond Cross Browsing
Greg SHIN
Design of mobile browsers
Design of mobile browsers
Arpan Baishya
모바일 시대, 웹의 역할과 방향
모바일 시대, 웹의 역할과 방향
Jaeseung Mun
Николай Исаков: Nokia Ovi Browser, App Wizard
Николай Исаков: Nokia Ovi Browser, App Wizard
Procontent.Ru Magazine
Mobile web technologies_overview_v1_0_en
Mobile web technologies_overview_v1_0_en
Hemant Shah
Andrew Perlman's presentation at eComm 2008
Andrew Perlman's presentation at eComm 2008
eComm2008
Tristan Nitot @DWS12 - The Web as a universal platform for mobile
Tristan Nitot @DWS12 - The Web as a universal platform for mobile
Tristan Nitot
Gibber talk 110213
Gibber talk 110213
Vincent Vu
Recommended
Web In Extreme Environment: Beyond Cross Browsing
Web In Extreme Environment: Beyond Cross Browsing
Greg SHIN
Design of mobile browsers
Design of mobile browsers
Arpan Baishya
모바일 시대, 웹의 역할과 방향
모바일 시대, 웹의 역할과 방향
Jaeseung Mun
Николай Исаков: Nokia Ovi Browser, App Wizard
Николай Исаков: Nokia Ovi Browser, App Wizard
Procontent.Ru Magazine
Mobile web technologies_overview_v1_0_en
Mobile web technologies_overview_v1_0_en
Hemant Shah
Andrew Perlman's presentation at eComm 2008
Andrew Perlman's presentation at eComm 2008
eComm2008
Tristan Nitot @DWS12 - The Web as a universal platform for mobile
Tristan Nitot @DWS12 - The Web as a universal platform for mobile
Tristan Nitot
Gibber talk 110213
Gibber talk 110213
Vincent Vu
Session1 part1
Session1 part1
maovkh
Efficiencies and e-Learning
Efficiencies and e-Learning
Elaine Walton
Cba#1 review
Cba#1 review
Bob Eikenberry
Presentación hamburgo, ética
Presentación hamburgo, ética
Universidad Carlos III de Madrid
So, you want to raise finance?
So, you want to raise finance?
Benjamin Ball Associates - investor pitch coaching
Optimizing social media for business
Optimizing social media for business
Ayantek LLC
Conflict Trap
Conflict Trap
Stephen Hernon
Twitter comenta fim de casamento Celulari e Cláudia RAia
Twitter comenta fim de casamento Celulari e Cláudia RAia
Rosana Hermann
Van theoretische kans naar hard voordeel: hoe loopt die route in onze praktijk?
Van theoretische kans naar hard voordeel: hoe loopt die route in onze praktijk?
Netherlands Enterprise Agency (RVO.nl)
Presentando a Miles
Presentando a Miles
sergiodelmo
Evolution - Hacking Innovation Roofcamp Philippines
Evolution - Hacking Innovation Roofcamp Philippines
Derek Neighbors
Tsp350
Tsp350
hellbrock
Position paper
Position paper
hmoulds
Http 2: Should I care?
Http 2: Should I care?
LivePerson
"Prototype Everything" at The conference(19/Aug/2014,Malmo,Sweden) by @tks
"Prototype Everything" at The conference(19/Aug/2014,Malmo,Sweden) by @tks
Nico-Tech Shenzhen/ニコ技深圳コミュニティ
Graphs for portfolio
Graphs for portfolio
Canadian Academy
Toekomst van zonne-energiesystemen
Toekomst van zonne-energiesystemen
Netherlands Enterprise Agency (RVO.nl)
Zelfstandig ondernemen in franchiseformule
Zelfstandig ondernemen in franchiseformule
Atrivé
Session1 part2
Session1 part2
maovkh
Globalinvacom
Globalinvacom
TELE-satellite ara
mobile browsers.pptx
mobile browsers.pptx
Mohitjoshi305593
MobileWebAppsDesign
MobileWebAppsDesign
mobileappsdesign
More Related Content
Viewers also liked
Session1 part1
Session1 part1
maovkh
Efficiencies and e-Learning
Efficiencies and e-Learning
Elaine Walton
Cba#1 review
Cba#1 review
Bob Eikenberry
Presentación hamburgo, ética
Presentación hamburgo, ética
Universidad Carlos III de Madrid
So, you want to raise finance?
So, you want to raise finance?
Benjamin Ball Associates - investor pitch coaching
Optimizing social media for business
Optimizing social media for business
Ayantek LLC
Conflict Trap
Conflict Trap
Stephen Hernon
Twitter comenta fim de casamento Celulari e Cláudia RAia
Twitter comenta fim de casamento Celulari e Cláudia RAia
Rosana Hermann
Van theoretische kans naar hard voordeel: hoe loopt die route in onze praktijk?
Van theoretische kans naar hard voordeel: hoe loopt die route in onze praktijk?
Netherlands Enterprise Agency (RVO.nl)
Presentando a Miles
Presentando a Miles
sergiodelmo
Evolution - Hacking Innovation Roofcamp Philippines
Evolution - Hacking Innovation Roofcamp Philippines
Derek Neighbors
Tsp350
Tsp350
hellbrock
Position paper
Position paper
hmoulds
Http 2: Should I care?
Http 2: Should I care?
LivePerson
"Prototype Everything" at The conference(19/Aug/2014,Malmo,Sweden) by @tks
"Prototype Everything" at The conference(19/Aug/2014,Malmo,Sweden) by @tks
Nico-Tech Shenzhen/ニコ技深圳コミュニティ
Graphs for portfolio
Graphs for portfolio
Canadian Academy
Toekomst van zonne-energiesystemen
Toekomst van zonne-energiesystemen
Netherlands Enterprise Agency (RVO.nl)
Zelfstandig ondernemen in franchiseformule
Zelfstandig ondernemen in franchiseformule
Atrivé
Session1 part2
Session1 part2
maovkh
Globalinvacom
Globalinvacom
TELE-satellite ara
Viewers also liked
(20)
Session1 part1
Session1 part1
Efficiencies and e-Learning
Efficiencies and e-Learning
Cba#1 review
Cba#1 review
Presentación hamburgo, ética
Presentación hamburgo, ética
So, you want to raise finance?
So, you want to raise finance?
Optimizing social media for business
Optimizing social media for business
Conflict Trap
Conflict Trap
Twitter comenta fim de casamento Celulari e Cláudia RAia
Twitter comenta fim de casamento Celulari e Cláudia RAia
Van theoretische kans naar hard voordeel: hoe loopt die route in onze praktijk?
Van theoretische kans naar hard voordeel: hoe loopt die route in onze praktijk?
Presentando a Miles
Presentando a Miles
Evolution - Hacking Innovation Roofcamp Philippines
Evolution - Hacking Innovation Roofcamp Philippines
Tsp350
Tsp350
Position paper
Position paper
Http 2: Should I care?
Http 2: Should I care?
"Prototype Everything" at The conference(19/Aug/2014,Malmo,Sweden) by @tks
"Prototype Everything" at The conference(19/Aug/2014,Malmo,Sweden) by @tks
Graphs for portfolio
Graphs for portfolio
Toekomst van zonne-energiesystemen
Toekomst van zonne-energiesystemen
Zelfstandig ondernemen in franchiseformule
Zelfstandig ondernemen in franchiseformule
Session1 part2
Session1 part2
Globalinvacom
Globalinvacom
Similar to Mobile site design best practices
mobile browsers.pptx
mobile browsers.pptx
Mohitjoshi305593
MobileWebAppsDesign
MobileWebAppsDesign
mobileappsdesign
Mobile First by Sparks Grove
Mobile First by Sparks Grove
Brooke Novak
Topic14 essay
Topic14 essay
lsgi4321
Mobile Website Optimization
Mobile Website Optimization
hebsyesh
Mobile web marketing - eSalesData
Mobile web marketing - eSalesData
eSalesData
7 tips for creating user friendly mobile content
7 tips for creating user friendly mobile content
Zemanta
Build Mobile Websites | How to make a Mobile Website | Creating Mobile Websites
Build Mobile Websites | How to make a Mobile Website | Creating Mobile Websites
ClickTecs
Mobile browser testing v1.0
Mobile browser testing v1.0
Ravindran Antonysamy
Are Mobile Apps Just a Fad?
Are Mobile Apps Just a Fad?
Reet Singh
Mobile and Tablet Design for Business
Mobile and Tablet Design for Business
Francis Ibikunle
Responsive Web Design vs Mobile Web App
Responsive Web Design vs Mobile Web App
Pamela Ireri
Mobile and Tablet Design for Business
Mobile and Tablet Design for Business
Francis Ibikunle
Tincan - Mobile Elephant
Tincan - Mobile Elephant
Ben Holliday
Mobile Web vs. Native apps
Mobile Web vs. Native apps
SoDA Speaks
Johnson stephanie mobile_presentation
Johnson stephanie mobile_presentation
Stephanie Johnson
Introduction to mobile site
Introduction to mobile site
Digital Shende
Presentation1
Presentation1
csimmons44
Mobile seminar-worksheet
Mobile seminar-worksheet
waldenponddesign
Best Practices - Hybrid App Implementation V 03
Best Practices - Hybrid App Implementation V 03
Kam Rezvani
Similar to Mobile site design best practices
(20)
mobile browsers.pptx
mobile browsers.pptx
MobileWebAppsDesign
MobileWebAppsDesign
Mobile First by Sparks Grove
Mobile First by Sparks Grove
Topic14 essay
Topic14 essay
Mobile Website Optimization
Mobile Website Optimization
Mobile web marketing - eSalesData
Mobile web marketing - eSalesData
7 tips for creating user friendly mobile content
7 tips for creating user friendly mobile content
Build Mobile Websites | How to make a Mobile Website | Creating Mobile Websites
Build Mobile Websites | How to make a Mobile Website | Creating Mobile Websites
Mobile browser testing v1.0
Mobile browser testing v1.0
Are Mobile Apps Just a Fad?
Are Mobile Apps Just a Fad?
Mobile and Tablet Design for Business
Mobile and Tablet Design for Business
Responsive Web Design vs Mobile Web App
Responsive Web Design vs Mobile Web App
Mobile and Tablet Design for Business
Mobile and Tablet Design for Business
Tincan - Mobile Elephant
Tincan - Mobile Elephant
Mobile Web vs. Native apps
Mobile Web vs. Native apps
Johnson stephanie mobile_presentation
Johnson stephanie mobile_presentation
Introduction to mobile site
Introduction to mobile site
Presentation1
Presentation1
Mobile seminar-worksheet
Mobile seminar-worksheet
Best Practices - Hybrid App Implementation V 03
Best Practices - Hybrid App Implementation V 03
Recently uploaded
Case Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, Pune
LukeKholes
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Call Girls in Nagpur High Profile
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
amitlee9823
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
anilsa9823
infant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptx
suhanimunjal27
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
Delhi Call girls
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
janettecruzeiro1
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
Peaches App development presentation deck
Peaches App development presentation deck
tbatkhuu1
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
ranjana rawat
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
RitikaRoy32
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
BarusRa
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
kumaririma588
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
9953056974 Low Rate Call Girls In Saket, Delhi NCR
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
9953056974 Low Rate Call Girls In Saket, Delhi NCR
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
Call Girls in Nagpur High Profile
DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptx
mirandajeremy200221
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptx
jeswinjees
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
tbatkhuu1
Recently uploaded
(20)
Case Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, Pune
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
infant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptx
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Peaches App development presentation deck
Peaches App development presentation deck
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptx
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptx
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
Mobile site design best practices
1.
Mobile Best Practices Design,
Device & Regional Considerations September 8, 2010
2.
MOBILE DESIGN CONSIDERATIONS 1.
Minimize gratuitous imagery or advertisements Many mobile users have limited data plans so reducing the page weight typically result in faster downloads (and lower bills). 2. Accommodate for multiple user navigation preferences Some users prefer browsing, others prefer searching. Accommodate for both use cases. 3. Create custom apps for customized transactional scenarios, rather than for informational content Transactional applications that require user authentication and custom data can benefit from custom platform-based apps. 4. Do not use Flash Mobile platforms (even the most recent smart phones) have trouble displaying Flash. Native browsers on the iPhone and Android do not support Flash. 5. Accommodate for common target URL variations Ensure access on “m.sitename.com” & “www.sitename.mobi” September 8, 2010 © Ayantek, LLC Confidential 2
3.
MOBILE DESIGN CONSIDERATIONS 6.
Ensure prominent Home and Back links on all pages Phones may not have these easy-navigation buttons, so it can be important to provide these standard functions on your mobile pages 7. Utilize site branding (e.g. logo) but keep it minimal Brand elements help users maintain site context 8. Provide link to allow users to browse the full HTML site Some users (especially Smart phone users) choose to start their experience on the mobile site and then switch over to the full site. 9. Customize the layout to the needs of your users News sites were among the early adopters of the mobile platform. Layouts and content considerations typically used by news sites may not necessarily carry over to your site audience. 10. Limiting choices Given the limited screen real-estate, users benefit by having a small set of discrete selections on each screen. September 8, 2010 © Ayantek, LLC Confidential 3
4.
MOBILE DESIGN CONSIDERATIONS 11.
Maintain a site depth of about 4 – 6 levels Users tend to lose context and become concerned about losing anchor. 12. Accommodate larger fonts and spacing between links Although screen real-estate is limited, having links close to each other might result in users selecting the wrong link. Provide users with the ability to increase font sizes without breaking the layout. 13. Designing for different screen sizes Given the variance in screen real-estate and resolution, pages designed for a low-end phone may render poorly on a high-end smart phone and be difficult to use, requiring the user to zoom in to view the page contents. 14. Designing for the right device Feature Phones (e.g. Moto RAZR), Smart Phones (e.g. DROID), PDA (e.g. Pocket PC), and Voice only phones have different capabilities. September 8, 2010 © Ayantek, LLC Confidential 4
5.
REGIONAL CONSIDERATIONS 15. Accommodate
for regional usage patterns The BRIC economies use mobile devices differently than developed economies. This is partly because of the existence of better mobile infrastructure than internet & broadband infrastructure. September 8, 2010 © Ayantek, LLC Confidential 5
6.
COMPARISON OF CHINA
AND US USER • Usage patterns for the average Chinese user is different than for their US counterparts. September 8, 2010 © Ayantek, LLC Confidential 6
7.
COMPARISON OF CHINA
AND US USER September 8, 2010 © Ayantek, LLC Confidential 7
8.
M.BOSTON.COM: A CASE-STUDY
Clean design with minimal branding Ability to increase font sizes Search and navigation controls are both available Clear hierarchy of content: Important content is displayed at the top with easy navigational paths for other content. Mobile site has link to full site Adequate spacing between links makes it easy to select them on a touch-screen smartphone. Imagery and advertisements are well-aligned with the page content and not distracting. September 8, 2010 © Ayantek, LLC Confidential 8
9.
THANK YOU! September 8,
2010