Principles of Design Flashcards

1
Q

Un document conçu à la lumière de ce principe présente ces avantages:

-Il apparait plus facile à utiliser, et il le sera plus avec le temps.
-Il est mieux accepté.
-Il favorise la pensée créative et la résolution de problème.
-Il rend le lecteur plus tolérant aux erreurs qu’il contiendrait.
-Il encourage une relation positive du lecteur avec la source.

A. L’effet Esthétique-Utilisabilité (Aesthetic-Usability Effect)
B. Le diagramme de Gutenberg (Gutenberg Diagram)
C. L’effet de la couleur

A

L’effet Esthétique-Utilisabilité (Aesthetic-Usability Effect)

Un document plaisant à regarder et à consulter apparaît plus facilement utilisable.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Associez ces types d’alignement avec leur caractéristique :

-Alignement le long d’une diagonale

A. Plus difficile à suivre; possible si l’angle dépasse les 30 degrés
B. À privilégier dans les documents complexes
C. Présente un alignement plus équivoque
D. Présente les indices d’alignement les plus saillants
E. Plus difficile à suivre; possible si l’alignement est clairement mis en valeur

A

Plus difficile à suivre; possible si l’angle dépasse les 30 degrés

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Associez ces types d’alignement avec leur caractéristique :

-Alignement justifié

A. Plus difficile à suivre; possible si l’angle dépasse les 30 degrés
B. À privilégier dans les documents complexes
C. Présente un alignement plus équivoque
D. Présente les indices d’alignement les plus saillants
E. Plus difficile à suivre; possible si l’alignement est clairement mis en valeur

A

À privilégier dans les documents complexes

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Associez ces types d’alignement avec leur caractéristique :

-Alignement au centre (centré)

A. Plus difficile à suivre; possible si l’angle dépasse les 30 degrés
B. À privilégier dans les documents complexes
C. Présente un alignement plus équivoque
D. Présente les indices d’alignement les plus saillants
E. Plus difficile à suivre; possible si l’alignement est clairement mis en valeur

A

Présente un alignement plus équivoque

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Associez ces types d’alignement avec leur caractéristique :

-Alignement à gauche ou à droite

A. Plus difficile à suivre; possible si l’angle dépasse les 30 degrés
B. À privilégier dans les documents complexes
C. Présente un alignement plus équivoque
D. Présente les indices d’alignement les plus saillants
E. Plus difficile à suivre; possible si l’alignement est clairement mis en valeur

A

Présente les indices d’alignement les plus saillants

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Associez ces types d’alignement avec leur caractéristique :

-Alignement en spirale ou circulaire

A. Plus difficile à suivre; possible si l’angle dépasse les 30 degrés
B. À privilégier dans les documents complexes
C. Présente un alignement plus équivoque
D. Présente les indices d’alignement les plus saillants
E. Plus difficile à suivre; possible si l’alignement est clairement mis en valeur

A

Plus difficile à suivre; possible si l’alignement est clairement mis en valeur

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Vrai ou faux?
Les preuves appuyant un effet significatif de la couleur sur les émotions ou l’humeur ne sont pas concluantes. De plus, le symbolisme associé aux couleurs n’est pas universel.

A

Vrai

Bien que l’utilisation de la couleur soit un outil de choix quand vient le temps de concevoir des documents efficaces et faciles à lire, une approche nuancée est de mise!

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Le courriel est un moyen de communication relativement récent, qui a emprunté beaucoup de ses éléments (Appel, salutation, signature…) à la lettre papier traditionnelle. Quelle raison pourrait expliquer la situation?

A. Le principe du modèle mental. La compréhension et l’interaction avec le courriel s’est développé en se basant sur notre expérience comme lecteur de lettre papier.
B. Le diagramme de Gutenberg. Les 2 partagent la même “gravité en lecture”, ils se sont donc développés en parallèle.
C. Le principe de similarité. Ces 2 moyens sont utilisés dans des contextes identiques.

A

Le principe du modèle mental. La compréhension et l’interaction avec le courriel s’est développé en se basant sur notre expérience comme lecteur de lettre papier.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Le principe de similarité est intéressant en communication écrite, car il permet de réduire la complexité d’un document; c’est aussi un excellent outil pour accentuer les relations entre ses différents éléments.

Dans l’ordre, quels sont les types de similarité dont l’effet est le plus efficace?

  • Similarité de dimension
  • Similarité de couleur
  • Similarité de forme
A
  1. Similarité de couleur
  2. Similarité de dimension
  3. Similarité de forme
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Associe le concept à sa définition.

  • Les gens perçoivent comme plus faciles à utiliser les designs plus
    esthétiques. Ces derniers sont aussi plus facilement acceptés et adoptés; ils favoriseraient aussi la pensée créative et la résolution de problème.

a) Effet d’esthétique-utilisabilité
b) Alignement
c) Groupement
d) Fermeture
e) Couleur
f) Point d’entrée
g) Diagramme de Gutenberg
h) Surlignement
i) Horreur du vide
j) Lisibilité perceptive
k) Modèle mental
l) Proximité
m) Effets de position sérielle
n) Similarité

A

Effet d’esthétique-utilisabilité

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Associe le concept à sa définition.

  • Les éléments d’un design doivent être positionnés de façon à ce qu’ils
    s’alignent avec les bordures ou le centre des autres éléments. Il existe des formes simples (à droite, centré…) et complexes (avec la diagonale, en angle…) d’alignement. […] crée une impression d’unité, de cohésion et de stabilité; il dirige le regard.

a) Effet d’esthétique-utilisabilité
b) Alignement
c) Groupement
d) Fermeture
e) Couleur
f) Point d’entrée
g) Diagramme de Gutenberg
h) Surlignement
i) Horreur du vide
j) Lisibilité perceptive
k) Modèle mental
l) Proximité
m) Effets de position sérielle
n) Similarité

A

Alignement

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Associe le concept à sa définition.

  • Technique visant à combiner des unités d’information en un nombre limité d’unités (ou de groupes) pour en faciliter le traitement et la mémorisation. Par exemple, un numéro de téléphone (comme 418 656-2131) présente 3 « chunks » d’information, et non 10 chiffres individuels (4186562131).

a) Effet d’esthétique-utilisabilité
b) Alignement
c) Groupement
d) Fermeture
e) Couleur
f) Point d’entrée
g) Diagramme de Gutenberg
h) Surlignement
i) Horreur du vide
j) Lisibilité perceptive
k) Modèle mental
l) Proximité
m) Effets de position sérielle
n) Similarité

A

Groupement

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Associe le concept à sa définition.

  • Les gens ont tendance à percevoir des éléments individuels comme étant organisés en une forme globale, facilement reconnaissable.

a) Effet d’esthétique-utilisabilité
b) Alignement
c) Groupement
d) Fermeture
e) Couleur
f) Point d’entrée
g) Diagramme de Gutenberg
h) Surlignement
i) Horreur du vide
j) Lisibilité perceptive
k) Modèle mental
l) Proximité
m) Effets de position sérielle
n) Similarité

A

Fermeture

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Associe le concept à sa définition.

  • Les […] peuvent être utilisées pour attirer l’attention, regrouper des éléments, donner un sens ou pour améliorer l’esthétique. Leur nombre, leur combinaison, leur saturation et leur symbolisme doivent être pris en compte.

a) Effet d’esthétique-utilisabilité
b) Alignement
c) Groupement
d) Fermeture
e) Couleur
f) Point d’entrée
g) Diagramme de Gutenberg
h) Surlignement
i) Horreur du vide
j) Lisibilité perceptive
k) Modèle mental
l) Proximité
m) Effets de position sérielle
n) Similarité

A

Couleur

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Associe le concept à sa définition.

  • Un élément, physique ou attentionnel, par où entrer dans un design. Un […] réussi ne présente pas de barrières, il permet aux gens de s’orienter et il leur offre progressivement des leurres pour les attirer.

a) Effet d’esthétique-utilisabilité
b) Alignement
c) Groupement
d) Fermeture
e) Couleur
f) Point d’entrée
g) Diagramme de Gutenberg
h) Surlignement
i) Horreur du vide
j) Lisibilité perceptive
k) Modèle mental
l) Proximité
m) Effets de position sérielle
n) Similarité

A

Point d’entrée

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

Associe le concept à sa définition.

  • Pattern que suit l’œil quand il parcourt un document dans lequel
    l’information est distribuée de façon homogène. Le document se découpe en 4 quadrants; l’œil s’y déplace sous l’effet de la gravité de la lecture.

a) Effet d’esthétique-utilisabilité
b) Alignement
c) Groupement
d) Fermeture
e) Couleur
f) Point d’entrée
g) Diagramme de Gutenberg
h) Surlignement
i) Horreur du vide
j) Lisibilité perceptive
k) Modèle mental
l) Proximité
m) Effets de position sérielle
n) Similarité

A

Diagramme de Gutenberg

17
Q

Associe le concept à sa définition.

  • Technique visant à attirer l’attention sur une zone particulière d’un texte ou d’une image. On peut tirer profit de plusieurs procédés (généraux, couleur, clignotement…) pour capter l’attention.

a) Effet d’esthétique-utilisabilité
b) Alignement
c) Groupement
d) Fermeture
e) Couleur
f) Point d’entrée
g) Diagramme de Gutenberg
h) Surlignement
i) Horreur du vide
j) Lisibilité perceptive
k) Modèle mental
l) Proximité
m) Effets de position sérielle
n) Similarité

A

Surlignement

18
Q

Associe le concept à sa définition.

  • La tendance à vouloir remplir les espaces vides avec des objets et des éléments plutôt que de les laisser vides. Il existerait une relation inversement proportionnelle entre le […] et la perception de la valeur.

a) Effet d’esthétique-utilisabilité
b) Alignement
c) Groupement
d) Fermeture
e) Couleur
f) Point d’entrée
g) Diagramme de Gutenberg
h) Surlignement
i) Horreur du vide
j) Lisibilité perceptive
k) Modèle mental
l) Proximité
m) Effets de position sérielle
n) Similarité

A

Horreur du vide

19
Q

Associe le concept à sa définition.

  • Clarté visuelle d’un texte, déterminée en se basant, par exemple, sur la taille, le contraste ou l’espacement des caractères

a) Effet d’esthétique-utilisabilité
b) Alignement
c) Groupement
d) Fermeture
e) Couleur
f) Point d’entrée
g) Diagramme de Gutenberg
h) Surlignement
i) Horreur du vide
j) Lisibilité perceptive
k) Modèle mental
l) Proximité
m) Effets de position sérielle
n) Similarité

A

Lisibilité perceptive

20
Q

Associe le concept à sa définition.

  • Les gens comprennent et interagissent avec des systèmes ou des environnements en se basant sur des […] développées à partir de leurs expériences

a) Effet d’esthétique-utilisabilité
b) Alignement
c) Groupement
d) Fermeture
e) Couleur
f) Point d’entrée
g) Diagramme de Gutenberg
h) Surlignement
i) Horreur du vide
j) Lisibilité perceptive
k) Modèle mental
l) Proximité
m) Effets de position sérielle
n) Similarité

A

Modèle mental

21
Q

Associe le concept à sa définition.

  • Tendance à regrouper les éléments rapprochés dans l’espace. Ces derniers sont perçus comme ayant plus de choses en commun que des éléments qui seraient plus éloignés les uns des autres.

a) Effet d’esthétique-utilisabilité
b) Alignement
c) Groupement
d) Fermeture
e) Couleur
f) Point d’entrée
g) Diagramme de Gutenberg
h) Surlignement
i) Horreur du vide
j) Lisibilité perceptive
k) Modèle mental
l) Proximité
m) Effets de position sérielle
n) Similarité

A

Proximité

22
Q

Associe le concept à sa définition.

  • Phénomène relatif à la mémorisation: il est plus facile de se rappeler les éléments présentés au début (effet de primauté) et à la fin (effet de récence) d’une liste.

a) Effet d’esthétique-utilisabilité
b) Alignement
c) Groupement
d) Fermeture
e) Couleur
f) Point d’entrée
g) Diagramme de Gutenberg
h) Surlignement
i) Horreur du vide
j) Lisibilité perceptive
k) Modèle mental
l) Proximité
m) Effets de position sérielle
n) Similarité

A

Effets de position sérielle

23
Q

Associe le concept à sa définition.

  • Tendance à regrouper les éléments qui présentent des similitudes. Ils sont perçus comme ayant plus de choses en commun que des éléments qui seraient dépareillés.

a) Effet d’esthétique-utilisabilité
b) Alignement
c) Groupement
d) Fermeture
e) Couleur
f) Point d’entrée
g) Diagramme de Gutenberg
h) Surlignement
i) Horreur du vide
j) Lisibilité perceptive
k) Modèle mental
l) Proximité
m) Effets de position sérielle
n) Similarité

A

Similarité