webtember mobiele websites
DESCRIPTION
Webinar Mobiele website is een blijvertje Deze presentatie werd getoond tijdens ons Webinar over de duizelingwekkende opkomst van mobiele browsers en de gevolgen voor websites. Het mobiele verkeer is vorig jaar verdubbeld, meer dan de helft van alle internetters gebruikt wel eens een smartphone of tablet en in 2015 zal het internetverkeer via mobiel groter zijn dan via een vaste verbinding. Hier kunnen we niet om heen en Fundament All Media heeft een visie ontwikkeld over de meest wenselijke oplossing voor mobiele browsers, responsive design. De sprekers tijdens het Webinar waren Mireille Stomp (Art Director) en Sjors Sevenhuijsen (Accountmanager) van Fundament All MediaTRANSCRIPT
![Page 1: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/1.jpg)
Mobiele website. Een blijvertje.
Sprekers Mireille Stomp en Sjors Sevenhuijsen
Korte uitleg Mobiele apparaten, we kunnen er niet meer omheen. Maar wat houdt dat nou in voor je website(s)?
![Page 2: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/2.jpg)
Wie zijn wij?
Uw sprekers van vandaag:
Sjors SevenhuijsenAccountmanager @Fundament All Media@sjors7huizen
Mireille StompArt Director @Fundament All Media@missonice
![Page 3: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/3.jpg)
Waar gaat het vandaag over?
1. Apps en mobiele websites2. Waarom mobiele websites?3. Verschillen in platforms4. Wat zijn de mogelijkheden?5. Inhoud - wat wil je dat men doet6. Vorm - Hoe zorg je ervoor dat ze dat doen?7. Huizen mobiel vertonen en verkopen
![Page 4: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/4.jpg)
Wat is een mobiele website?
Een website die qua vormgeving, inhoud en functionaliteit is geoptimaliseerd voor een mobiel apparaat.
Tablet en/of Smartphone
![Page 5: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/5.jpg)
![Page 6: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/6.jpg)
Waarom mobiele websites?
Het mobiele internetverkeer is in een jaar tijd verdubbeld, de cijfers zijn ronduit verbluffend.
CijfersMeer dan 50% van internetters gebruikt mobieleapparatuur (CBS)Het totale mobiele verkeer is in een jaar tijd verdubbeld van 3,5% naar 7%.De groei van het totale internetgebruik wordt alleen veroorzaakt door mobiele apparaten. In 2015 is het meer dan 50% (Nipo), voor Social Media
Zuckerberg: “We think we’re going to make more money on mobile ads.”
![Page 7: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/7.jpg)
Waarom mobiele websites?
RTV Noord online
Het aantal bezoekers is in anderhalf jaar tijd verdubbeld, dit verschil is alleen veroorzaakt mobiel verkeer.
Augustus was de eerste maand dat het mobiele verkeer boven de 50% lag.
![Page 8: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/8.jpg)
Waarom mobiele websites?
AM onderzoek nieuwbouw consumenten
![Page 9: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/9.jpg)
Verschillen in platforms
Bewust zijn van de verschillen per apparaat ...
● Tablet● Smartphone● Desktop
![Page 10: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/10.jpg)
![Page 11: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/11.jpg)
Wat zijn de mogelijkheden
● Responsive● Aangepast op een gemiddelde maximale● Een website voor mobiel en desktop
(Wat zie je ineens veel blokkensites!)
![Page 12: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/12.jpg)
Wat zijn de mogelijkheden
Responsive Web(design)
http://colly.com
http://www.anderssonwise.com
http://www.bringyourowncoffee.nl
![Page 13: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/13.jpg)
Inhoud
Wat wil de bezoeker en wat wil jij dat de bezoeker doet?
● Inspireren
![Page 14: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/14.jpg)
Inhoud
Wat wil de bezoeker en wat wil jij dat de bezoeker doet?
● Inspireren● Informeren
![Page 15: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/15.jpg)
Inhoud
Wat wil de bezoeker en wat wil jij dat de bezoeker doet?
● Inspireren● Informeren● Converteren
![Page 16: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/16.jpg)
Inhoud
Verder gaan dan ervoor zorgen dat je site er op alle apparaten goed uitziet
● Gebruik maken van de mogelijkheden die de mobiel
(en de tablet) als functionaliteiten in zich heeft
![Page 17: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/17.jpg)
Inhoud
Maak mobiele site gelaagd
![Page 18: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/18.jpg)
Inhoud
Websites zouden sympathiek moeten zijn
![Page 19: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/19.jpg)
Vorm
● Eenvoud
● Visuele focus
● Kleur
● Iconen en afbeeldingen
(groot maar klein)
● Korte teksten
● Typen
● Menu
http://m.ajax.nl/
![Page 20: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/20.jpg)
Vorm
● Eenvoud
● Visuele focus
● Kleur
● Iconen en afbeeldingen
(groot maar klein)
● Korte teksten
● Typen
● Menu
![Page 21: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/21.jpg)
Vorm
● Eenvoud
● Visuele focus
● Kleur
● Iconen en afbeeldingen
(groot maar klein)
● Korte teksten
● Typen
● Menu
http://9to5mac.com
![Page 22: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/22.jpg)
Vorm
● Eenvoud
● Visuele focus
● Kleur
● Iconen en afbeeldingen
(groot maar klein)
● Korte teksten
● Typen
● Menu
![Page 23: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/23.jpg)
Vorm
● Simplicity
● Visuele focus
● Kleur
● Iconen en afbeeldingen
(groot maar klein)
● Korte teksten
● Typen
● Menu
![Page 24: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/24.jpg)
Vorm
● Simplicity
● Visuele focus
● Kleur
● Iconen en afbeeldingen
(groot maar klein)
● Korte teksten
● Typen
● Menu
http://happycog.com/
![Page 25: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/25.jpg)
Huizen mobiel vertonen en verkopen
![Page 26: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/26.jpg)
Huizen mobiel vertonen en verkopen
![Page 27: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/27.jpg)
Huizen mobiel vertonen en verkopen
http://m.almeregreenpoort.nl/
![Page 28: Webtember Mobiele Websites](https://reader034.vdocuments.mx/reader034/viewer/2022051108/546e7b38b4af9fa0268b468c/html5/thumbnails/28.jpg)
Mobiele websites
Wij zijn er klaar voor! U ook?