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

Plone voor uw mobiel - Jean-Paul Ladage

  • 1.
    Plone voor uwmobiel 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
  • 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 doelgroepbereiken 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 doelgroepbereiken • 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 urekening 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 uwdoelgroep? 5% 15% 43% 18% 19% Symbian Blackberry Android iPhone Windows Mobile
  • 9.
    Welke schermresoluties wiltu 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 dewebsite van Zest Software - Het logo linkt naar de homepage
  • 15.
    Overzicht van delaatste nieuwsberichten, weblog items en de geplande events in agenda
  • 16.
    Onderaan iedere pagina wordtde navigatie getoond.
  • 17.
    Met één klikop het telefoonnummer belt u direct HTML5 code <a href="tel:+31102959251">bel mij</ a>
  • 18.
  • 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.
  • 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
  • 22.