Pourquoi un site Mobile ? Quelles contraintes et quelles méthodes pour monter son site mobile ?

1. MON SITE
EN VERSION MOBILE
Novembre 2012
André Gentit

2. POURQUOI ?
André Gentit

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

4. André Gentit

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

6. André Gentit

7. André Gentit

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

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

10. M-commerce
André Gentit

11. NOEL 2013
André Gentit

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

13. COMMENT ?
André Gentit

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

15. André Gentit

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

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

18. Responsive design
André Gentit

19. Responsive design
André Gentit

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

21. En résumé
André Gentit

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

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

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