Post on 02-Mar-2016
description
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.