mobile

Web Trends

Mobile

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

•  Design your mobile site FIRST

•  Angry Birds

•  Draw Something

•  Mobile Banking

•  Middletown Public Schools, CT

•  The Oakridge School, TX

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

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

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

When NOT to use QR Codes

The side of a bus


In an email


For no reason


Going to non-‐mobile sites.


and….

Sbll awake?

Group Project

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

mobile

Documents

mobile mobile

present of mobile

mobile site vs mobile

mobile smart phones

app browser

iphone app

business insider

effecbve internet connecbon