Lois de Gestalt

Dans le cadre du cours Human Centered Design donné à la Haute école Albert Jacquard, il nous a été demandé d’analyser des sites comprenant des principes des lois de Gestalt. Dans la première partie de l’exercice, il fallait faire des screenshot des parties qui représentaient une lois chacune. Dans la seconde partie, le but était de trouver un site regroupant plusieurs principe de Gestalt.

Le principe de Gestalt… Gneee ?

Il existe 7 principes:

  • similarité: associer des éléments semblables
similarité
  • proximité: des points proches tendent à être considérés comme faisant partie d’une même forme.
proximité
  • cloture: notre cerveau va tenter de combler les vides afin percevoir une forme dans sa totalité.
cloture
  • symétrie: une barre horizontale ou verticale symbolisant un miroir, les mêmes éléments sont appliqués de chaque côté du “miroir”
symétrie
  • continuité: des points rapprochés sont perçus dans une continuité et tendent à représenter des formes.
continuité
  • fond/figure: des parties distinctes qui forment un avant plan et un arrière plan.
fond/figure
  • point focal: c’est la convergence de plusieurs points en un seul qui attire notre oeil
point focal

Partie 1:


similarité 1
similarité 2
proximité 1
proximité 2
cloture 1
cloture 2
symétrie 1
symétrie 2
continuité 1
continuité 2
fond figure 1
fond figure 2
point focal 1
point focal 2

Partie 2:

Site n°1: http://www.be.com/marques/bershka/

Dans ce site on peut remarquer 3 principes de la Gestalt qui sont:

  • fond/figure: dans le header (vert) on peut voir une dame en image de fond et du texte en avant plan, on fait bien la distinction entre l’avant plan et l’arrière plan.
  • la continuité: toujours dans le header on aperçoit une barre verticale précédé d’un titre et d’une flèche, ça nous montre que le site est construit à la verticale et nous donne envie de continuer notre lecture.
  • la similarité: dans les products, qui sont placé en grille, on repère une certaine similarité entre l’allure de tous les produits.

site n°2: http://www.skyrim-universe.com/forum/index.php?showtopic=967#p18467

Dans ce site, on peut remarquer également 3 principes de Gestalt:

  • la continuité: le site est entièrement créé dans 1 seul bloc vertical.
  • fond/figure: dans le header il y a comme pour l’autre site, une image de fond représentant ici un lieu du jeux et le titre en avant plan.
  • similarité: les blocs de texte sont identiques dans le tout premier post du site, il y a le mot dans la langue du jeux en noir, la traduction anglaise en bleu et la traduction française en rouge.

site n°3: https://www.apple.com/uk/?cid=oas-em-domains-apple.uk

Dans ce site, le principe de Gestalt est appliqué à:

  • continuité: les deux téléphones placés à la verticale donnent un sentiment de continuité, et nous donne envie de scroller.
  • similarité: les 3 montres dans la zone product sont à peu de choses près identiques.
  • symétrie: les 4 produits sont séparé par un axe vertical (une bande blanche).
One clap, two clap, three clap, forty?

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