SlideShare una empresa de Scribd logo
1 de 22
Descargar para leer sin conexión
Plone voor uw mobiel

Sprekers Jean-Paul Ladage
Datum 14 september 2010
Locatie Euromast Rotterdam
Agenda

•   Groei mobiel internet
•   Effectief uw doelgroep bereiken
•   Waar moet u rekening mee houden
•   Plone GoMobile
•   Voorbeeld zestsoftware.nl
Groei mobiel internet
•   28 % van alle Nederlanders gebruikt mobiel
    internet
•   Afgelopen jaar met 37% toegenomen in de
    leeftijdscategorie 25 tot 35 jaar.
•   50% van jongeren tussen de 15 en 25 jaar
    gebruikt dagelijks mobiel internet
•   Belangrijkste reden voor de groei is
    verbetering in gebruiksvriendelijkheid
Effectief uw doelgroep bereiken
Veel mensen gebruiken hun mobiel om e-mail
te lezen, te twitteren, weblogs en websites te
lezen, krabbeltjes acher te laten op hyves,
status updates op LinkedIn te zetten, een
route te plannen, trainingen bij te houden in
runkeeper, enzovoort
enzovoort, ...
enzovoort, ...




Wat doet u?
Effectief uw doelgroep bereiken
• Andriod en iPhone concurreren met
 elkaar met het concept van apps, die
 betaald of gratis gedownload kunnen
 worden.

• Voordeel van apps is de consistentie
 in de gebruikersinterface.

• Nadeel, er dienen 2 aparte apps
 ontwikkeld te worden.

• Met een webgebaseerde app bereikt u
 met minder kosten meer mensen.
Waar moet u rekening mee houden

•   Welke mobieltjes worden het meest gebruikt
    door uw doelgroep?
•   Welke schermresoluties wilt u optimaliseren?
•   Zorg voor snelle laadtijd, blijf tussen 30 - 50
    KB, zeker voor de homepage
•   Pas CSS-sprites toe waar mogelijk
•   Gebruik zo min mogelijk afbeeldingen.
Wat gebruikt uw doelgroep?

                5%

          15%
                      43%



    18%




                19%         Symbian
                            Blackberry
                            Android
                            iPhone
                            Windows Mobile
Welke schermresoluties wilt u optimaliseren?



•   176 x 208 pixels - niet de moeite waard?
•   240 x 320 pixels - de meest voorkomende.
•   320 x 480 pixels - iPhone 3G(S)
•   480 x 640 pixels - Nokia N97
•   960 x 640 pixels - iPhone 4
Plone Go Mobile

•   Een verzameling tools waarmee u binnen Plone de
    content voor uw mobiele website kunt beheren.

•   Ieder stuk content kan gericht worden op alleen web,
    alleen mobiel of bieden kanalen.

•   Ieder stuk content kan voorzien worden van
    alternatieve content voor mobiel.

•   Browser detectie zorgt dat u direct doorgestuurd
    wordt naar http://m.mijndomein.nl

•   Afbeeldingen worden automatisch geschaald naar een
    passend formaat.
Plone Go Mobile



•   Ieder stuk content kan gericht
    worden op alleen web, alleen
    mobiel of bieden kanalen.

•   Eenvoudig een deel van de
    mappenstructuur uitschakelen
    voor mobiel
Plone Go Mobile

•   Subnavigatie onderaan
    de pagina tonen.

•   Item uitsluiten van
    bovenliggende lijst
Plone Go Mobile


•   Per veld kunt u een
    alternatieve tekst
    invoeren voor weergave
    op de mobiel

•   Tip: houd titels gelijk en
    verkort de omschrijving
    en hoofdtekst.
Plone GoMobile
voor de website van
Zest Software
- Het logo linkt naar
de homepage
Overzicht van de laatste
nieuwsberichten, weblog
items en de geplande
events in agenda
Onderaan iedere pagina
wordt de navigatie
getoond.
Met één klik op het
telefoonnummer belt u
direct
HTML5 code
<a href="tel:+31102959251">bel mij</
a>
Direct eenvoudig
kunnen reageren
op weblog items.
Mobi - Infrae


•   Mobi is geïnspireerd op MIT’s Mobile Web implementatie.
    http://m.mit.edu/

•   Opgebouwd uit drie lagen: browser detectie , device
    categorisatie en content generator.
Revelante bronnen



•   http://projects.zestsoftware.nl/guidelines/mobile-development.html

•   http://dev.opera.com/articles/view/the-mobile-web-optimization-guide

•   http://labs.thesedays.com/2010/07/16/10-tips-for-designing-mobile-websites/

•   Boek: Mobile Web Development - door Nirav Mehta

•   https://www.packtpub.com/mobile-web-development/book

•   http://infrae.com/download/mobi
Vragen, ideeën,
opmerkingen?
       1

Más contenido relacionado

Similar a Plone voor uw mobiel - Jean-Paul Ladage

Google Digital Dive - Een naadloze online ervaring
Google Digital Dive - Een naadloze online ervaringGoogle Digital Dive - Een naadloze online ervaring
Google Digital Dive - Een naadloze online ervaringMathias Vissers
 
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)AcademyOost
 
App development step by step
App development   step by stepApp development   step by step
App development step by stepPhilippe De Pauw
 
Verdien geld met je app tips voor het ontwikkelen
Verdien geld met je app tips voor het ontwikkelenVerdien geld met je app tips voor het ontwikkelen
Verdien geld met je app tips voor het ontwikkelenSteven Palmaers
 
Responsive Design beyond layout
Responsive Design beyond layoutResponsive Design beyond layout
Responsive Design beyond layoutANGI studio
 
Workshop Video op Mobiel 23-11-2011
Workshop Video op Mobiel 23-11-2011Workshop Video op Mobiel 23-11-2011
Workshop Video op Mobiel 23-11-2011Pierre Gorissen
 
20120306 presentatie online betaalcongres 2012 v1.1 finno
20120306 presentatie online betaalcongres 2012 v1.1 finno20120306 presentatie online betaalcongres 2012 v1.1 finno
20120306 presentatie online betaalcongres 2012 v1.1 finnoPascal Spelier
 
5 app alternatieven #AIB2013
5 app alternatieven #AIB20135 app alternatieven #AIB2013
5 app alternatieven #AIB2013Fokke Zandbergen
 
EMS Ehsal - production in a digital world 2013
EMS Ehsal - production in a digital world 2013EMS Ehsal - production in a digital world 2013
EMS Ehsal - production in a digital world 2013Hans Palmers
 
Mobile dilemma's op de Nationale Marketingdag
Mobile dilemma's op de Nationale MarketingdagMobile dilemma's op de Nationale Marketingdag
Mobile dilemma's op de Nationale MarketingdagaFrogleap
 
Apps voor mobiele toestellen
Apps voor mobiele toestellenApps voor mobiele toestellen
Apps voor mobiele toestellenKaren De Groof
 
Mobiel uitgeven voor smartphone en tablet
Mobiel uitgeven voor smartphone en tabletMobiel uitgeven voor smartphone en tablet
Mobiel uitgeven voor smartphone en tabletlisavdh
 
Copernica BV - Walter van der Scheer presentatie #DMSummit 2011
Copernica BV - Walter van der Scheer presentatie #DMSummit 2011Copernica BV - Walter van der Scheer presentatie #DMSummit 2011
Copernica BV - Walter van der Scheer presentatie #DMSummit 2011Copernica BV
 
Met het achief op het web: 1995 tot 2011
Met het achief op het web: 1995 tot 2011Met het achief op het web: 1995 tot 2011
Met het achief op het web: 1995 tot 2011Eva Simon
 
Slimmere Website Achterhoek Gezond
Slimmere Website Achterhoek GezondSlimmere Website Achterhoek Gezond
Slimmere Website Achterhoek GezondMichiel Verheij
 
Presentatie 4 maart
Presentatie 4 maartPresentatie 4 maart
Presentatie 4 maartComputron
 

Similar a Plone voor uw mobiel - Jean-Paul Ladage (20)

Google Digital Dive - Een naadloze online ervaring
Google Digital Dive - Een naadloze online ervaringGoogle Digital Dive - Een naadloze online ervaring
Google Digital Dive - Een naadloze online ervaring
 
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
 
App development step by step
App development   step by stepApp development   step by step
App development step by step
 
Rmc mobiel 19mei2010
Rmc mobiel 19mei2010Rmc mobiel 19mei2010
Rmc mobiel 19mei2010
 
Verdien geld met je app tips voor het ontwikkelen
Verdien geld met je app tips voor het ontwikkelenVerdien geld met je app tips voor het ontwikkelen
Verdien geld met je app tips voor het ontwikkelen
 
Responsive Design beyond layout
Responsive Design beyond layoutResponsive Design beyond layout
Responsive Design beyond layout
 
Workshop Video op Mobiel 23-11-2011
Workshop Video op Mobiel 23-11-2011Workshop Video op Mobiel 23-11-2011
Workshop Video op Mobiel 23-11-2011
 
20120306 presentatie online betaalcongres 2012 v1.1 finno
20120306 presentatie online betaalcongres 2012 v1.1 finno20120306 presentatie online betaalcongres 2012 v1.1 finno
20120306 presentatie online betaalcongres 2012 v1.1 finno
 
5 app alternatieven #AIB2013
5 app alternatieven #AIB20135 app alternatieven #AIB2013
5 app alternatieven #AIB2013
 
EMS Ehsal - production in a digital world 2013
EMS Ehsal - production in a digital world 2013EMS Ehsal - production in a digital world 2013
EMS Ehsal - production in a digital world 2013
 
Mobile dilemma's op de Nationale Marketingdag
Mobile dilemma's op de Nationale MarketingdagMobile dilemma's op de Nationale Marketingdag
Mobile dilemma's op de Nationale Marketingdag
 
Apps voor mobiele toestellen
Apps voor mobiele toestellenApps voor mobiele toestellen
Apps voor mobiele toestellen
 
Html5 App
Html5 AppHtml5 App
Html5 App
 
Mobiel uitgeven voor smartphone en tablet
Mobiel uitgeven voor smartphone en tabletMobiel uitgeven voor smartphone en tablet
Mobiel uitgeven voor smartphone en tablet
 
Copernica BV - Walter van der Scheer presentatie #DMSummit 2011
Copernica BV - Walter van der Scheer presentatie #DMSummit 2011Copernica BV - Walter van der Scheer presentatie #DMSummit 2011
Copernica BV - Walter van der Scheer presentatie #DMSummit 2011
 
Met het achief op het web: 1995 tot 2011
Met het achief op het web: 1995 tot 2011Met het achief op het web: 1995 tot 2011
Met het achief op het web: 1995 tot 2011
 
Slimmere Website Achterhoek Gezond
Slimmere Website Achterhoek GezondSlimmere Website Achterhoek Gezond
Slimmere Website Achterhoek Gezond
 
Online Marketing
Online MarketingOnline Marketing
Online Marketing
 
Presentatie 4 maart
Presentatie 4 maartPresentatie 4 maart
Presentatie 4 maart
 
YBP Slimmere Website
YBP Slimmere WebsiteYBP Slimmere Website
YBP Slimmere Website
 

Más de Zest Software

Hoe zorg je dat websitebezoekers klanten worden
Hoe zorg je dat websitebezoekers klanten wordenHoe zorg je dat websitebezoekers klanten worden
Hoe zorg je dat websitebezoekers klanten wordenZest Software
 
Plone add-on packages uit Nederland - Fred van Dijk
Plone add-on packages uit Nederland - Fred van DijkPlone add-on packages uit Nederland - Fred van Dijk
Plone add-on packages uit Nederland - Fred van DijkZest Software
 
KNMP naar Plone 4 - Jan Murre
KNMP naar Plone 4 - Jan MurreKNMP naar Plone 4 - Jan Murre
KNMP naar Plone 4 - Jan MurreZest Software
 
Globalisering In Ict
Globalisering In IctGlobalisering In Ict
Globalisering In IctZest Software
 
Praktijkcase Somo CMS Congres 2009
Praktijkcase Somo CMS Congres 2009Praktijkcase Somo CMS Congres 2009
Praktijkcase Somo CMS Congres 2009Zest Software
 
Agile Project Management
Agile Project ManagementAgile Project Management
Agile Project ManagementZest Software
 

Más de Zest Software (7)

Hoe zorg je dat websitebezoekers klanten worden
Hoe zorg je dat websitebezoekers klanten wordenHoe zorg je dat websitebezoekers klanten worden
Hoe zorg je dat websitebezoekers klanten worden
 
Plone add-on packages uit Nederland - Fred van Dijk
Plone add-on packages uit Nederland - Fred van DijkPlone add-on packages uit Nederland - Fred van Dijk
Plone add-on packages uit Nederland - Fred van Dijk
 
KNMP naar Plone 4 - Jan Murre
KNMP naar Plone 4 - Jan MurreKNMP naar Plone 4 - Jan Murre
KNMP naar Plone 4 - Jan Murre
 
Globalisering In Ict
Globalisering In IctGlobalisering In Ict
Globalisering In Ict
 
Hrm With Plone
Hrm With PloneHrm With Plone
Hrm With Plone
 
Praktijkcase Somo CMS Congres 2009
Praktijkcase Somo CMS Congres 2009Praktijkcase Somo CMS Congres 2009
Praktijkcase Somo CMS Congres 2009
 
Agile Project Management
Agile Project ManagementAgile Project Management
Agile Project Management
 

Plone voor uw mobiel - Jean-Paul Ladage

  • 1. Plone voor uw mobiel Sprekers Jean-Paul Ladage Datum 14 september 2010 Locatie Euromast Rotterdam
  • 2. Agenda • Groei mobiel internet • Effectief uw doelgroep bereiken • Waar moet u rekening mee houden • Plone GoMobile • Voorbeeld zestsoftware.nl
  • 3.
  • 4. Groei mobiel internet • 28 % van alle Nederlanders gebruikt mobiel internet • Afgelopen jaar met 37% toegenomen in de leeftijdscategorie 25 tot 35 jaar. • 50% van jongeren tussen de 15 en 25 jaar gebruikt dagelijks mobiel internet • Belangrijkste reden voor de groei is verbetering in gebruiksvriendelijkheid
  • 5. Effectief uw doelgroep bereiken Veel mensen gebruiken hun mobiel om e-mail te lezen, te twitteren, weblogs en websites te lezen, krabbeltjes acher te laten op hyves, status updates op LinkedIn te zetten, een route te plannen, trainingen bij te houden in runkeeper, enzovoort enzovoort, ... enzovoort, ... Wat doet u?
  • 6. Effectief uw doelgroep bereiken • Andriod en iPhone concurreren met elkaar met het concept van apps, die betaald of gratis gedownload kunnen worden. • Voordeel van apps is de consistentie in de gebruikersinterface. • Nadeel, er dienen 2 aparte apps ontwikkeld te worden. • Met een webgebaseerde app bereikt u met minder kosten meer mensen.
  • 7. Waar moet u rekening mee houden • Welke mobieltjes worden het meest gebruikt door uw doelgroep? • Welke schermresoluties wilt u optimaliseren? • Zorg voor snelle laadtijd, blijf tussen 30 - 50 KB, zeker voor de homepage • Pas CSS-sprites toe waar mogelijk • Gebruik zo min mogelijk afbeeldingen.
  • 8. Wat gebruikt uw doelgroep? 5% 15% 43% 18% 19% Symbian Blackberry Android iPhone Windows Mobile
  • 9. Welke schermresoluties wilt u optimaliseren? • 176 x 208 pixels - niet de moeite waard? • 240 x 320 pixels - de meest voorkomende. • 320 x 480 pixels - iPhone 3G(S) • 480 x 640 pixels - Nokia N97 • 960 x 640 pixels - iPhone 4
  • 10. Plone Go Mobile • Een verzameling tools waarmee u binnen Plone de content voor uw mobiele website kunt beheren. • Ieder stuk content kan gericht worden op alleen web, alleen mobiel of bieden kanalen. • Ieder stuk content kan voorzien worden van alternatieve content voor mobiel. • Browser detectie zorgt dat u direct doorgestuurd wordt naar http://m.mijndomein.nl • Afbeeldingen worden automatisch geschaald naar een passend formaat.
  • 11. Plone Go Mobile • Ieder stuk content kan gericht worden op alleen web, alleen mobiel of bieden kanalen. • Eenvoudig een deel van de mappenstructuur uitschakelen voor mobiel
  • 12. Plone Go Mobile • Subnavigatie onderaan de pagina tonen. • Item uitsluiten van bovenliggende lijst
  • 13. Plone Go Mobile • Per veld kunt u een alternatieve tekst invoeren voor weergave op de mobiel • Tip: houd titels gelijk en verkort de omschrijving en hoofdtekst.
  • 14. Plone GoMobile voor de website van Zest Software - Het logo linkt naar de homepage
  • 15. Overzicht van de laatste nieuwsberichten, weblog items en de geplande events in agenda
  • 16. Onderaan iedere pagina wordt de navigatie getoond.
  • 17. Met één klik op het telefoonnummer belt u direct HTML5 code <a href="tel:+31102959251">bel mij</ a>
  • 19. Mobi - Infrae • Mobi is geïnspireerd op MIT’s Mobile Web implementatie. http://m.mit.edu/ • Opgebouwd uit drie lagen: browser detectie , device categorisatie en content generator.
  • 20.
  • 21. Revelante bronnen • http://projects.zestsoftware.nl/guidelines/mobile-development.html • http://dev.opera.com/articles/view/the-mobile-web-optimization-guide • http://labs.thesedays.com/2010/07/16/10-tips-for-designing-mobile-websites/ • Boek: Mobile Web Development - door Nirav Mehta • https://www.packtpub.com/mobile-web-development/book • http://infrae.com/download/mobi