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

1. v
THIERRY ANDRIANALISOA
LES PRINCIPES GESTALT
APPLIQUÉS AU WEBDESIGN
© copyright ux-republic 2015 - blog.ux-republic.com

2. © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa
THIERRY ANDRIANALISOA

3. Combien de pattes a l’éléphant ?
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

4. Combien de pattes a l’éléphant ?
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

5. Combien de pattes a l’éléphant ?
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

6. © copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

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. L’EMERGENCE
LA RÉIFICATION
LA MULTISTABILITÉ
L’INVARIANCE
LES 4 PRINCIPES FONDAMENTAUX
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

9. 1. EMERGENCE
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

10. EMERGENCE
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

11. EMERGENCE
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

12. EMERGENCE
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

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. EMERGENCE
APPLICATIONS DANS LE WEB
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

15. EMERGENCE
APPLICATIONS DANS LE WEB
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

16. EMERGENCE
APPLICATIONS DANS LE WEB
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

17. 2. RÉIFICATION
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

18. RÉIFICATION
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

19. RÉIFICATION
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

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. RÉIFICATION
APPLICATIONS DANS LE WEB
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

22. RÉIFICATION
APPLICATIONS DANS LE WEB
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

23. RÉIFICATION
APPLICATIONS DANS LE WEB
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

24. 3. MULTISTABILITÉ
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

25. MULTISTABILITÉ
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

26. MULTISTABILITÉ
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

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. MULTISTABILITÉ
APPLICATIONS DANS LE WEB
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

29. MULTISTABILITÉ
APPLICATIONS DANS LE WEB
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

30. 4. INVARIANCE
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

31. INVARIANCE
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

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. INVARIANCE
APPLICATIONS DANS LE WEB
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

34. EXEMPLES
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

35. EXEMPLES
BON ÉLÈVE
http://matsuso-t.com/en/about/
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

36. EXEMPLES
MAUVAIS ÉLÈVE
http://dblg.co.uk/
© copyright ux-republic 2015 - blog.ux-republic.com - Thierry Andrianalisoa

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