Design + Web = EFFICACITÉ<br />Marie-Pier Falardeau-Drouin<br />Tendancesweb.com<br />
Ordre du jour<br /><ul><li>Design web
Ergonomie web
Tendances web
Sites corporatifs
Quelques notions!
Sites à vocation créative
Guide de survie
Conclusion</li></li></ul><li>DESIGN web<br /><ul><li>Image du site web
Créativité
Fonctionnalités
Contenant
Ergonomie Web</li></li></ul><li>ERGONOMIE  web<br />L’art d’optimiser le dialogue entre les humains et les sites web<br />...
mon expérienceTENDANCESWEB.COM <br />Quelle image <br />tendancesweb.com <br />doit dégager?<br />
mon expérienceTENDANCESWEB.COM <br />
ENTREPRISESsur le web<br />Site informatif <br />VS <br />Site transactionnel<br />
ERGONOMIE + sites transactionnels<br />Avant<br /><ul><li>Fonctions du site
Chemin à suivre
Outils</li></li></ul><li>Quelques notions…WIREFRAME<br />
Quelques notions…WIREFRAME<br />
Prochain SlideShare
Chargement dans…5
×

Pecha kucha

585 vues

Publié le

Voici la présentation utilisée lors de la conférence 90 minutes de marketing électronique, à l'Université de Sherbrooke.

La formule utilisée est celle du Pecha Kucha, soit 20 diaporamas d'une durée de 20 secondes seulement.

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

  • Soyez le premier à aimer ceci

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

Aucune remarque pour cette diapositive

Pecha kucha

  1. 1. Design + Web = EFFICACITÉ<br />Marie-Pier Falardeau-Drouin<br />Tendancesweb.com<br />
  2. 2. Ordre du jour<br /><ul><li>Design web
  3. 3. Ergonomie web
  4. 4. Tendances web
  5. 5. Sites corporatifs
  6. 6. Quelques notions!
  7. 7. Sites à vocation créative
  8. 8. Guide de survie
  9. 9. Conclusion</li></li></ul><li>DESIGN web<br /><ul><li>Image du site web
  10. 10. Créativité
  11. 11. Fonctionnalités
  12. 12. Contenant
  13. 13. Ergonomie Web</li></li></ul><li>ERGONOMIE web<br />L’art d’optimiser le dialogue entre les humains et les sites web<br />Source: www.ergolab.net/articles/ergonomie-informatique.php<br />
  14. 14. mon expérienceTENDANCESWEB.COM <br />Quelle image <br />tendancesweb.com <br />doit dégager?<br />
  15. 15. mon expérienceTENDANCESWEB.COM <br />
  16. 16. ENTREPRISESsur le web<br />Site informatif <br />VS <br />Site transactionnel<br />
  17. 17. ERGONOMIE + sites transactionnels<br />Avant<br /><ul><li>Fonctions du site
  18. 18. Chemin à suivre
  19. 19. Outils</li></li></ul><li>Quelques notions…WIREFRAME<br />
  20. 20. Quelques notions…WIREFRAME<br />
  21. 21. Quelques notions…TEST D’UTILISABILITÉ<br />
  22. 22. Quelques notions…TEST D’UTILISABILITÉ<br />?<br />Qualité <br />ou<br />Quantité<br />
  23. 23. ERGONOMIE + sites transactionnels<br />Pendant<br /><ul><li> Tests d’utilisabilité aussi souvent que possible!
  24. 24. Faire référence à des objets connus </li></li></ul><li>ERGONOMIE + sites transactionnels<br />Site de base<br />Site merveilleux<br />Long chemin<br />
  25. 25. Amélioration constanteHEATMAPS<br />
  26. 26. Amélioration constanteA/B TESTING<br />
  27. 27. Un site funky, c’est bien ça aussi !<br />
  28. 28. Sites funky!<br />
  29. 29. Guide de survie<br /><ul><li>Réfléchir avant d’agir
  30. 30. Monter le site avec intelligence
  31. 31. Esprit d’amélioration continue
  32. 32. Faire le tout dans la joie </li></li></ul><li>Merci !<br />N’oubliez pas de visiter tendancesweb.com<br />

×