Post on 24-May-2015
• In 1995 had 30% uit de fortune 500 een website.• In juni 2013 heeft slechts 10% daarvan een mobiele site
STATISTIEKEN
STATISTIEKEN
• 2015 is het mobiele web voor het eerst groter dan het desktop web– Morgan Stanley (2010)
STATISTIEKEN
iPhone:2G januari 20073G juni 20083Gs juni 20094 juni 2010
STATISTIEKEN
• In 2012 werden er meer smartphones en tablets verkocht dan pc’s. (wereldwijd)
STATISTIEKEN
STATISTIEKEN
STATISTIEKEN
STATISTIEKEN
• Het aantal ‘mobiele breedband aansluitingen’ is > 10 miljoen–8,9 daarvan zijn echt mobiel
–(maart 2013)
STATISTIEKEN
STATISTIEKEN
• Januari 2012 was gemiddeld 10%• December 2012 rond de 20%• Oktober 2013 rond de 26%
STATISTIEKEN
STATISTIEKEN
STATISTIEKEN
STATISTIEKEN
• YouTube 40% mobiel
STATISTIEKEN
• Facebook mobile ads. • 30% van alle ads is mobile
STATISTIEKEN
• Google onderzoek:– Survey/interviews– 1000 Amerikanen– Tussen 18 en 64– Representatieve sample Amerikaanse bevolking– Q1 2013
STATISTIEKEN
STATISTIEKEN
STATISTIEKEN
STATISTIEKEN
STATISTIEKEN
GOOGLE ANALYTICS - MOBIEL
GOOGLE ANALYTICS MOBIEL
• SEO• Verschillende apparaten• Landscape vs portrait• In de toekomst gebruikers ipv
apparaten
APPARATEN
APPARATEN
APPARATEN
Ultra HD: 7680 x 4320
APPARATEN
Ultra HD: 7680 x 4320
APPARATEN
Ultra HD: 7680 x 4320
14 van de 21 is niet mobiel
14 van de 21 is niet mobiel
14 van de 21 is niet mobiel
7 van de 21 is wel mobiel
OPLOSSING? RESPONSIVE!
CASES 1: THE NEXT WEB
CASES 1: THE NEXT WEB
CASES 1: THE NEXT WEB
CASES 1: THE NEXT WEB
CASES 2: MICROSOFT
CASES 2: MICROSOFT
ANDERE MOOIE CASEShttp://www.theguardian.com/uk?view=mobile
ANDERE MOOIE CASEShttp://www.bostonglobe.com/
ANDERE MOOIE CASEShttps://www.spotify.com/nl/
ANDERE MOOIE CASEShttp://www.regent-college.edu/
ANDERE MOOIE CASEShttp://contentsmagazine.com/
ANDERE MOOIE CASEShttp://www.passengerfocus.org.uk/
ANDERE MOOIE CASEShttp://www.smashingmagazine.com/
RESPONSIVE VS MOBILE
CASE MOBIEL: ASR
CASE MOBIEL: ASR
CASE MOBIEL: ASR
CASE MOBIEL: ASR
WAAROM RESPONSIVE?
Goed voor SEO
WAAROM RESPONSIVE?
Gebruiksvriendelijk
WAAROM RESPONSIVE?
Makkelijk te beheren, zowel in content als techniek
ADAPTIVE OF RESPONSIVE
Responsive: http://goldengridsystem.com/Adaptive: http://framelessgrid.com/
Responsive past vooral de grootte aan.Adaptive kijkt naar de vorm.
ADAPTIVE DESIGN
MENU’SMobiel menu
MENU’SToggle menu
MENU’SFooter menu
MENU’SOff-canvas
MENU’SToggle menu
MENU’SHybrid
MENU’S
MENU’SPriority-approach
TIPSDenk aan een sollicitatiestrategie
TIPS
Trial and error
TIPS
Meten, meten en meten
TIPSDenk aan je formulieren
TIPSOntwikkel voor de massa
TIPSMakkelijk contact opnemen
TIPS
• Snelheid:• Grofweg driekwart verwacht een even
snelle website als op desktop.• Hetzelfde percentage verlaat de site als
deze niet binnen 5 seconden geladen is.
TIPS
• Afbeeldingen:– Een definitieve oplossing is er nog niet
maar;• Beste oplossing is adaptive images,
verschillende grotes inladen bij breekpunten• http://responsiveimages.org/demos/basic-im
plementation/index.html
TIPSDenk aan je externe platforms
TIPSDenk aan je externe
platforms
WAAROM NU?
• Techniek komt nu pas echt van de grond
• Browsers gaan snel vooruit -> CSS3 (IE9) / HTML5 (IE9)
• Percentage mobiel stijgt hard• In den beginne was het web
responsive
The primary design principle underlying the Web’s
usefulness and growth is universality.
The Web should be usable by people with disabilities.
It must work with any form of information, be it a
document or a point of data, and information of any
quality—” from a silly tweet to a scholarly paper.
And it should be accessible ”from any kind of
hardware that can connect to the Internet:
stationary or mobile, small screen or large.—Tim Berners-Lee
Long Live the Web