Plone voor uw mobiel

Sprekers Jean-Paul LadageDatum 14 september 2010Locatie Euromast Rotterdam

• Groei mobiel internet

• Effectief uw doelgroep bereiken

• Waar moet u rekening mee houden

• Plone GoMobile

• Voorbeeld zestsoftware.nl

Agenda

• 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

Groei mobiel internet

Effectief uw doelgroep bereikenVeel 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?

•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.

Effectief uw doelgroep bereiken

• 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.

Waar moet u rekening mee houden

Wat gebruikt uw doelgroep?

43%

19%

18%

15%

5%

SymbianBlackberryAndroidiPhoneWindows Mobile

• 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

Welke schermresoluties wilt u optimaliseren?

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 directHTML5 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