Soumettre la recherche
Mettre en ligne
Mobile Design Best Practices
•
3 j'aime
•
557 vues
Titre amélioré par l'IA
Ayantek LLC
Suivre
Best Practices for designing Mobile web sites
Lire moins
Lire la suite
Design
Signaler
Partager
Signaler
Partager
1 sur 9
Recommandé
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
Recommandé
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
Contenu connexe
En vedette
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
En vedette
(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
Similaire à Mobile 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
Similaire à Mobile 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
Dernier
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
208367051
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
ttt fff
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
yuj
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
ssuser7cb4ff
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
208367051
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
uasjlagroup
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
CristobalHeraud
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
Shivakumar Viswanathan
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
F La
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdf
Sumit Lathwal
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
Rishabh Aryan
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
mapanig881
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
Rndexperts
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
jennyeacort
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
AayushChavan5
How to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our Site
galleryaagency
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作
7tz4rjpd
shot list for my tv series two steps back
shot list for my tv series two steps back
17lcow074
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
yuu sss
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
A SSS
Dernier
(20)
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdf
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
How to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our Site
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作
shot list for my tv series two steps back
shot list for my tv series two steps back
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
Mobile 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