Upload
clic-en-berry
View
443
Download
1
Embed Size (px)
DESCRIPTION
Intervention dans le cadre de la Webschool de Bourges, session mobilité. Mon site en version Mobile :pourquoi ? Comment ?
Citation preview
André Gentit
MON SITE
EN VERSION MOBILE Novembre 2012
André Gentit André Gentit
POURQUOI ?
André Gentit André Gentit Source : http://www.le-webmarketeur.com
André Gentit André Gentit
André Gentit André Gentit
Les mobinautes
Source : http://fr.slideshare.net/agencedagobert/
André Gentit André Gentit
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 André Gentit
M-commerce
André Gentit
NOEL 2013
André Gentit André Gentit
Taux de pénétration des QR codes
André Gentit André Gentit
COMMENT ?
André Gentit André Gentit
10 bonnes pratiques pour un site mobile
Source : http://www.google.com
André Gentit 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
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
A très bientôt…
FIN