SlideShare uma empresa Scribd logo
1 de 23
10 Things Mobile Sites are Different from Full Web Sites Shanshan Ma @shanshanma 8/9/2011
1. Content Prioritization & Hierarchy In comparison to desktop Web sites, which usually contain a wide range of content and information, mobile sites usually include only the most crucial and time- and location-specific functions and features.
Example: orbitz.com
2. Vertical Navigation & Horizontal Navigation On desktop Web sites, horizontal navigation at the top of a page is a widely accepted way of structuring and presenting a site’s content. However, vertical navigation replaces horizontal navigation on more than 90% of the mobile sites we analyzed.
Example: urbanoutfitters.com
3. Bars, Tabs & Hypertexts Hypertext is the signature component of the Internet and the Web. However, on mobile sites, there are few or no hypertexts on pages.
Example: kayak.com
4. Text & Graphics On desktop Web sites, designers use graphics for many different purposes, including promoting, marketing, and navigating. Mobile sites avoid using promotional and marketing graphics and use minimal graphics for navigation.
Example: dell.com
5. Contextual & Global Navigation Various types of navigation are available on desktop Web sites. Some are global, so are consistent across a site, while others are contextual and change depending on where users are on a site. In contrast, while most mobile sites have global navigation, contextual navigation is rare on mobile sites.
Example: bestbuy.com
6. Footers On desktop Web sites, footers typically provide either links to content users might expect to see on a site’s home page or quick links that are available across a site to provide access to content users often need. Mobile sites employ a minimal form of the first type of footer, but they do not use footers containing quick links.
Example: dell.com
7. Breadcrumbs On desktop Web sites, breadcrumbs reassure users that they are on the right page and let them backtrack on their navigational path. Breadcrumbs are rare on mobiles sites and really aren’t necessary, because of the relatively flat structure of mobile sites.
Example: amazon.com
8. Progress Indicator Process funnels on desktop Web sites frequently use a progress indicator at the top of each page to guide users through the process. Such progress indicators do not appear on mobile sites.
Example: amazon.com
9. Integration with Phone Functions Such as Direct Calling and Text Messaging Mobile sites offer better integration with phone functions—and present marketing opportunities such as facilitating direct orders by phone or sending promotional text messages.
Example: bestbuy.com
10. Localized & Personalized Search Mobile sites can take advantage of technology that automatically detects where users are to present local search results. When users set up their preferences or profile, personalized search results become even more relevant and valuable to them.
Example: kayak.com
About me: @shanshanma: user experience designer
Thank you!

Mais conteúdo relacionado

Destaque

Profil CH training & motivation
Profil CH training & motivation Profil CH training & motivation
Profil CH training & motivation Chori Hakiki
 
Skripsi bab Metodologi penelitian
Skripsi  bab Metodologi penelitian Skripsi  bab Metodologi penelitian
Skripsi bab Metodologi penelitian Chori Hakiki
 
Golden Business Opportunity
Golden Business OpportunityGolden Business Opportunity
Golden Business OpportunityChori Hakiki
 
Creating Cultural Agility -The Impact study
Creating Cultural Agility -The Impact study Creating Cultural Agility -The Impact study
Creating Cultural Agility -The Impact study Diversity Best Practices
 
Get solar panels at home and save money
Get solar panels at home and save moneyGet solar panels at home and save money
Get solar panels at home and save moneyCharlesSolarman
 
UX design & redesign
UX design & redesignUX design & redesign
UX design & redesignShanshan Ma
 
Go green with the quick diy solar panels at home
Go green with the quick diy solar panels at homeGo green with the quick diy solar panels at home
Go green with the quick diy solar panels at homeCharlesSolarman
 
Company profile CH training
Company profile CH training Company profile CH training
Company profile CH training Chori Hakiki
 
How to Create an Inclusive Advantage: Embedding Cultural Inclusion
How to Create an Inclusive Advantage: Embedding Cultural InclusionHow to Create an Inclusive Advantage: Embedding Cultural Inclusion
How to Create an Inclusive Advantage: Embedding Cultural InclusionDiversity Best Practices
 

Destaque (12)

Profil CH training & motivation
Profil CH training & motivation Profil CH training & motivation
Profil CH training & motivation
 
Iss
IssIss
Iss
 
Skripsi bab Metodologi penelitian
Skripsi  bab Metodologi penelitian Skripsi  bab Metodologi penelitian
Skripsi bab Metodologi penelitian
 
Golden Business Opportunity
Golden Business OpportunityGolden Business Opportunity
Golden Business Opportunity
 
Creating Cultural Agility -The Impact study
Creating Cultural Agility -The Impact study Creating Cultural Agility -The Impact study
Creating Cultural Agility -The Impact study
 
Get solar panels at home and save money
Get solar panels at home and save moneyGet solar panels at home and save money
Get solar panels at home and save money
 
UX design & redesign
UX design & redesignUX design & redesign
UX design & redesign
 
Go green with the quick diy solar panels at home
Go green with the quick diy solar panels at homeGo green with the quick diy solar panels at home
Go green with the quick diy solar panels at home
 
Company profile CH training
Company profile CH training Company profile CH training
Company profile CH training
 
Autonoom
AutonoomAutonoom
Autonoom
 
Unit 1 sony subsidiaries
Unit 1 sony subsidiariesUnit 1 sony subsidiaries
Unit 1 sony subsidiaries
 
How to Create an Inclusive Advantage: Embedding Cultural Inclusion
How to Create an Inclusive Advantage: Embedding Cultural InclusionHow to Create an Inclusive Advantage: Embedding Cultural Inclusion
How to Create an Inclusive Advantage: Embedding Cultural Inclusion
 

Semelhante a 10 things mobile sites are different from full web sites

Shamit Khemka describes Top 5 web designing trends
Shamit Khemka describes Top 5 web designing trendsShamit Khemka describes Top 5 web designing trends
Shamit Khemka describes Top 5 web designing trendsSynapseIndia
 
Mobile web marketing - eSalesData
Mobile web marketing - eSalesDataMobile web marketing - eSalesData
Mobile web marketing - eSalesDataeSalesData
 
17 Essential Elements of Web Design | FODUU
17 Essential Elements of Web Design | FODUU17 Essential Elements of Web Design | FODUU
17 Essential Elements of Web Design | FODUUAnuj Kumar Singh
 
SurfOpen Diary Study & Customer Insights
SurfOpen Diary Study & Customer InsightsSurfOpen Diary Study & Customer Insights
SurfOpen Diary Study & Customer InsightsMartin Sandström
 
Mobile usability for emerging markets
Mobile usability for emerging marketsMobile usability for emerging markets
Mobile usability for emerging marketsHelga Stegmann
 
Making The Most of Mobile
Making The Most of MobileMaking The Most of Mobile
Making The Most of Mobileguestca744f
 
Design proposal final
Design proposal finalDesign proposal final
Design proposal finalvirtzZz
 
SES Berlin OMCap 2013
SES Berlin OMCap 2013SES Berlin OMCap 2013
SES Berlin OMCap 2013Rachel Pasqua
 
The Death of the Desktop: The Future For Mobile SEO
The Death of the Desktop: The Future For Mobile SEOThe Death of the Desktop: The Future For Mobile SEO
The Death of the Desktop: The Future For Mobile SEORegan McGregor
 
Responsive Web Design vs Mobile Web App
Responsive Web Design vs Mobile Web AppResponsive Web Design vs Mobile Web App
Responsive Web Design vs Mobile Web AppPamela Ireri
 
Web In Extreme Environment: Beyond Cross Browsing
Web In Extreme Environment: Beyond Cross BrowsingWeb In Extreme Environment: Beyond Cross Browsing
Web In Extreme Environment: Beyond Cross BrowsingGreg SHIN
 
Ppt on Website Planning
Ppt on Website PlanningPpt on Website Planning
Ppt on Website PlanningOm Prakash
 
Mobilegeddon Is Coming!
Mobilegeddon Is Coming!Mobilegeddon Is Coming!
Mobilegeddon Is Coming!Bhoomi Patel
 
Unveiling Mobile Mastery Crafting Seamless User Experiences.docx
Unveiling Mobile Mastery Crafting Seamless User Experiences.docxUnveiling Mobile Mastery Crafting Seamless User Experiences.docx
Unveiling Mobile Mastery Crafting Seamless User Experiences.docxkubalesniak93
 
Mobile and Tablet Design for Business
Mobile and Tablet Design for BusinessMobile and Tablet Design for Business
Mobile and Tablet Design for BusinessFrancis Ibikunle
 
How To Build A High Performance Lead Generation Website
How To Build A High Performance  Lead Generation WebsiteHow To Build A High Performance  Lead Generation Website
How To Build A High Performance Lead Generation WebsiteStraightNorthIM
 

Semelhante a 10 things mobile sites are different from full web sites (20)

Mobile seo
Mobile seoMobile seo
Mobile seo
 
Shamit Khemka describes Top 5 web designing trends
Shamit Khemka describes Top 5 web designing trendsShamit Khemka describes Top 5 web designing trends
Shamit Khemka describes Top 5 web designing trends
 
Mobile web marketing - eSalesData
Mobile web marketing - eSalesDataMobile web marketing - eSalesData
Mobile web marketing - eSalesData
 
17 Essential Elements of Web Design | FODUU
17 Essential Elements of Web Design | FODUU17 Essential Elements of Web Design | FODUU
17 Essential Elements of Web Design | FODUU
 
SurfOpen Diary Study & Customer Insights
SurfOpen Diary Study & Customer InsightsSurfOpen Diary Study & Customer Insights
SurfOpen Diary Study & Customer Insights
 
Mobile usability for emerging markets
Mobile usability for emerging marketsMobile usability for emerging markets
Mobile usability for emerging markets
 
Making The Most of Mobile
Making The Most of MobileMaking The Most of Mobile
Making The Most of Mobile
 
15 Point Checklist For An Accessible Research Website
15 Point Checklist For An Accessible Research Website15 Point Checklist For An Accessible Research Website
15 Point Checklist For An Accessible Research Website
 
Design proposal final
Design proposal finalDesign proposal final
Design proposal final
 
SES Berlin OMCap 2013
SES Berlin OMCap 2013SES Berlin OMCap 2013
SES Berlin OMCap 2013
 
The Death of the Desktop: The Future For Mobile SEO
The Death of the Desktop: The Future For Mobile SEOThe Death of the Desktop: The Future For Mobile SEO
The Death of the Desktop: The Future For Mobile SEO
 
Responsive Web Design vs Mobile Web App
Responsive Web Design vs Mobile Web AppResponsive Web Design vs Mobile Web App
Responsive Web Design vs Mobile Web App
 
Web In Extreme Environment: Beyond Cross Browsing
Web In Extreme Environment: Beyond Cross BrowsingWeb In Extreme Environment: Beyond Cross Browsing
Web In Extreme Environment: Beyond Cross Browsing
 
Ppt on Website Planning
Ppt on Website PlanningPpt on Website Planning
Ppt on Website Planning
 
Mobile seo
Mobile seoMobile seo
Mobile seo
 
Mobilegeddon Is Coming!
Mobilegeddon Is Coming!Mobilegeddon Is Coming!
Mobilegeddon Is Coming!
 
Unveiling Mobile Mastery Crafting Seamless User Experiences.docx
Unveiling Mobile Mastery Crafting Seamless User Experiences.docxUnveiling Mobile Mastery Crafting Seamless User Experiences.docx
Unveiling Mobile Mastery Crafting Seamless User Experiences.docx
 
Mobile and Tablet Design for Business
Mobile and Tablet Design for BusinessMobile and Tablet Design for Business
Mobile and Tablet Design for Business
 
Sn web-whitepaper
Sn web-whitepaperSn web-whitepaper
Sn web-whitepaper
 
How To Build A High Performance Lead Generation Website
How To Build A High Performance  Lead Generation WebsiteHow To Build A High Performance  Lead Generation Website
How To Build A High Performance Lead Generation Website
 

Último

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Servicegiselly40
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slidevu2urc
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)Gabriella Davis
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherRemote DBA Services
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1
 

Último (20)

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 

10 things mobile sites are different from full web sites

  • 1. 10 Things Mobile Sites are Different from Full Web Sites Shanshan Ma @shanshanma 8/9/2011
  • 2. 1. Content Prioritization & Hierarchy In comparison to desktop Web sites, which usually contain a wide range of content and information, mobile sites usually include only the most crucial and time- and location-specific functions and features.
  • 4. 2. Vertical Navigation & Horizontal Navigation On desktop Web sites, horizontal navigation at the top of a page is a widely accepted way of structuring and presenting a site’s content. However, vertical navigation replaces horizontal navigation on more than 90% of the mobile sites we analyzed.
  • 6. 3. Bars, Tabs & Hypertexts Hypertext is the signature component of the Internet and the Web. However, on mobile sites, there are few or no hypertexts on pages.
  • 8. 4. Text & Graphics On desktop Web sites, designers use graphics for many different purposes, including promoting, marketing, and navigating. Mobile sites avoid using promotional and marketing graphics and use minimal graphics for navigation.
  • 10. 5. Contextual & Global Navigation Various types of navigation are available on desktop Web sites. Some are global, so are consistent across a site, while others are contextual and change depending on where users are on a site. In contrast, while most mobile sites have global navigation, contextual navigation is rare on mobile sites.
  • 12. 6. Footers On desktop Web sites, footers typically provide either links to content users might expect to see on a site’s home page or quick links that are available across a site to provide access to content users often need. Mobile sites employ a minimal form of the first type of footer, but they do not use footers containing quick links.
  • 14. 7. Breadcrumbs On desktop Web sites, breadcrumbs reassure users that they are on the right page and let them backtrack on their navigational path. Breadcrumbs are rare on mobiles sites and really aren’t necessary, because of the relatively flat structure of mobile sites.
  • 16. 8. Progress Indicator Process funnels on desktop Web sites frequently use a progress indicator at the top of each page to guide users through the process. Such progress indicators do not appear on mobile sites.
  • 18. 9. Integration with Phone Functions Such as Direct Calling and Text Messaging Mobile sites offer better integration with phone functions—and present marketing opportunities such as facilitating direct orders by phone or sending promotional text messages.
  • 20. 10. Localized & Personalized Search Mobile sites can take advantage of technology that automatically detects where users are to present local search results. When users set up their preferences or profile, personalized search results become even more relevant and valuable to them.
  • 22. About me: @shanshanma: user experience designer