SlideShare a Scribd company logo
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 Websites
Perfecto 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
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
Techved Consulting
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
Abhishek Sharma
 
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
Lets 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 Apps
Optis
 
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
Systango
 
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
Uniface
 
An introduction to Progressive Web Apps
An introduction to Progressive Web AppsAn introduction to Progressive Web Apps
An introduction to Progressive Web Apps
Kevin Farrugia
 
Testing Responsive Webdesign
Testing Responsive WebdesignTesting Responsive Webdesign
Testing Responsive Webdesign
Sven Wolfermann
 
Pwa.pptx
Pwa.pptxPwa.pptx
Pwa.pptx
Harish Karthick
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
Vinci Rufus
 
Accelerated Mobile Pages - WordCamp Kansas City
Accelerated Mobile Pages - WordCamp Kansas CityAccelerated Mobile Pages - WordCamp Kansas City
Accelerated Mobile Pages - WordCamp Kansas City
Jeremy Green
 
From AMP to PWA
From AMP to PWAFrom AMP to PWA
From AMP to PWA
Ido Green
 
Progressive Web-App (PWA)
Progressive Web-App (PWA)Progressive Web-App (PWA)
Progressive Web-App (PWA)
NexThoughts Technologies
 
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
Abdelrahman Omran
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
Saleh Rahimzadeh
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
Alexandre Tarifa
 

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

Addiction
AddictionAddiction
Addiction
Robert Jensen
 
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
Scott Edmunds
 
Hackathons - learnings, tips and tricks...
Hackathons - learnings, tips and tricks...Hackathons - learnings, tips and tricks...
Hackathons - learnings, tips and tricks...
Lasse Chor
 
Syllabus
SyllabusSyllabus
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
Oxford Martin Centre, OII, and Computer Science at the University of Oxford
 
Network is Important
Network is ImportantNetwork is Important
Network is Important
Lasse 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 Hazen
domainsherpa
 
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
Carlos 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 Optimization
domainsherpa
 
Tokyo at Child Scale
Tokyo at Child ScaleTokyo at Child Scale
Tokyo at Child Scale
a-small-lab
 
Governance 2.0 chile
Governance 2.0 chileGovernance 2.0 chile
Social media summit
Social media summitSocial media summit
Social media summit
Laurie Creasy
 
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 powerpoint
NoralyGuerrero
 
Edtc6320 ssanchez project3revised
Edtc6320 ssanchez project3revisedEdtc6320 ssanchez project3revised
Edtc6320 ssanchez project3revised
Sally 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.docx
kubalesniak93
 
Sn web-whitepaper
Sn web-whitepaperSn web-whitepaper
Sn web-whitepaper
Bri'an Fields
 
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
StraightNorthIM
 
straight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaperstraight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaper
Matthew J. Lane
 
Ecommerce Mini Project / Group Project Coding
Ecommerce Mini Project / Group Project CodingEcommerce Mini Project / Group Project Coding
Ecommerce Mini Project / Group Project Coding
Hemant 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 trends
SynapseIndia
 
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
Oren Shatken
 
Mobile SEO Considerations
Mobile SEO ConsiderationsMobile SEO Considerations
Mobile SEO Considerations
Reva McPollom
 
SES Berlin OMCap 2013
SES Berlin OMCap 2013SES Berlin OMCap 2013
SES Berlin OMCap 2013
Rachel 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.pdf
Dark 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 Site
5th 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 WEBSITE
naveen10102002
 
Jeff cox mobile_presentation
Jeff cox mobile_presentationJeff cox mobile_presentation
Jeff cox mobile_presentation
Jeff Cox
 
Checklist for progressive web app development
Checklist for progressive web app developmentChecklist for progressive web app development
Checklist for progressive web app development
WebGuru Infosystems Pvt. Ltd.
 
Basic Responsive Theming - Somedutta Ghosh
Basic Responsive Theming - Somedutta GhoshBasic Responsive Theming - Somedutta Ghosh
Basic Responsive Theming - Somedutta Ghosh
Drupal 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-2012
Thomas Carney
 
Mkt460 Week3
Mkt460 Week3Mkt460 Week3
Mkt460 Week3
Michael Germano
 
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
Pete 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