Lois & Principes de Gestalt—Développements

Human Centered Design

Dans le cadre du cours HCD, il nous à été demandé d’analyser plusieurs pages en les détaillants par les différents principes de Gestalt. Décortiquer pour comprendre chaque partie d’un site web et leur utilité.

Née en Allemagne, le therme Gestalt signifie d’une part « forme » en allemand mais c’est aussi des principes de la perception visuelle bien définis pour « donner une structure signifiante » à quelque chose. Cette théorie est décomposée en de plusieurs lois. En voici quelques une:

Première analyse

1—Similarité
L’ aspect graphique similaire induit une fonction similaire et notre inconscient les regroupes.
Deux espaces similaires avec graphisme et fonctions différentes.
3 elements du même type graphique avec la même utilité.
2—Proximité
Les éléments proches faisant parti d’un même objet.
Les elements rapprocher crées des blocs distincts.
Ici les blocs sont carrément entourés d’un fin contour pour les délimités.
3—Clôture
La clôture comble les vides afin de percevoir une forme dans sa totalité.
Rectangle du footer plus foncé pour bien démarquer la zone du reste.
La ligne oblique crée un style graphique et en même temps sépare les deux zones.
4—Symétrie
Des éléments de même amplitude placée d’un coté et de l’autre d’un axe de symétrie.
Il y a d’un côté l’image et l’autre le texte, tout deux on des zones proportionnelles.
Ici on a le même principe.
5—Continuité
Des éléments rapprochés sont perçus comme une continuité et tendent à représenter des formes.
Les lignes verticales en arrière plan dirige le lecteur inconsciemment dans toute la page.
Cette ligne graphique représente l’endroit où se trouve l’utilisateur dans la page.
6—Fond/Figure
La figure possède un contour défini et se détache du fond moins défini, plus homogène.
Le focus est mit sur le cycliste et l’arrière plan est floué pour le mettre en valeur.
Ici aussi on met le produit en valeur grace au focus sur le téléphone.
7—Point focal
Un point, une zone, un texte vers lequel notre regard converge.

Deuxième analyse

Légende couleur des principes de Gestalt:

1—Analyse du site : HelloFresh

Sur cette page web on retrouve les principes de :

Similarité, proximité, clôture, symétrie, continuité, fond/figure.

2—Analyse du site : Within

Sur cette page web on retrouve les principes de:

Similarité, proximité, clôture, symétrie, continuité, fond/figure, point focal.

3—Analyse du site : Blizzard ski

Sur cette page web on retrouve les principes de:

Similarité, proximité, clôture, symétrie, continuité, fond/figure, point focal.

Sources des sites visités non précisés :

www.joop-fragrances.com

www.canyon.com

www.samsung.com

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.