Ce diaporama a bien été signalé.
Le téléchargement de votre SlideShare est en cours. ×
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Prochain SlideShare
Museo Botanico
Museo Botanico
Chargement dans…3
×

Consultez-les par la suite

1 sur 24 Publicité

Plus De Contenu Connexe

Similaire à Mon site en version mobile (20)

Publicité

Plus par ESTACOM Bourges - Communication | Créativité | Digital (20)

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

×