Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Mon site en version mobile

871 vues

Publié le

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

Publié dans : Technologie
  • Soyez le premier à commenter

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

×