MON SITE
EN VERSION MOBILE
Novembre 2012
André Gentit

POURQUOI ?
André Gentit

Source : http://www.le-webmarketeur.com
André Gentit

André Gentit

Les mobinautes
Source : http://fr.slideshare.net/agencedagobert/
André Gentit

André Gentit

André Gentit

Le développement du m-commerce
Source : http://www.warrendunlop.com/
André Gentit

Le développement du m-commerce
Source : http://www.warrendunlop.com/
André Gentit

M-commerce
André Gentit

NOEL 2013
André Gentit

Taux de pénétration des QR codes
André Gentit

COMMENT ?
André Gentit

10 bonnes pratiques pour un site mobile
Source : http://www.google.com
André Gentit

André Gentit

Un site mobile doit
• Répondre à l’attente des utilisateurs tant au niveau
•
•
•
•
ergonomique que des fonctionnalités
Elle doit proposer une fonctionnalité principale et non une
profusion d’options
Proposer des innovations visuelles ou ergonomiques.
Les interfaces épurées sont très en vogue…
S’adapter à la taille de l’écran qui le lit !
André Gentit

Les techniques
• Un framework comme Jquery mobile
• Détection Javascript
• Responsive design
• Plugins
• Wordpress (mobilize, Wptouch, Mobilepress)
• Spip (cimobile, iTwX, iSpip)
• Etc…
André Gentit

Responsive design
André Gentit

Responsive design
André Gentit

Facile ?
Il vous faudra comprendre :
• les Media Queries
•
•
•
@media screen and (min-width: 800px)
@media screen and (min-width: 1024px) and (max-width: 1280px)
@media screen and (orientation:landscape)
• Le concept du viewport
• La densité des pixels
• La capacité des mobiles à
vous berner !
• Gérer l’affichage des polices
• Gérer la taille et le poids des
images
André Gentit

En résumé
André Gentit

Autre solution
• Les plateformes de génération de sites mobiles
André Gentit

Quelques plateformes
• http://mobile.wix.com/
• http://www.parumobile.com/
• http://www.myelefant.com/gratuit
• http://www.wobile.fr/
• http://fr.jimdo.com/ avec le tutoriel
• http://www.onbile.com/fr/creez-sites-web-mobile/
• Etc…
André Gentit

FIN
A très bientôt…
André Gentit