Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Mon site en version mobile

863 views

Published on

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

Published in: Technology
  • Be the first to comment

Mon site en version mobile

  1. 1. MON SITE EN VERSION MOBILE Novembre 2012 André Gentit
  2. 2. POURQUOI ? André Gentit
  3. 3. Source : http://www.le-webmarketeur.com André Gentit
  4. 4. André Gentit
  5. 5. Les mobinautes Source : http://fr.slideshare.net/agencedagobert/ André Gentit
  6. 6. André Gentit
  7. 7. André Gentit
  8. 8. Le développement du m-commerce Source : http://www.warrendunlop.com/ André Gentit
  9. 9. Le développement du m-commerce Source : http://www.warrendunlop.com/ André Gentit
  10. 10. M-commerce André Gentit
  11. 11. NOEL 2013 André Gentit
  12. 12. Taux de pénétration des QR codes André Gentit
  13. 13. COMMENT ? André Gentit
  14. 14. 10 bonnes pratiques pour un site mobile Source : http://www.google.com André Gentit
  15. 15. André Gentit
  16. 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. 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. 18. Responsive design André Gentit
  19. 19. Responsive design André Gentit
  20. 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. 21. En résumé André Gentit
  22. 22. Autre solution • Les plateformes de génération de sites mobiles André Gentit
  23. 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. 24. FIN A très bientôt… André Gentit

×