SlideShare a Scribd company logo
1 of 12
Download to read offline
Website Design for Mobile
Devices
Ryne Dickens
Sunday, March 30, 14
Do	
  you	
  want	
  your	
  website	
  to	
  
stand	
  out	
  on	
  mobile	
  devices,	
  
but	
  aren’t	
  sure	
  if	
  it	
  is	
  the	
  
right	
  move?
Sunday, March 30, 14
Do	
  you	
  think	
  mobile	
  or	
  tablet	
  
usage	
  isn’t	
  important	
  for	
  
your	
  website	
  or	
  business?
Sunday, March 30, 14
Here	
  is	
  why	
  you	
  should	
  update	
  your	
  site,	
  or	
  
make	
  it	
  better	
  for	
  mobile	
  device	
  access,	
  aside	
  
from	
  it	
  being	
  the	
  fastest	
  growing	
  segment	
  of	
  
the	
  web.	
  I	
  will	
  be	
  showing	
  you	
  a	
  series	
  of	
  
slides,	
  with	
  information	
  and	
  visuals
on	
  comparing	
  desktop	
  and	
  mobile	
  
sites.	
  You	
  will	
  >ind	
  that	
  the	
  process	
  
has	
  somewhat	
  >lipped	
  over	
  the	
  
past	
  few	
  years	
  and	
  you	
  may	
  be	
  
falling	
  behind.
Pic: cnet.com
Sunday, March 30, 14
(http://mashable.com/2011/08/05/mobile-­‐design-­‐priority/)
The	
  game	
  has	
  changed,	
  simple	
  as	
  that.	
  Companies	
  these	
  
days	
  need	
  to	
  focus	
  on	
  mobile	
  >irst	
  instead	
  of	
  mobile	
  
friendly.	
  Desktop	
  or	
  laptop	
  users	
  typically	
  are	
  
multitasking	
  during	
  work.	
  Smartphone	
  users	
  are	
  
transaction-­‐oriented.	
  They	
  do	
  not	
  want	
  to	
  be	
  overloaded	
  
with	
  content	
  while	
  they	
  are	
  trying	
  to	
  achieve	
  a	
  goal.	
  	
  
Typically	
  they	
  have	
  an	
  
objective	
  and	
  leave	
  once	
  
it	
  is	
  completed.	
  In	
  
designing	
  the	
  site	
  for	
  
mobile	
  users,	
  you	
  will	
  
want	
  to	
  use	
  the	
  “less	
  is	
  
more”	
  approach.	
  Simple,	
  
and	
  quick	
  page	
  loads	
  are	
  
essential.	
  
Pic: ohmythatsawesome.com
Sunday, March 30, 14
Here	
  are	
  some	
  quick	
  and	
  easy	
  tips	
  that	
  
can	
  get	
  your	
  site	
  on	
  the	
  right	
  track.
1.	
   Style	
  for	
  mobile	
  –	
  Stick	
  to	
  
relative	
  units.	
  Maintain	
  visual	
  
consistency	
  with	
  the	
  desktop	
  site.	
  
Minimize	
  scrolling	
  and	
  page	
  
transitions.
(http://www.sitepoint.com/7-­‐tips-­‐to-­‐make-­‐your-­‐web-­‐site-­‐mobile-­‐friendly/)
2.	
   Resize	
  your	
  images	
  –	
  small	
  
screens	
  call	
  for	
  small	
  images.	
  A	
  
good	
  strategy	
  is	
  to	
  resize	
  them	
  
on	
  the	
  web	
  server	
  so	
  they	
  take	
  
90%	
  less	
  time	
  to	
  load.
Sunday, March 30, 14
3.	
   Automatically	
  detect	
  mobile	
  devices	
  using	
  
servers	
  and	
  databases	
  to	
  detect	
  what	
  device	
  has	
  
accessed	
  the	
  site.
(http://www.sitepoint.com/7-­‐tips-­‐to-­‐make-­‐your-­‐web-­‐site-­‐mobile-­‐friendly/)
If	
  we	
  use	
  these	
  tips	
  and	
  you	
  will	
  be	
  well	
  on	
  your	
  way.
5.	
   Provide	
  a	
  clear	
  path	
  to	
  your	
  
full	
  site	
  and	
  don’t	
  break	
  any	
  links.
4.	
   Rethink	
  your	
  navigation	
  
to	
  mobile	
  priority	
  content.
Sunday, March 30, 14
This	
  is	
  an	
  example	
  of	
  a	
  website	
  that	
  
does	
  not	
  work	
  very	
  well	
  on	
  the	
  mobile	
  
platform.	
  If	
  you	
  take	
  a	
  look	
  at	
  it	
  you	
  
will	
  see	
  some	
  issues	
  covering	
  topics	
  
we	
  have	
  already	
  saw	
  here.
www.unit.com
Sunday, March 30, 14
This	
  is	
  a	
  website	
  that	
  works	
  extraordinarily	
  
well	
  with	
  the	
  mobile	
  platform.	
  I	
  would	
  
recommend	
  using	
  this	
  site	
  as	
  a	
  guide	
  or	
  at	
  least	
  
a	
  reference	
  to	
  anyone	
  looking	
  to	
  make	
  the	
  step	
  
into	
  the	
  mobile	
  design	
  world.
www.southwest.com
(http://www.creativebloq.com/mobile/mobile-­‐>irst-­‐3117071)
Sunday, March 30, 14
More	
  often	
  than	
  not,	
  the	
  mobile	
  experience	
  for	
  
a	
  web	
  product	
  is	
  designed	
  after	
  the	
  desktop	
  
version.	
  It’s	
  time	
  to	
  reverse	
  that	
  approach	
  and	
  
design	
  for	
  mobile	
  >irst	
  says	
  Luke	
  Wroblewski.	
  
Things	
  have	
  changed	
  so	
  much	
  
over	
  the	
  past	
  few	
  years	
  that	
  
starting	
  with	
  the	
  desktop	
  
design	
  may	
  just	
  be	
  the	
  
backwards	
  way	
  to	
  think.	
  It’s	
  
thought	
  that	
  designing	
  for	
  
mobile	
  >irst	
  could	
  open	
  up	
  
tons	
  of	
  new	
  opportunity	
  for	
  
growth	
  and	
  a	
  better	
  user
experience.	
  Mobile	
  devices	
  are	
  getting	
  used	
  more	
  and	
  
more	
  for	
  many	
  applications	
  and	
  purposes.	
  
(http://www.creativebloq.com/mobile/mobile-­‐>irst-­‐3117071)
Sunday, March 30, 14
Concerned	
  about	
  less	
  screen	
  space?	
  No	
  need	
  for	
  that	
  
either,	
  losing	
  that	
  much	
  screen	
  space	
  from	
  the	
  desktop	
  
to	
  the	
  mobile	
  device	
  forces	
  teams	
  to	
  focus.	
  You	
  just	
  need	
  
to	
  know	
  your	
  customers	
  and	
  your	
  business	
  and	
  focus	
  on	
  
what	
  matters	
  most.	
  Take	
  a	
  look	
  at	
  the	
  expedia.com	
  pics	
  
below	
  showing	
  the	
  mobile	
  vs	
  the	
  desktop.	
  The	
  mobile	
  
version	
  focuses	
  directly	
  on	
  the	
  information	
  you	
  need.
(http://www.creativebloq.com/mobile/mobile-­‐>irst-­‐3117071)
Sunday, March 30, 14
I	
  hope	
  you	
  will	
  consider	
  making	
  an	
  effort	
  to	
  
switch	
  your	
  site	
  to	
  mobile	
  friendly	
  and	
  
operable.	
  I	
  touched	
  on	
  a	
  few	
  advantages	
  here,	
  
but	
  there	
  is	
  so	
  much	
  more	
  to	
  show	
  and	
  learn	
  
about	
  this	
  technology.	
  Mobile	
  design	
  is	
  the	
  
future	
  and	
  is	
  only	
  going	
  to	
  continue	
  to	
  
progress.	
  It	
  has	
  changed	
  drastically	
  over	
  the	
  
past	
  few	
  years	
  as	
  I	
  stated	
  at	
  the	
  beginning	
  and	
  
in	
  a	
  few	
  more	
  years,	
  who	
  knows	
  where	
  it	
  will	
  
be.	
  Will	
  you	
  be	
  up-­‐to-­‐date	
  or	
  will	
  you	
  be	
  left	
  
behind?
Sunday, March 30, 14

More Related Content

Similar to Dickens ryne presentation

2013 ion responsive_design_landingpages
2013 ion responsive_design_landingpages2013 ion responsive_design_landingpages
2013 ion responsive_design_landingpagesChafik YAHOU
 
Mitchell joseph mobile_presentation
Mitchell joseph mobile_presentationMitchell joseph mobile_presentation
Mitchell joseph mobile_presentationmitchj71
 
Responsive Design for Landing Pages
Responsive Design for Landing PagesResponsive Design for Landing Pages
Responsive Design for Landing PagesEvgeny Tsarkov
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshopInova LLC
 
Responsive website
Responsive websiteResponsive website
Responsive websiteborjanshoes
 
What Is Responsive website
What Is Responsive websiteWhat Is Responsive website
What Is Responsive websiteborjanshoes
 
Schuh Responsive Website
Schuh Responsive WebsiteSchuh Responsive Website
Schuh Responsive WebsiteStuart McMillan
 
10 Tips To Drive More Traffic To Your Mobile Site
10 Tips To Drive More Traffic To Your Mobile Site10 Tips To Drive More Traffic To Your Mobile Site
10 Tips To Drive More Traffic To Your Mobile SiteMobyLabs
 
Hernandez nancy mobile_presentation
Hernandez nancy mobile_presentationHernandez nancy mobile_presentation
Hernandez nancy mobile_presentationNancy Hernandez
 
3 Crucial Mobile Website Design Tips Your Tourism Marketing Strategy Needs
3 Crucial Mobile Website Design Tips Your Tourism Marketing Strategy Needs3 Crucial Mobile Website Design Tips Your Tourism Marketing Strategy Needs
3 Crucial Mobile Website Design Tips Your Tourism Marketing Strategy NeedsCasey Moore
 
Bootstrap responsive design
Bootstrap responsive designBootstrap responsive design
Bootstrap responsive designIshtdeep Hora
 
Understanding The Importance Of Responsive Design For Your Websites
Understanding The Importance Of Responsive Design For Your WebsitesUnderstanding The Importance Of Responsive Design For Your Websites
Understanding The Importance Of Responsive Design For Your WebsitesUma_sri
 
Carousel30: Optimizing for the mobile user experience whitepaper
Carousel30: Optimizing for the mobile user experience whitepaperCarousel30: Optimizing for the mobile user experience whitepaper
Carousel30: Optimizing for the mobile user experience whitepaperCarousel30
 
Haley rodney mobile_presentation-2
Haley rodney mobile_presentation-2Haley rodney mobile_presentation-2
Haley rodney mobile_presentation-2internetmarketer77
 
Haley rodney mobile_presentation-1
Haley rodney mobile_presentation-1Haley rodney mobile_presentation-1
Haley rodney mobile_presentation-1internetmarketer77
 
Mobile, UX & the Quest for ROI
Mobile, UX &  the Quest for ROIMobile, UX &  the Quest for ROI
Mobile, UX & the Quest for ROIJon Fox
 
Responsive vs. adaptive vs. device-specific: which one is best?
Responsive vs. adaptive vs. device-specific: which one is best?Responsive vs. adaptive vs. device-specific: which one is best?
Responsive vs. adaptive vs. device-specific: which one is best?Catalyst
 
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
 

Similar to Dickens ryne presentation (20)

Mobile Presentation
Mobile Presentation Mobile Presentation
Mobile Presentation
 
2013 ion responsive_design_landingpages
2013 ion responsive_design_landingpages2013 ion responsive_design_landingpages
2013 ion responsive_design_landingpages
 
Mitchell joseph mobile_presentation
Mitchell joseph mobile_presentationMitchell joseph mobile_presentation
Mitchell joseph mobile_presentation
 
Responsive Design for Landing Pages
Responsive Design for Landing PagesResponsive Design for Landing Pages
Responsive Design for Landing Pages
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
Responsive website
Responsive websiteResponsive website
Responsive website
 
What Is Responsive website
What Is Responsive websiteWhat Is Responsive website
What Is Responsive website
 
Schuh Responsive Website
Schuh Responsive WebsiteSchuh Responsive Website
Schuh Responsive Website
 
10 Tips To Drive More Traffic To Your Mobile Site
10 Tips To Drive More Traffic To Your Mobile Site10 Tips To Drive More Traffic To Your Mobile Site
10 Tips To Drive More Traffic To Your Mobile Site
 
Hernandez nancy mobile_presentation
Hernandez nancy mobile_presentationHernandez nancy mobile_presentation
Hernandez nancy mobile_presentation
 
3 Crucial Mobile Website Design Tips Your Tourism Marketing Strategy Needs
3 Crucial Mobile Website Design Tips Your Tourism Marketing Strategy Needs3 Crucial Mobile Website Design Tips Your Tourism Marketing Strategy Needs
3 Crucial Mobile Website Design Tips Your Tourism Marketing Strategy Needs
 
Bootstrap responsive design
Bootstrap responsive designBootstrap responsive design
Bootstrap responsive design
 
Understanding The Importance Of Responsive Design For Your Websites
Understanding The Importance Of Responsive Design For Your WebsitesUnderstanding The Importance Of Responsive Design For Your Websites
Understanding The Importance Of Responsive Design For Your Websites
 
Carousel30: Optimizing for the mobile user experience whitepaper
Carousel30: Optimizing for the mobile user experience whitepaperCarousel30: Optimizing for the mobile user experience whitepaper
Carousel30: Optimizing for the mobile user experience whitepaper
 
What is Mobile First Design Strategy.pdf
What is Mobile First Design Strategy.pdfWhat is Mobile First Design Strategy.pdf
What is Mobile First Design Strategy.pdf
 
Haley rodney mobile_presentation-2
Haley rodney mobile_presentation-2Haley rodney mobile_presentation-2
Haley rodney mobile_presentation-2
 
Haley rodney mobile_presentation-1
Haley rodney mobile_presentation-1Haley rodney mobile_presentation-1
Haley rodney mobile_presentation-1
 
Mobile, UX & the Quest for ROI
Mobile, UX &  the Quest for ROIMobile, UX &  the Quest for ROI
Mobile, UX & the Quest for ROI
 
Responsive vs. adaptive vs. device-specific: which one is best?
Responsive vs. adaptive vs. device-specific: which one is best?Responsive vs. adaptive vs. device-specific: which one is best?
Responsive vs. adaptive vs. device-specific: which one is best?
 
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
 

Recently uploaded

办澳洲詹姆斯库克大学毕业证成绩单pdf电子版制作修改
办澳洲詹姆斯库克大学毕业证成绩单pdf电子版制作修改办澳洲詹姆斯库克大学毕业证成绩单pdf电子版制作修改
办澳洲詹姆斯库克大学毕业证成绩单pdf电子版制作修改yuu sss
 
原版定制卡尔加里大学毕业证(UC毕业证)留信学历认证
原版定制卡尔加里大学毕业证(UC毕业证)留信学历认证原版定制卡尔加里大学毕业证(UC毕业证)留信学历认证
原版定制卡尔加里大学毕业证(UC毕业证)留信学历认证diploma001
 
办理哈珀亚当斯大学学院毕业证书文凭学位证书
办理哈珀亚当斯大学学院毕业证书文凭学位证书办理哈珀亚当斯大学学院毕业证书文凭学位证书
办理哈珀亚当斯大学学院毕业证书文凭学位证书saphesg8
 
办理学位证(纽伦堡大学文凭证书)纽伦堡大学毕业证成绩单原版一模一样
办理学位证(纽伦堡大学文凭证书)纽伦堡大学毕业证成绩单原版一模一样办理学位证(纽伦堡大学文凭证书)纽伦堡大学毕业证成绩单原版一模一样
办理学位证(纽伦堡大学文凭证书)纽伦堡大学毕业证成绩单原版一模一样umasea
 
VIP High Profile Call Girls Jamshedpur Aarushi 8250192130 Independent Escort ...
VIP High Profile Call Girls Jamshedpur Aarushi 8250192130 Independent Escort ...VIP High Profile Call Girls Jamshedpur Aarushi 8250192130 Independent Escort ...
VIP High Profile Call Girls Jamshedpur Aarushi 8250192130 Independent Escort ...Suhani Kapoor
 
定制英国克兰菲尔德大学毕业证成绩单原版一比一
定制英国克兰菲尔德大学毕业证成绩单原版一比一定制英国克兰菲尔德大学毕业证成绩单原版一比一
定制英国克兰菲尔德大学毕业证成绩单原版一比一z zzz
 
原版快速办理MQU毕业证麦考瑞大学毕业证成绩单留信学历认证
原版快速办理MQU毕业证麦考瑞大学毕业证成绩单留信学历认证原版快速办理MQU毕业证麦考瑞大学毕业证成绩单留信学历认证
原版快速办理MQU毕业证麦考瑞大学毕业证成绩单留信学历认证nhjeo1gg
 
办理学位证(Massey证书)新西兰梅西大学毕业证成绩单原版一比一
办理学位证(Massey证书)新西兰梅西大学毕业证成绩单原版一比一办理学位证(Massey证书)新西兰梅西大学毕业证成绩单原版一比一
办理学位证(Massey证书)新西兰梅西大学毕业证成绩单原版一比一A SSS
 
定制(NYIT毕业证书)美国纽约理工学院毕业证成绩单原版一比一
定制(NYIT毕业证书)美国纽约理工学院毕业证成绩单原版一比一定制(NYIT毕业证书)美国纽约理工学院毕业证成绩单原版一比一
定制(NYIT毕业证书)美国纽约理工学院毕业证成绩单原版一比一2s3dgmej
 
Call Girls In Bhikaji Cama Place 24/7✡️9711147426✡️ Escorts Service
Call Girls In Bhikaji Cama Place 24/7✡️9711147426✡️ Escorts ServiceCall Girls In Bhikaji Cama Place 24/7✡️9711147426✡️ Escorts Service
Call Girls In Bhikaji Cama Place 24/7✡️9711147426✡️ Escorts Servicejennyeacort
 
NPPE STUDY GUIDE - NOV2021_study_104040.pdf
NPPE STUDY GUIDE - NOV2021_study_104040.pdfNPPE STUDY GUIDE - NOV2021_study_104040.pdf
NPPE STUDY GUIDE - NOV2021_study_104040.pdfDivyeshPatel234692
 
do's and don'ts in Telephone Interview of Job
do's and don'ts in Telephone Interview of Jobdo's and don'ts in Telephone Interview of Job
do's and don'ts in Telephone Interview of JobRemote DBA Services
 
Storytelling, Ethics and Workflow in Documentary Photography
Storytelling, Ethics and Workflow in Documentary PhotographyStorytelling, Ethics and Workflow in Documentary Photography
Storytelling, Ethics and Workflow in Documentary PhotographyOrtega Alikwe
 
Escort Service Andheri WhatsApp:+91-9833363713
Escort Service Andheri WhatsApp:+91-9833363713Escort Service Andheri WhatsApp:+91-9833363713
Escort Service Andheri WhatsApp:+91-9833363713Riya Pathan
 
格里菲斯大学毕业证(Griffith毕业证)#文凭成绩单#真实留信学历认证永久存档
格里菲斯大学毕业证(Griffith毕业证)#文凭成绩单#真实留信学历认证永久存档格里菲斯大学毕业证(Griffith毕业证)#文凭成绩单#真实留信学历认证永久存档
格里菲斯大学毕业证(Griffith毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
Drawing animals and props.pptxDrawing animals and props.pptxDrawing animals a...
Drawing animals and props.pptxDrawing animals and props.pptxDrawing animals a...Drawing animals and props.pptxDrawing animals and props.pptxDrawing animals a...
Drawing animals and props.pptxDrawing animals and props.pptxDrawing animals a...RegineManuel2
 
Gurgaon Call Girls: Free Delivery 24x7 at Your Doorstep G.G.N = 8377087607
Gurgaon Call Girls: Free Delivery 24x7 at Your Doorstep G.G.N = 8377087607Gurgaon Call Girls: Free Delivery 24x7 at Your Doorstep G.G.N = 8377087607
Gurgaon Call Girls: Free Delivery 24x7 at Your Doorstep G.G.N = 8377087607dollysharma2066
 
办理(Hull毕业证书)英国赫尔大学毕业证成绩单原版一比一
办理(Hull毕业证书)英国赫尔大学毕业证成绩单原版一比一办理(Hull毕业证书)英国赫尔大学毕业证成绩单原版一比一
办理(Hull毕业证书)英国赫尔大学毕业证成绩单原版一比一F La
 
定制(UQ毕业证书)澳洲昆士兰大学毕业证成绩单原版一比一
定制(UQ毕业证书)澳洲昆士兰大学毕业证成绩单原版一比一定制(UQ毕业证书)澳洲昆士兰大学毕业证成绩单原版一比一
定制(UQ毕业证书)澳洲昆士兰大学毕业证成绩单原版一比一lvtagr7
 

Recently uploaded (20)

办澳洲詹姆斯库克大学毕业证成绩单pdf电子版制作修改
办澳洲詹姆斯库克大学毕业证成绩单pdf电子版制作修改办澳洲詹姆斯库克大学毕业证成绩单pdf电子版制作修改
办澳洲詹姆斯库克大学毕业证成绩单pdf电子版制作修改
 
原版定制卡尔加里大学毕业证(UC毕业证)留信学历认证
原版定制卡尔加里大学毕业证(UC毕业证)留信学历认证原版定制卡尔加里大学毕业证(UC毕业证)留信学历认证
原版定制卡尔加里大学毕业证(UC毕业证)留信学历认证
 
办理哈珀亚当斯大学学院毕业证书文凭学位证书
办理哈珀亚当斯大学学院毕业证书文凭学位证书办理哈珀亚当斯大学学院毕业证书文凭学位证书
办理哈珀亚当斯大学学院毕业证书文凭学位证书
 
办理学位证(纽伦堡大学文凭证书)纽伦堡大学毕业证成绩单原版一模一样
办理学位证(纽伦堡大学文凭证书)纽伦堡大学毕业证成绩单原版一模一样办理学位证(纽伦堡大学文凭证书)纽伦堡大学毕业证成绩单原版一模一样
办理学位证(纽伦堡大学文凭证书)纽伦堡大学毕业证成绩单原版一模一样
 
VIP High Profile Call Girls Jamshedpur Aarushi 8250192130 Independent Escort ...
VIP High Profile Call Girls Jamshedpur Aarushi 8250192130 Independent Escort ...VIP High Profile Call Girls Jamshedpur Aarushi 8250192130 Independent Escort ...
VIP High Profile Call Girls Jamshedpur Aarushi 8250192130 Independent Escort ...
 
定制英国克兰菲尔德大学毕业证成绩单原版一比一
定制英国克兰菲尔德大学毕业证成绩单原版一比一定制英国克兰菲尔德大学毕业证成绩单原版一比一
定制英国克兰菲尔德大学毕业证成绩单原版一比一
 
原版快速办理MQU毕业证麦考瑞大学毕业证成绩单留信学历认证
原版快速办理MQU毕业证麦考瑞大学毕业证成绩单留信学历认证原版快速办理MQU毕业证麦考瑞大学毕业证成绩单留信学历认证
原版快速办理MQU毕业证麦考瑞大学毕业证成绩单留信学历认证
 
办理学位证(Massey证书)新西兰梅西大学毕业证成绩单原版一比一
办理学位证(Massey证书)新西兰梅西大学毕业证成绩单原版一比一办理学位证(Massey证书)新西兰梅西大学毕业证成绩单原版一比一
办理学位证(Massey证书)新西兰梅西大学毕业证成绩单原版一比一
 
定制(NYIT毕业证书)美国纽约理工学院毕业证成绩单原版一比一
定制(NYIT毕业证书)美国纽约理工学院毕业证成绩单原版一比一定制(NYIT毕业证书)美国纽约理工学院毕业证成绩单原版一比一
定制(NYIT毕业证书)美国纽约理工学院毕业证成绩单原版一比一
 
Call Girls In Bhikaji Cama Place 24/7✡️9711147426✡️ Escorts Service
Call Girls In Bhikaji Cama Place 24/7✡️9711147426✡️ Escorts ServiceCall Girls In Bhikaji Cama Place 24/7✡️9711147426✡️ Escorts Service
Call Girls In Bhikaji Cama Place 24/7✡️9711147426✡️ Escorts Service
 
NPPE STUDY GUIDE - NOV2021_study_104040.pdf
NPPE STUDY GUIDE - NOV2021_study_104040.pdfNPPE STUDY GUIDE - NOV2021_study_104040.pdf
NPPE STUDY GUIDE - NOV2021_study_104040.pdf
 
do's and don'ts in Telephone Interview of Job
do's and don'ts in Telephone Interview of Jobdo's and don'ts in Telephone Interview of Job
do's and don'ts in Telephone Interview of Job
 
Storytelling, Ethics and Workflow in Documentary Photography
Storytelling, Ethics and Workflow in Documentary PhotographyStorytelling, Ethics and Workflow in Documentary Photography
Storytelling, Ethics and Workflow in Documentary Photography
 
Escort Service Andheri WhatsApp:+91-9833363713
Escort Service Andheri WhatsApp:+91-9833363713Escort Service Andheri WhatsApp:+91-9833363713
Escort Service Andheri WhatsApp:+91-9833363713
 
格里菲斯大学毕业证(Griffith毕业证)#文凭成绩单#真实留信学历认证永久存档
格里菲斯大学毕业证(Griffith毕业证)#文凭成绩单#真实留信学历认证永久存档格里菲斯大学毕业证(Griffith毕业证)#文凭成绩单#真实留信学历认证永久存档
格里菲斯大学毕业证(Griffith毕业证)#文凭成绩单#真实留信学历认证永久存档
 
Drawing animals and props.pptxDrawing animals and props.pptxDrawing animals a...
Drawing animals and props.pptxDrawing animals and props.pptxDrawing animals a...Drawing animals and props.pptxDrawing animals and props.pptxDrawing animals a...
Drawing animals and props.pptxDrawing animals and props.pptxDrawing animals a...
 
FULL ENJOY Call Girls In Gautam Nagar (Delhi) Call Us 9953056974
FULL ENJOY Call Girls In Gautam Nagar (Delhi) Call Us 9953056974FULL ENJOY Call Girls In Gautam Nagar (Delhi) Call Us 9953056974
FULL ENJOY Call Girls In Gautam Nagar (Delhi) Call Us 9953056974
 
Gurgaon Call Girls: Free Delivery 24x7 at Your Doorstep G.G.N = 8377087607
Gurgaon Call Girls: Free Delivery 24x7 at Your Doorstep G.G.N = 8377087607Gurgaon Call Girls: Free Delivery 24x7 at Your Doorstep G.G.N = 8377087607
Gurgaon Call Girls: Free Delivery 24x7 at Your Doorstep G.G.N = 8377087607
 
办理(Hull毕业证书)英国赫尔大学毕业证成绩单原版一比一
办理(Hull毕业证书)英国赫尔大学毕业证成绩单原版一比一办理(Hull毕业证书)英国赫尔大学毕业证成绩单原版一比一
办理(Hull毕业证书)英国赫尔大学毕业证成绩单原版一比一
 
定制(UQ毕业证书)澳洲昆士兰大学毕业证成绩单原版一比一
定制(UQ毕业证书)澳洲昆士兰大学毕业证成绩单原版一比一定制(UQ毕业证书)澳洲昆士兰大学毕业证成绩单原版一比一
定制(UQ毕业证书)澳洲昆士兰大学毕业证成绩单原版一比一
 

Dickens ryne presentation

  • 1. Website Design for Mobile Devices Ryne Dickens Sunday, March 30, 14
  • 2. Do  you  want  your  website  to   stand  out  on  mobile  devices,   but  aren’t  sure  if  it  is  the   right  move? Sunday, March 30, 14
  • 3. Do  you  think  mobile  or  tablet   usage  isn’t  important  for   your  website  or  business? Sunday, March 30, 14
  • 4. Here  is  why  you  should  update  your  site,  or   make  it  better  for  mobile  device  access,  aside   from  it  being  the  fastest  growing  segment  of   the  web.  I  will  be  showing  you  a  series  of   slides,  with  information  and  visuals on  comparing  desktop  and  mobile   sites.  You  will  >ind  that  the  process   has  somewhat  >lipped  over  the   past  few  years  and  you  may  be   falling  behind. Pic: cnet.com Sunday, March 30, 14
  • 5. (http://mashable.com/2011/08/05/mobile-­‐design-­‐priority/) The  game  has  changed,  simple  as  that.  Companies  these   days  need  to  focus  on  mobile  >irst  instead  of  mobile   friendly.  Desktop  or  laptop  users  typically  are   multitasking  during  work.  Smartphone  users  are   transaction-­‐oriented.  They  do  not  want  to  be  overloaded   with  content  while  they  are  trying  to  achieve  a  goal.     Typically  they  have  an   objective  and  leave  once   it  is  completed.  In   designing  the  site  for   mobile  users,  you  will   want  to  use  the  “less  is   more”  approach.  Simple,   and  quick  page  loads  are   essential.   Pic: ohmythatsawesome.com Sunday, March 30, 14
  • 6. Here  are  some  quick  and  easy  tips  that   can  get  your  site  on  the  right  track. 1.   Style  for  mobile  –  Stick  to   relative  units.  Maintain  visual   consistency  with  the  desktop  site.   Minimize  scrolling  and  page   transitions. (http://www.sitepoint.com/7-­‐tips-­‐to-­‐make-­‐your-­‐web-­‐site-­‐mobile-­‐friendly/) 2.   Resize  your  images  –  small   screens  call  for  small  images.  A   good  strategy  is  to  resize  them   on  the  web  server  so  they  take   90%  less  time  to  load. Sunday, March 30, 14
  • 7. 3.   Automatically  detect  mobile  devices  using   servers  and  databases  to  detect  what  device  has   accessed  the  site. (http://www.sitepoint.com/7-­‐tips-­‐to-­‐make-­‐your-­‐web-­‐site-­‐mobile-­‐friendly/) If  we  use  these  tips  and  you  will  be  well  on  your  way. 5.   Provide  a  clear  path  to  your   full  site  and  don’t  break  any  links. 4.   Rethink  your  navigation   to  mobile  priority  content. Sunday, March 30, 14
  • 8. This  is  an  example  of  a  website  that   does  not  work  very  well  on  the  mobile   platform.  If  you  take  a  look  at  it  you   will  see  some  issues  covering  topics   we  have  already  saw  here. www.unit.com Sunday, March 30, 14
  • 9. This  is  a  website  that  works  extraordinarily   well  with  the  mobile  platform.  I  would   recommend  using  this  site  as  a  guide  or  at  least   a  reference  to  anyone  looking  to  make  the  step   into  the  mobile  design  world. www.southwest.com (http://www.creativebloq.com/mobile/mobile-­‐>irst-­‐3117071) Sunday, March 30, 14
  • 10. More  often  than  not,  the  mobile  experience  for   a  web  product  is  designed  after  the  desktop   version.  It’s  time  to  reverse  that  approach  and   design  for  mobile  >irst  says  Luke  Wroblewski.   Things  have  changed  so  much   over  the  past  few  years  that   starting  with  the  desktop   design  may  just  be  the   backwards  way  to  think.  It’s   thought  that  designing  for   mobile  >irst  could  open  up   tons  of  new  opportunity  for   growth  and  a  better  user experience.  Mobile  devices  are  getting  used  more  and   more  for  many  applications  and  purposes.   (http://www.creativebloq.com/mobile/mobile-­‐>irst-­‐3117071) Sunday, March 30, 14
  • 11. Concerned  about  less  screen  space?  No  need  for  that   either,  losing  that  much  screen  space  from  the  desktop   to  the  mobile  device  forces  teams  to  focus.  You  just  need   to  know  your  customers  and  your  business  and  focus  on   what  matters  most.  Take  a  look  at  the  expedia.com  pics   below  showing  the  mobile  vs  the  desktop.  The  mobile   version  focuses  directly  on  the  information  you  need. (http://www.creativebloq.com/mobile/mobile-­‐>irst-­‐3117071) Sunday, March 30, 14
  • 12. I  hope  you  will  consider  making  an  effort  to   switch  your  site  to  mobile  friendly  and   operable.  I  touched  on  a  few  advantages  here,   but  there  is  so  much  more  to  show  and  learn   about  this  technology.  Mobile  design  is  the   future  and  is  only  going  to  continue  to   progress.  It  has  changed  drastically  over  the   past  few  years  as  I  stated  at  the  beginning  and   in  a  few  more  years,  who  knows  where  it  will   be.  Will  you  be  up-­‐to-­‐date  or  will  you  be  left   behind? Sunday, March 30, 14