mobile
DESCRIPTION
ÂTRANSCRIPT
![Page 1: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/1.jpg)
Web Trends
Mobile
![Page 2: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/2.jpg)
Big
![Page 3: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/3.jpg)
Small
![Page 4: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/4.jpg)
Small
![Page 5: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/5.jpg)
Big again
![Page 6: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/6.jpg)
Where are we today?
h8p://www.youtube.com/watch?v=5kamlf-‐uAHU&feature=share&list=PLRnaxffGM3v7sCDC7c_YgS31-‐iOHK84K9
![Page 7: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/7.jpg)
Pew Internet 2012
What do you do on your mobile device?
Where are we today?
![Page 8: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/8.jpg)
![Page 9: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/9.jpg)
![Page 10: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/10.jpg)
Responsive Design
![Page 11: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/11.jpg)
Mobile Site
![Page 12: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/12.jpg)
Mobile Site
![Page 13: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/13.jpg)
Mobile Site
![Page 14: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/14.jpg)
Mobile Site
![Page 15: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/15.jpg)
Mobile Site
![Page 16: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/16.jpg)
Mobile Site
![Page 17: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/17.jpg)
Mobile Site
![Page 18: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/18.jpg)
Mobile Site
![Page 19: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/19.jpg)
Mobile Site
![Page 20: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/20.jpg)
Mobile Site
![Page 21: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/21.jpg)
Mobile Site
![Page 22: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/22.jpg)
Mobile Site
• Design your mobile site FIRST
![Page 23: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/23.jpg)
• Angry Birds
• Draw Something
• Mobile Banking
• Middletown Public Schools, CT
• The Oakridge School, TX
Mobile App
![Page 24: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/24.jpg)
Mobile App
![Page 25: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/25.jpg)
Mobile App
![Page 26: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/26.jpg)
Mobile App
![Page 27: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/27.jpg)
• Apple’s App Store – Most Popular
• Android Market
• Blackberry App World
Mobile App
![Page 28: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/28.jpg)
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
![Page 29: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/29.jpg)
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
![Page 30: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/30.jpg)
Mobile – where we are going
![Page 31: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/31.jpg)
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.
![Page 32: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/32.jpg)
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.
![Page 33: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/33.jpg)
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.
![Page 34: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/34.jpg)
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.
![Page 35: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/35.jpg)
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.
![Page 36: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/36.jpg)
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.
![Page 37: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/37.jpg)
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.
![Page 38: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/38.jpg)
Mobile
![Page 39: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/39.jpg)
What does your site look like on a mobile phone?
Mobile
![Page 40: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/40.jpg)
NO Flash!
Flash
![Page 41: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/41.jpg)
Designing a mobile site�
Flash
![Page 42: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/42.jpg)
Site Stats
![Page 43: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/43.jpg)
Mobile stats (3 Slides)
Site Stats
![Page 44: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/44.jpg)
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
![Page 45: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/45.jpg)
Site Stats
![Page 46: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/46.jpg)
Site Stats
![Page 47: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/47.jpg)
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)
![Page 48: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/48.jpg)
SEO and Mobile
![Page 49: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/49.jpg)
![Page 50: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/50.jpg)
![Page 51: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/51.jpg)
What to include
Calendar
![Page 52: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/52.jpg)
What to include
Athletics
![Page 53: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/53.jpg)
What to include
News
![Page 54: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/54.jpg)
What to include
Photos & Video
![Page 55: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/55.jpg)
mobile page content builder
• add pages • content changes • dynamic content feeds (calendar, sports scores
and more) • social media content pages
![Page 56: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/56.jpg)
What does “QR” mean in QR codes?
QR Codes
![Page 57: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/57.jpg)
QR=Quick Response
• Free or cheap app • You create code and links directly to URL you specify
![Page 58: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/58.jpg)
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.
![Page 59: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/59.jpg)
QR Codes
![Page 60: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/60.jpg)
QR Codes
![Page 61: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/61.jpg)
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
![Page 62: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/62.jpg)
QR Codes
![Page 63: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/63.jpg)
QR Codes
![Page 64: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/64.jpg)
QR Codes
![Page 65: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/65.jpg)
When NOT to use QR Codes
The side of a bus
![Page 66: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/66.jpg)
When NOT to use QR Codes
In an email
![Page 67: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/67.jpg)
When NOT to use QR Codes
For no reason
![Page 68: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/68.jpg)
When NOT to use QR Codes
Going to non-‐mobile sites.
![Page 69: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/69.jpg)
When NOT to use QR Codes
and….
![Page 70: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/70.jpg)
Sbll awake?
![Page 71: Mobile](https://reader034.vdocuments.us/reader034/viewer/2022051402/568bd64a1a28ab20349b8624/html5/thumbnails/71.jpg)
Group Project
Everyone think of one way to use a QR code at their school.