SlideShare a Scribd company logo
1 of 8
Download to read offline
Best	
  Prac*ces	
  for	
  Mobile	
  
             Sites	
  



                        L.	
  Ravi	
  Kiran	
  
Intro	
  
Best	
  prac*ces	
  
References	
  
Introduc*on	
  
Being	
  developer	
  we	
  intend	
  to	
  provide	
  wow	
  features	
  and	
  more	
  
flexibili*es	
  to	
  user,	
  which	
  some*mes	
  become	
  too	
  much	
  and	
  not	
  
needed	
  at	
  all.	
  
	
  
	
  
This	
  is	
  more	
  crucial	
  when	
  we	
  develop	
  site	
  for	
  mobile	
  users.	
  So	
  
thought	
  to	
  list	
  out	
  some	
  of	
  best	
  prac*ces	
  for	
  mobile	
  site	
  
development.	
  
	
  
	
  
	
  
Keep	
  site	
  simple	
  
Priori*ze	
  Content	
  
Focus	
  on	
  conversion	
  
Take	
  advantage	
  of	
  mobile	
  features	
  
Think	
  “Tap-­‐able”	
  not	
  “Clickable”	
  
Naviga*on	
  –	
  go	
  ver*cal	
  
Minimize	
  scrolling	
  
FormaMng	
  content:	
  Be	
  concise	
  
Focus	
  on	
  simple	
  usability	
  
Beware	
  of	
  Proprietary	
  technologies	
  
Page	
  size	
  maPers	
  
Crunch	
  those	
  images	
  
Use	
  HTML5	
  wherever	
  possible	
  
URL	
  structure	
  
Redirec*ng	
  user	
  to	
  mobile	
  site	
  –	
  let	
  user	
  choose	
  
Test	
  your	
  mobile	
  site	
  
Q/A	
  
References	
  

hPp://velocityconf.com/velocity2011/public/
schedule/detail/19976	
  
hPp://www.stevesouders.com/	
  
hPp://www.webpagetest.org/	
  
hPp://mobitest.akamai.com/	
  

More Related Content

What's hot

A Complete Guide to Testing Responsive Websites
A Complete Guide to Testing Responsive WebsitesA Complete Guide to Testing Responsive Websites
A Complete Guide to Testing Responsive WebsitesPerfecto by Perforce
 
Progressive web apps - prepare your web for 2017 (Devfest Ukraine 2016)
Progressive web apps - prepare your web for 2017 (Devfest Ukraine 2016)Progressive web apps - prepare your web for 2017 (Devfest Ukraine 2016)
Progressive web apps - prepare your web for 2017 (Devfest Ukraine 2016)jskvara
 
Why Progressive Web App is what you need for your Business
Why Progressive Web App is what you need for your BusinessWhy Progressive Web App is what you need for your Business
Why Progressive Web App is what you need for your BusinessLets Grow Business
 
Progressive web apps prepare your web for 2017 (GDG ČVUT Prague 20.11.2016)
Progressive web apps   prepare your web for 2017 (GDG ČVUT Prague 20.11.2016)Progressive web apps   prepare your web for 2017 (GDG ČVUT Prague 20.11.2016)
Progressive web apps prepare your web for 2017 (GDG ČVUT Prague 20.11.2016)jskvara
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web AppsOptis
 
Progressive Web Apps – The Future of the Web World
Progressive Web Apps – The Future of the Web WorldProgressive Web Apps – The Future of the Web World
Progressive Web Apps – The Future of the Web WorldSystango
 
Whats New in Uniface 9.7 Infographic
Whats New in Uniface 9.7 InfographicWhats New in Uniface 9.7 Infographic
Whats New in Uniface 9.7 InfographicUniface
 
An introduction to Progressive Web Apps
An introduction to Progressive Web AppsAn introduction to Progressive Web Apps
An introduction to Progressive Web AppsKevin Farrugia
 
Testing Responsive Webdesign
Testing Responsive WebdesignTesting Responsive Webdesign
Testing Responsive WebdesignSven Wolfermann
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web AppVinci Rufus
 
Accelerated Mobile Pages - WordCamp Kansas City
Accelerated Mobile Pages - WordCamp Kansas CityAccelerated Mobile Pages - WordCamp Kansas City
Accelerated Mobile Pages - WordCamp Kansas CityJeremy Green
 
From AMP to PWA
From AMP to PWAFrom AMP to PWA
From AMP to PWAIdo Green
 
Progressive Web Apps / GDG DevFest - Season 2016
Progressive Web Apps / GDG DevFest - Season 2016Progressive Web Apps / GDG DevFest - Season 2016
Progressive Web Apps / GDG DevFest - Season 2016Abdelrahman Omran
 

What's hot (19)

A Complete Guide to Testing Responsive Websites
A Complete Guide to Testing Responsive WebsitesA Complete Guide to Testing Responsive Websites
A Complete Guide to Testing Responsive Websites
 
Progressive web apps - prepare your web for 2017 (Devfest Ukraine 2016)
Progressive web apps - prepare your web for 2017 (Devfest Ukraine 2016)Progressive web apps - prepare your web for 2017 (Devfest Ukraine 2016)
Progressive web apps - prepare your web for 2017 (Devfest Ukraine 2016)
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
 
Why Progressive Web App is what you need for your Business
Why Progressive Web App is what you need for your BusinessWhy Progressive Web App is what you need for your Business
Why Progressive Web App is what you need for your Business
 
Progressive web apps prepare your web for 2017 (GDG ČVUT Prague 20.11.2016)
Progressive web apps   prepare your web for 2017 (GDG ČVUT Prague 20.11.2016)Progressive web apps   prepare your web for 2017 (GDG ČVUT Prague 20.11.2016)
Progressive web apps prepare your web for 2017 (GDG ČVUT Prague 20.11.2016)
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
Progressive Web Apps – The Future of the Web World
Progressive Web Apps – The Future of the Web WorldProgressive Web Apps – The Future of the Web World
Progressive Web Apps – The Future of the Web World
 
Whats New in Uniface 9.7 Infographic
Whats New in Uniface 9.7 InfographicWhats New in Uniface 9.7 Infographic
Whats New in Uniface 9.7 Infographic
 
An introduction to Progressive Web Apps
An introduction to Progressive Web AppsAn introduction to Progressive Web Apps
An introduction to Progressive Web Apps
 
Testing Responsive Webdesign
Testing Responsive WebdesignTesting Responsive Webdesign
Testing Responsive Webdesign
 
Pwa.pptx
Pwa.pptxPwa.pptx
Pwa.pptx
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
 
Accelerated Mobile Pages - WordCamp Kansas City
Accelerated Mobile Pages - WordCamp Kansas CityAccelerated Mobile Pages - WordCamp Kansas City
Accelerated Mobile Pages - WordCamp Kansas City
 
From AMP to PWA
From AMP to PWAFrom AMP to PWA
From AMP to PWA
 
Progressive Web-App (PWA)
Progressive Web-App (PWA)Progressive Web-App (PWA)
Progressive Web-App (PWA)
 
Progressive Web Apps / GDG DevFest - Season 2016
Progressive Web Apps / GDG DevFest - Season 2016Progressive Web Apps / GDG DevFest - Season 2016
Progressive Web Apps / GDG DevFest - Season 2016
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 

Viewers also liked

Scott Edmunds talking Bauhina Genome at DIYBIOHK
Scott Edmunds talking Bauhina Genome at DIYBIOHKScott Edmunds talking Bauhina Genome at DIYBIOHK
Scott Edmunds talking Bauhina Genome at DIYBIOHKScott Edmunds
 
Hackathons - learnings, tips and tricks...
Hackathons - learnings, tips and tricks...Hackathons - learnings, tips and tricks...
Hackathons - learnings, tips and tricks...Lasse Chor
 
Network is Important
Network is ImportantNetwork is Important
Network is ImportantLasse Chor
 
Turn 90 Marginal Domain Names into $56,000 Per Month - With Andrew Hazen
Turn 90 Marginal Domain Names into $56,000 Per Month - With Andrew HazenTurn 90 Marginal Domain Names into $56,000 Per Month - With Andrew Hazen
Turn 90 Marginal Domain Names into $56,000 Per Month - With Andrew Hazendomainsherpa
 
EU programs and opportunities: 2013 vs. 2014-2020
EU programs and opportunities: 2013 vs. 2014-2020EU programs and opportunities: 2013 vs. 2014-2020
EU programs and opportunities: 2013 vs. 2014-2020Carlos Ribeiro Medeiros
 
Be hirable! be unique!
Be hirable! be unique!Be hirable! be unique!
Be hirable! be unique!Cris Swaters
 
Danny Sullivan: Domain Names and Search Engine Optimization
Danny Sullivan: Domain Names and Search Engine OptimizationDanny Sullivan: Domain Names and Search Engine Optimization
Danny Sullivan: Domain Names and Search Engine Optimizationdomainsherpa
 
Tokyo at Child Scale
Tokyo at Child ScaleTokyo at Child Scale
Tokyo at Child Scalea-small-lab
 
It's Not Too Late to Hand Register Domains and Build a Million-dollar Busines...
It's Not Too Late to Hand Register Domains and Build a Million-dollar Busines...It's Not Too Late to Hand Register Domains and Build a Million-dollar Busines...
It's Not Too Late to Hand Register Domains and Build a Million-dollar Busines...domainsherpa
 
Is your ultimate goal college education powerpoint
Is your ultimate goal college education powerpointIs your ultimate goal college education powerpoint
Is your ultimate goal college education powerpointNoralyGuerrero
 
Edtc6320 ssanchez project3revised
Edtc6320 ssanchez project3revisedEdtc6320 ssanchez project3revised
Edtc6320 ssanchez project3revisedSally Sanchez
 
メール製品を作って気づいたmailライブラリの光と闇について語る
メール製品を作って気づいたmailライブラリの光と闇について語るメール製品を作って気づいたmailライブラリの光と闇について語る
メール製品を作って気づいたmailライブラリの光と闇について語るMaki Toshio
 
<?php>m doing! (shh, yes you do.)
<?php>m doing! (shh, yes you do.)<?php>m doing! (shh, yes you do.)
<?php>m doing! (shh, yes you do.)Sean Prunka
 

Viewers also liked (20)

Addiction
AddictionAddiction
Addiction
 
Scott Edmunds talking Bauhina Genome at DIYBIOHK
Scott Edmunds talking Bauhina Genome at DIYBIOHKScott Edmunds talking Bauhina Genome at DIYBIOHK
Scott Edmunds talking Bauhina Genome at DIYBIOHK
 
Marisol magaña
Marisol magañaMarisol magaña
Marisol magaña
 
Hackathons - learnings, tips and tricks...
Hackathons - learnings, tips and tricks...Hackathons - learnings, tips and tricks...
Hackathons - learnings, tips and tricks...
 
Syllabus
SyllabusSyllabus
Syllabus
 
Connected Digital Economy Catapult & Oxford 31st jan 2014
Connected Digital Economy Catapult & Oxford 31st jan 2014Connected Digital Economy Catapult & Oxford 31st jan 2014
Connected Digital Economy Catapult & Oxford 31st jan 2014
 
Network is Important
Network is ImportantNetwork is Important
Network is Important
 
Turn 90 Marginal Domain Names into $56,000 Per Month - With Andrew Hazen
Turn 90 Marginal Domain Names into $56,000 Per Month - With Andrew HazenTurn 90 Marginal Domain Names into $56,000 Per Month - With Andrew Hazen
Turn 90 Marginal Domain Names into $56,000 Per Month - With Andrew Hazen
 
EU programs and opportunities: 2013 vs. 2014-2020
EU programs and opportunities: 2013 vs. 2014-2020EU programs and opportunities: 2013 vs. 2014-2020
EU programs and opportunities: 2013 vs. 2014-2020
 
Be hirable! be unique!
Be hirable! be unique!Be hirable! be unique!
Be hirable! be unique!
 
Danny Sullivan: Domain Names and Search Engine Optimization
Danny Sullivan: Domain Names and Search Engine OptimizationDanny Sullivan: Domain Names and Search Engine Optimization
Danny Sullivan: Domain Names and Search Engine Optimization
 
Tokyo at Child Scale
Tokyo at Child ScaleTokyo at Child Scale
Tokyo at Child Scale
 
Governance 2.0 chile
Governance 2.0 chileGovernance 2.0 chile
Governance 2.0 chile
 
Social media summit
Social media summitSocial media summit
Social media summit
 
It's Not Too Late to Hand Register Domains and Build a Million-dollar Busines...
It's Not Too Late to Hand Register Domains and Build a Million-dollar Busines...It's Not Too Late to Hand Register Domains and Build a Million-dollar Busines...
It's Not Too Late to Hand Register Domains and Build a Million-dollar Busines...
 
Is your ultimate goal college education powerpoint
Is your ultimate goal college education powerpointIs your ultimate goal college education powerpoint
Is your ultimate goal college education powerpoint
 
Edtc6320 ssanchez project3revised
Edtc6320 ssanchez project3revisedEdtc6320 ssanchez project3revised
Edtc6320 ssanchez project3revised
 
メール製品を作って気づいたmailライブラリの光と闇について語る
メール製品を作って気づいたmailライブラリの光と闇について語るメール製品を作って気づいたmailライブラリの光と闇について語る
メール製品を作って気づいたmailライブラリの光と闇について語る
 
Cap10
Cap10Cap10
Cap10
 
<?php>m doing! (shh, yes you do.)
<?php>m doing! (shh, yes you do.)<?php>m doing! (shh, yes you do.)
<?php>m doing! (shh, yes you do.)
 

Similar to Best practices for_mobile_site

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
 
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
 
straight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaperstraight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaperMatthew J. Lane
 
Ecommerce Mini Project / Group Project Coding
Ecommerce Mini Project / Group Project CodingEcommerce Mini Project / Group Project Coding
Ecommerce Mini Project / Group Project CodingHemant Sarthak
 
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
 
Rise of the responsive single page application
Rise of the responsive single page applicationRise of the responsive single page application
Rise of the responsive single page applicationOren Shatken
 
Mobile SEO Considerations
Mobile SEO ConsiderationsMobile SEO Considerations
Mobile SEO ConsiderationsReva McPollom
 
SES Berlin OMCap 2013
SES Berlin OMCap 2013SES Berlin OMCap 2013
SES Berlin OMCap 2013Rachel Pasqua
 
Responsive and Intuitive The Must Haves of Modern Web Development.pdf
Responsive and Intuitive The Must Haves of Modern Web Development.pdfResponsive and Intuitive The Must Haves of Modern Web Development.pdf
Responsive and Intuitive The Must Haves of Modern Web Development.pdfDark Bears
 
5 Simple Actions to Make a Measurable Impact on Your Responsive Site
5 Simple Actions to Make a Measurable Impact on Your Responsive Site5 Simple Actions to Make a Measurable Impact on Your Responsive Site
5 Simple Actions to Make a Measurable Impact on Your Responsive Site5th Finger
 
Embracing mobile: How can we track customer interaction outside of the PC?
Embracing mobile: How can we track customer interaction outside of the PC?Embracing mobile: How can we track customer interaction outside of the PC?
Embracing mobile: How can we track customer interaction outside of the PC?Avanade Nederland
 
IMPACT OF THE GOOGLE CORE WEB VITALS UPDATE ON WEBSITE
IMPACT OF THE GOOGLE CORE WEB VITALS UPDATE ON WEBSITEIMPACT OF THE GOOGLE CORE WEB VITALS UPDATE ON WEBSITE
IMPACT OF THE GOOGLE CORE WEB VITALS UPDATE ON WEBSITEnaveen10102002
 
Jeff cox mobile_presentation
Jeff cox mobile_presentationJeff cox mobile_presentation
Jeff cox mobile_presentationJeff Cox
 
Basic Responsive Theming - Somedutta Ghosh
Basic Responsive Theming - Somedutta GhoshBasic Responsive Theming - Somedutta Ghosh
Basic Responsive Theming - Somedutta GhoshDrupal Camp Delhi
 
Re-imagining How We Design Responsively (Jonathan Fielding)
Re-imagining How We Design Responsively (Jonathan Fielding)Re-imagining How We Design Responsively (Jonathan Fielding)
Re-imagining How We Design Responsively (Jonathan Fielding)Future Insights
 
Responsivedesign 7-3-2012
Responsivedesign 7-3-2012Responsivedesign 7-3-2012
Responsivedesign 7-3-2012Thomas Carney
 
Beyond responsive design - UI for the modern web application
Beyond responsive design - UI for the modern web applicationBeyond responsive design - UI for the modern web application
Beyond responsive design - UI for the modern web applicationPete Smith
 

Similar to Best practices for_mobile_site (20)

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
 
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
 
straight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaperstraight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaper
 
Ecommerce Mini Project / Group Project Coding
Ecommerce Mini Project / Group Project CodingEcommerce Mini Project / Group Project Coding
Ecommerce Mini Project / Group Project Coding
 
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
 
Rise of the responsive single page application
Rise of the responsive single page applicationRise of the responsive single page application
Rise of the responsive single page application
 
Mobile SEO Considerations
Mobile SEO ConsiderationsMobile SEO Considerations
Mobile SEO Considerations
 
SES Berlin OMCap 2013
SES Berlin OMCap 2013SES Berlin OMCap 2013
SES Berlin OMCap 2013
 
Responsive and Intuitive The Must Haves of Modern Web Development.pdf
Responsive and Intuitive The Must Haves of Modern Web Development.pdfResponsive and Intuitive The Must Haves of Modern Web Development.pdf
Responsive and Intuitive The Must Haves of Modern Web Development.pdf
 
5 Simple Actions to Make a Measurable Impact on Your Responsive Site
5 Simple Actions to Make a Measurable Impact on Your Responsive Site5 Simple Actions to Make a Measurable Impact on Your Responsive Site
5 Simple Actions to Make a Measurable Impact on Your Responsive Site
 
Embracing mobile: How can we track customer interaction outside of the PC?
Embracing mobile: How can we track customer interaction outside of the PC?Embracing mobile: How can we track customer interaction outside of the PC?
Embracing mobile: How can we track customer interaction outside of the PC?
 
IMPACT OF THE GOOGLE CORE WEB VITALS UPDATE ON WEBSITE
IMPACT OF THE GOOGLE CORE WEB VITALS UPDATE ON WEBSITEIMPACT OF THE GOOGLE CORE WEB VITALS UPDATE ON WEBSITE
IMPACT OF THE GOOGLE CORE WEB VITALS UPDATE ON WEBSITE
 
Jeff cox mobile_presentation
Jeff cox mobile_presentationJeff cox mobile_presentation
Jeff cox mobile_presentation
 
Checklist for progressive web app development
Checklist for progressive web app developmentChecklist for progressive web app development
Checklist for progressive web app development
 
Basic Responsive Theming - Somedutta Ghosh
Basic Responsive Theming - Somedutta GhoshBasic Responsive Theming - Somedutta Ghosh
Basic Responsive Theming - Somedutta Ghosh
 
Re-imagining How We Design Responsively (Jonathan Fielding)
Re-imagining How We Design Responsively (Jonathan Fielding)Re-imagining How We Design Responsively (Jonathan Fielding)
Re-imagining How We Design Responsively (Jonathan Fielding)
 
Responsivedesign 7-3-2012
Responsivedesign 7-3-2012Responsivedesign 7-3-2012
Responsivedesign 7-3-2012
 
Mkt460 Week3
Mkt460 Week3Mkt460 Week3
Mkt460 Week3
 
Beyond responsive design - UI for the modern web application
Beyond responsive design - UI for the modern web applicationBeyond responsive design - UI for the modern web application
Beyond responsive design - UI for the modern web application
 

Best practices for_mobile_site