MON SITE
EN VERSION MOBILE
Novembre 2012

André Gentit
POURQUOI ?

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

André Gentit
André Gentit
Les mobinautes

Source : http://fr.slideshare.net/agencedagobert/

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
M-commerce

André Gentit
NOEL 2013

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

André Gentit
COMMENT ?

André Gentit
10 bonnes pratiques pour un site mobile

Source : http://www.google.com

André Gentit
André Gentit
Un site mobile doit
• Répondre à l’attente des utilisateurs tant au niveau
•
•
•
•

ergonomique que des fonctionnalités
El...
Les techniques
• Un framework comme Jquery mobile
• Détection Javascript
• Responsive design

• Plugins
• Wordpress (mobil...
Responsive design

André Gentit
Responsive design

André Gentit
Facile ?
Il vous faudra comprendre :
• les Media Queries
•
•
•

@media screen and (min-width: 800px)
@media screen and (mi...
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://ww...
FIN
A très bientôt…

André Gentit
Prochain SlideShare
Chargement dans…5
×

Mon site en version mobile

617 vues

Publié le

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

Publié dans : Technologie
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
617
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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

×