Les principes Gestalt appliqués au webdesign

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

Transcript of Les principes Gestalt appliqués au webdesign

v

THIERRY ANDRIANALISOA

LES PRINCIPES GESTALTAPPLIQUÉ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 arrangement sur l’image.

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

L’EMERGENCE

LA RÉIFICATION

LA MULTISTABILITÉ

L’INVARIANCE

LES 4 PRINCIPES FONDAMENTAUX

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

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

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

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ément.

‘Multistabilité’

© 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

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, l’angle ou l’échelle d’un objet.

‘Invariance’

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

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ÈVEhttp://matsuso-t.com/en/about/

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

EXEMPLES

MAUVAIS ÉLÈVEhttp://dblg.co.uk/

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

Let’s talk about UX ! [email protected] - +33 1 45 61 47 56 - @UXRepublic

DIGITAL THINKING Agence de Design d’interfaces & Centre de formation

blog.ux-republic.com