mobile

Web  Trends  

Mobile  

Big  

Small  

Small  

Big  again  

Where  are  we  today?  

h8p://www.youtube.com/watch?v=5kamlf-­‐uAHU&feature=share&list=PLRnaxffGM3v7sCDC7c_YgS31-­‐iOHK84K9  

Pew  Internet  2012  

What do you do on your mobile device?

Where  are  we  today?  

Responsive  Design  

Mobile  Site  

Mobile  Site  

Mobile  Site  

Mobile  Site  

Mobile  Site  

Mobile  Site  

Mobile  Site  

Mobile  Site  

Mobile  Site  

Mobile  Site  

Mobile  Site  

Mobile  Site  

•  Design  your  mobile  site  FIRST  

•  Angry  Birds  

•  Draw  Something  

•  Mobile  Banking  

•  Middletown  Public  Schools,  CT  

•  The  Oakridge  School,  TX  

Mobile  App  

Mobile  App  

Mobile  App  

Mobile  App  

•  Apple’s  App  Store  –  Most  Popular  

•  Android  Market  

•  Blackberry  App  World    

Mobile  App  

Mobile  Websites  Are:  

•  Sustainable  –  cost  effecbve  

•  Compabble  –  one  mobile  site  for  most  mobile  devices  

•  User  friendly  –  look  &  feel  like  an  App  

•  Browser  based  –  run  through  the  phones  browser  

•  Highly  Effecbve  

•  Internet  connecbon  required  

Mobile  Site  vs  Mobile  App  

Apps  Are:  

•  Limited  user  base  –  unless  an  App  is  developed  for  each  phone  

•  Less  Compabble  –  ex.  iPhone  App  will  not  work  on  Android  

•  Run  on  operabng  system  –  NOT  Browser  

•  Highly  Effecbve  

•  User  friendly  

•  Internet  connecbon  not  required  afer  download  

Mobile  Site  vs  Mobile  App  

Mobile  –  where  we  are  going  

Mobile  

"The  present  of  mobile  represents  the  triumph  of  

ubiquitous  compubng.  What  we  call  'smartphones'  are  only  incidentally  phones  -­‐-­‐  they're  more  accurately  described  as  cloud-­‐

connected  computers,  available  at  the  ready.”  

Busine

ss  Inside

r,  Inc.  

Mobile  

“Your  mobile  device  will  touch  every  part  of  your  life:  it  will  be  your  wallet,  your  idenbty,  your  car  keys,  house  keys,  communicabon,  

social  life  and  far  more.  All  of  these  technologies  already  exist,  but  they  will  become  more  pervasive  and  engrained  in  everyday  society  in  just  a  few  short  years.”  

Busine

ss  Inside

r,  Inc.  

Mobile  

"Smart  phones  give  us  [as  developers]  access  to  a  whole  

new  world  of  data.  Never  before  have  we  known  where  you  are,  what  you're  enjoying,  how  fast  you're  moving,  or  where  you're  headed.  This  is  kicking  off  a  huge  

wave  of  locabon  driven  applicabons.”  

Busine

ss  Inside

r,  Inc.  

Mobile  

"Our  mobile  device  will  be  our  primary  computer  and  we  will  be  able  to  use  it  to  take  over  and  

control  other  devices  like  TVs,  car  dash,  tablets,  thermostats,  etc.”  

Busine

ss  Inside

r,  Inc.  

Mobile  

“The  mobile  device  has  become  our  communicabons  

hub,  our  diary,  our  entertainment  portal,  our  primary  source  of  media  

consumpbon,  our  wallet  and  our  gateway  to  real-­‐bme  informabon  tailored  to  our  

needs.  “  

Busine

ss  Inside

r,  Inc.  

Mobile  

"Mobile  will  become  the  convergence  of  anything  that  

requires  an  external  connecbon  for  us.  Social,  commerce,  

entertainment,  and  more.  It  becomes  an  extension  of  your  

mind  -­‐-­‐  and  the  ability  to  interact  with  the  device  without  even  looking  at  it  will  be  the  key  

focus  of  a  lot  of  hardware  innovabons.”  

Busine

ss  Inside

r,  Inc.  

Mobile  

"I  think  the  biggest  change,  and  one  that  we're  already  starbng  to  see  take  shape,  is  that  globally  the  majority  of  internet  usage  will  be  done  via  a  

mobile  device  and  for  most  people  the  mobile  web  will  be  their  primary  -­‐-­‐  if  not  their  only  -­‐-­‐  way  of  experiencing  the  internet.  For  a  lot  of  business  

Schools  that'll  mean  designing  for  the  mobile  web  first  and  for  the  regular  

web  second,  and  there  will  be  increasing  numbers  of  sites,  apps,  and  services  that  exist  only  for  the  mobile  

web.”3  

Busine

ss  Inside

r,  Inc.  

Mobile    

What does your site look like on a mobile phone?

Mobile    

NO  Flash!  

Flash    

Designing a mobile site�

Flash  

Site  Stats  

Mobile  stats  (3  Slides)  

Site  Stats    

Site  Stats  

loomis.ccsct.comMobile Devices Sep 1, 2010 - Feb 17, 2011

Comparing to: Site

0

2,000

4,000

0

2,000

4,000

Sep 1 - Sep 30 Oct 1 - Oct 31 Nov 1 - Nov 30 Dec 1 - Dec 31 Jan 1 - Jan 31 Feb 1 - Feb 17

Visits

These mobile devices sent 13,582 visits via 10 operating systemsSite Usage

Visits13,582% of Site Total: 1.84%

Pages/Visit3.85Site Avg: 2.96 (30.08%)

Avg. Time on Site00:03:06Site Avg: 00:04:55 (-36.85%)

% New Visits25.53%Site Avg: 16.21% (57.47%)

Bounce Rate31.36%Site Avg: 26.13% (20.03%)

Operating System Visits Visits

iPhone 5,794 42.66%

iPad 4,043 29.77%

Android 1,913 14.08%

iPod 1,778 13.09%

BlackBerry 24 0.18%

Windows 13 0.10%

LG 7 0.05%

Danger Hiptop 5 0.04%

Samsung 3 0.02%

SymbianOS 2 0.01%

1 - 10 of 10

1 Google Analytics

Site  Stats  

Site  Stats  

Speed Matters

•   400ms  delay  results  in  5-­‐9%  drop  in  full  page  traffic  

•   100  ms  delay  results  in  1%  sales  loss  (potenbal  $191M  in  lost  revenue  in  2008)  

•   1s  delay  results  4%  drop  in  revenue  

•   Fastest  10%  of  users  stay  50%  longer  than  slowest  10%  

•   500ms  delay  drops  search  traffic  by  20%  (The  cost  of  slower  performance  increases  over  bme)  

SEO  and  Mobile  

What  to  include  

Calendar

What  to  include  

Athletics

What  to  include  

News

What  to  include  

Photos & Video

mobile page content builder

•  add pages •  content changes •  dynamic content feeds (calendar, sports scores

and more) •  social media content pages

What does “QR” mean in QR codes?

QR Codes    

QR=Quick Response    

•  Free or cheap app •  You create code and links directly to URL you specify

QR  Code  &  Social  Media  

57% of Facebook and Twitter users said they have scanned a mobile bar code at least once in the past year, while as many as 40% had done so five or more times in the past year.

QR  Codes  

QR  Codes  

Pack your bags and head to the Island: Reunion 2011 is here!Weekend highlights include:• Class dinners• Live entertainment• Faculty and alumni presentations• Golf outing • Alumni art show• Fun for kids & much more

For more information, go to www.loomischa!ee.org/reunion2011.Save

the D

ate

June

10–1

2, 2

011

Scan the QR code below with your smart phone and instantly link to

more information about Reunion 2011.

QR  Codes  

QR  Codes  

QR  Codes  

QR  Codes  

When  NOT  to  use  QR  Codes  

The  side  of  a  bus  

When  NOT  to  use  QR  Codes  

In  an  email  

When  NOT  to  use  QR  Codes  

For  no  reason  

When  NOT  to  use  QR  Codes  

Going  to  non-­‐mobile  sites.  

When  NOT  to  use  QR  Codes  

and….  

Sbll  awake?  

Group  Project  

Everyone  think  of  one  way  to  use  a  QR  code  at  their  school.