v
THIERRY ANDRIANALISOA
LES PRINCIPES GESTALT
APPLIQUÉS AU WEBDESIGN
© copyright ux-republic 2015 - blog.ux-republic.com
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
THIERRY ANDRIANALISOA
Combien de pattes a l’éléphant ?
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
Combien de pattes a l’éléphant ?
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
Combien de pattes a l’éléphant ?
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
‘Gestalt’
Ce sont des principes selon lequel notre perception
des formes peut être altérée grâce à une variation ou à
un a...
L’EMERGENCE
LA RÉIFICATION
LA MULTISTABILITÉ
L’INVARIANCE
LES 4 PRINCIPES FONDAMENTAUX
© copyright ux-republic 2015 - blog...
1. EMERGENCE
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
EMERGENCE
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
EMERGENCE
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
EMERGENCE
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
Pour identifier un objet on compare ses formes à celles
qui nous sont familières.
EMERGENCE
‘Emergence’
© copyright ux-repu...
EMERGENCE
APPLICATIONS DANS LE WEB
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
EMERGENCE
APPLICATIONS DANS LE WEB
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
EMERGENCE
APPLICATIONS DANS LE WEB
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
2. RÉIFICATION
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
RÉIFICATION
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
RÉIFICATION
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
Combler le vide pour faciliter compréhension, même si
des éléments sont manquants.
RÉIFICATION
‘Réification’
© copyright ux...
RÉIFICATION
APPLICATIONS DANS LE WEB
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
RÉIFICATION
APPLICATIONS DANS LE WEB
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
RÉIFICATION
APPLICATIONS DANS LE WEB
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
3. MULTISTABILITÉ
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
MULTISTABILITÉ
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
MULTISTABILITÉ
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
MULTISTABILITÉ
Si un objet a plus de deux interprétations, on en
identifiera un à la fois mais jamais les deux
simultanémen...
MULTISTABILITÉ
APPLICATIONS DANS LE WEB
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
MULTISTABILITÉ
APPLICATIONS DANS LE WEB
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
4. INVARIANCE
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
INVARIANCE
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
INVARIANCE
C’est la capacité qu’on a à reconnaitre un objet malgré
une déformation ou une modification dans la
perspective,...
INVARIANCE
APPLICATIONS DANS LE WEB
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
EXEMPLES
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
EXEMPLES
BON ÉLÈVE
http://matsuso-t.com/en/about/
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianali...
EXEMPLES
MAUVAIS ÉLÈVE
http://dblg.co.uk/
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
Let’s talk about UX ! hello@ux-republic.com - +33 1 45 61 47 56 - @UXRepublic
DIGITAL THINKING
Agence de Design d’interfac...
Prochain SlideShare
Chargement dans…5
×

Les principes Gestalt appliqués au webdesign

2 196 vues

Publié le

UX-REPUBLIC
Agence de Design d'interfaces & Centre de formation.
www.ux-republic.com

156 boulevard Haussmann - 75008 Paris
+33 1 45 61 47 56 - hello@ux-republic.com

Thierry Andrianalisoa
https://fr.linkedin.com/pub/thierry-andrianalisoa/2a/548/608

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

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

Aucune remarque pour cette diapositive

Les principes Gestalt appliqués au webdesign

  1. 1. v THIERRY ANDRIANALISOA LES PRINCIPES GESTALT APPLIQUÉS AU WEBDESIGN © copyright ux-republic 2015 - blog.ux-republic.com
  2. 2. © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa THIERRY ANDRIANALISOA
  3. 3. Combien de pattes a l’éléphant ? © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  4. 4. Combien de pattes a l’éléphant ? © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  5. 5. Combien de pattes a l’éléphant ? © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  6. 6. © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  7. 7. ‘Gestalt’ Ce sont des principes selon lequel notre perception des formes peut être altérée grâce à une variation ou à un arrangement sur l’image. © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  8. 8. L’EMERGENCE LA RÉIFICATION LA MULTISTABILITÉ L’INVARIANCE LES 4 PRINCIPES FONDAMENTAUX © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  9. 9. 1. EMERGENCE © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  10. 10. EMERGENCE © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  11. 11. EMERGENCE © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  12. 12. EMERGENCE © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  13. 13. Pour identifier un objet on compare ses formes à celles qui nous sont familières. EMERGENCE ‘Emergence’ © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  14. 14. EMERGENCE APPLICATIONS DANS LE WEB © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  15. 15. EMERGENCE APPLICATIONS DANS LE WEB © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  16. 16. EMERGENCE APPLICATIONS DANS LE WEB © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  17. 17. 2. RÉIFICATION © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  18. 18. RÉIFICATION © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  19. 19. RÉIFICATION © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  20. 20. Combler le vide pour faciliter compréhension, même si des éléments sont manquants. RÉIFICATION ‘Réification’ © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  21. 21. RÉIFICATION APPLICATIONS DANS LE WEB © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  22. 22. RÉIFICATION APPLICATIONS DANS LE WEB © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  23. 23. RÉIFICATION APPLICATIONS DANS LE WEB © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  24. 24. 3. MULTISTABILITÉ © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  25. 25. MULTISTABILITÉ © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  26. 26. MULTISTABILITÉ © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  27. 27. MULTISTABILITÉ Si un objet a plus de deux interprétations, on en identifiera un à la fois mais jamais les deux simultanément. ‘Multistabilité’ © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  28. 28. MULTISTABILITÉ APPLICATIONS DANS LE WEB © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  29. 29. MULTISTABILITÉ APPLICATIONS DANS LE WEB © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  30. 30. 4. INVARIANCE © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  31. 31. INVARIANCE © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  32. 32. INVARIANCE C’est la capacité qu’on a à reconnaitre un objet malgré une déformation ou une modification dans la perspective, l’angle ou l’échelle d’un objet. ‘Invariance’ © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  33. 33. INVARIANCE APPLICATIONS DANS LE WEB © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  34. 34. EXEMPLES © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  35. 35. EXEMPLES BON ÉLÈVE http://matsuso-t.com/en/about/ © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  36. 36. EXEMPLES MAUVAIS ÉLÈVE http://dblg.co.uk/ © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
  37. 37. Let’s talk about UX ! hello@ux-republic.com - +33 1 45 61 47 56 - @UXRepublic DIGITAL THINKING Agence de Design d’interfaces & Centre de formation blog.ux-republic.com

×