Table des mati\u00e8res<\/h4>\n\n\n\n- Qu’est-ce que le skeuomorphisme ?<\/a><\/li>
- L’histoire du skeuomorphisme<\/a><\/li>
- Critiques courantes et inconv\u00e9nients du skeuomorphisme dans la conception de l’exp\u00e9rience utilisateur<\/a><\/li>
- Avantages et utilisations de la conception skeuomorphique aujourd’hui<\/a><\/li>
- Exemples de skeuomorphisme dans la conception de l’exp\u00e9rience utilisateur<\/a><\/li>
- Le skeuomorphisme est-il toujours pertinent ?<\/a><\/li>
- Skeuomorphisme : meilleures pratiques pour la conception de l’exp\u00e9rience utilisateur<\/a><\/li><\/ul>\n<\/div><\/div>\n\n
Qu’est-ce que le skeuomorphisme ?<\/h2>\n\n
Le skeuomorphisme est une technique de conception dans laquelle les \u00e9l\u00e9ments de l’interface utilisateur ressemblent et parfois se comportent comme leurs homologues du monde r\u00e9el. Dans certains cas, l’objet skeuomorphe en est un que nous n’utilisons plus.<\/p>\n\n
Le terme \u00ab\u00a0skeuomorphe\u00a0\u00bb est d\u00e9riv\u00e9 du grec : <\/p>\n\n
skeuos (\u03c3\u03ba\u03b5\u1fe6\u03bf\u03c2<\/em>) = contenant ou outil<\/p>\n\nmorph\u1e17 (\u03bc\u03bf\u03c1\u03c6\u03ae<\/em>) = forme<\/p>\n\nIl a \u00e9t\u00e9 invent\u00e9 par le Dr Henry Colley March en 1889. \u00c0 l’origine, un skeuomorphe d\u00e9signait un objet physique qui avait des designs ou des caract\u00e9ristiques ornementales qui n’\u00e9taient plus pertinents ou n\u00e9cessaires. Comme un pot en argile qui avait des formes sculpt\u00e9es pour le faire ressembler \u00e0 un panier tress\u00e9.<\/p>\n\n
Un bon exemple de skeuomorphe que nous connaissons tous aujourd’hui est le Impossible Whopper de Burger King<\/a> : <\/p>\n\n![\"\"](\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2021\/11\/1-burger-king-impossible-whopper-skeuomorph.png\")
<\/figure>\n\nLes consommateurs sont tous familiers avec l’apparence d’un steak de b\u0153uf \u2014 en particulier l’un des steaks grill\u00e9s \u00e0 la flamme de Burger King. Le steak Impossible, bien qu’il ne contienne pas de viande, ressemble exactement \u00e0 un steak de b\u0153uf. <\/p>\n\n
Pourquoi Impossible et\/ou Burger King font-ils cela ? Une partie de la raison pour laquelle les skeuomorphes sont utiles est que la familiarit\u00e9 dans la conception facilite la transition des gens de l’ancienne fa\u00e7on de faire les choses \u00e0 la nouvelle. <\/p>\n\n
Les skeuomorphes peuvent \u00e9galement \u00eatre utiles pour des raisons de nostalgie. Par exemple, de nombreux t\u00e9l\u00e9phones-cam\u00e9ras \u00e9mettent encore un bruit de \u00ab\u00a0clic\u00a0\u00bb lorsque quelqu’un prend une photo, bien qu’il n’y ait plus besoin de ce son.<\/p>\n\n
Les skeuomorphes ont \u00e9galement jou\u00e9 un r\u00f4le dans la conception num\u00e9rique au fil des ann\u00e9es. Bien qu’ils ne soient plus aussi r\u00e9pandus aujourd’hui, on peut encore en apercevoir de temps en temps. <\/p>\n\n
Par exemple, l’ic\u00f4ne de la Corbeille que l’on trouve dans le dock Mac est un skeuomorphe : <\/p>\n\n![\"\"](\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2021\/11\/2-mac-desktop-icons-skeuomorphism.png\")
<\/figure>\n\nLa plupart des autres ic\u00f4nes sont plates et ressemblent davantage \u00e0 des logos num\u00e9riques qu’\u00e0 des objets physiques. C’est la distinction la plus importante entre le skeuomorphisme et les autres tendances et techniques de conception<\/a> num\u00e9riques. <\/p>\n\nL’Histoire du Skeuomorphisme<\/h2>\n\n
Quand et o\u00f9 exactement avons-nous utilis\u00e9 le skeuomorphisme dans la conception de l’exp\u00e9rience utilisateur ? Examinons cela : <\/p>\n\n
La Premi\u00e8re Vague<\/h3>\n\n
Aux d\u00e9buts du d\u00e9veloppement logiciel, le skeuomorphisme a jou\u00e9 un r\u00f4le important dans l’int\u00e9gration des utilisateurs \u00e0 une nouvelle m\u00e9thode de travail. <\/p>\n\n
Prenons la suite d’applications de Microsoft<\/a>. Ce n’\u00e9tait pas n\u00e9cessairement l’acte d’\u00e9crire, d’effectuer des calculs ou de cr\u00e9er des pr\u00e9sentations num\u00e9riquement<\/em> qui constituait un obstacle pour les consommateurs, les professionnels et les \u00e9tudiants. <\/p>\n\nC’\u00e9taient les autres fonctions auxquelles ils devaient penser qui n’\u00e9taient pas vraiment pertinentes auparavant. Comme devoir \u00ab\u00a0Enregistrer\u00a0\u00bb leur travail, \u00ab\u00a0Couper\u00a0\u00bb du texte ou \u00ab\u00a0Peindre\u00a0\u00bb un format. <\/p>\n\n
Bien que cette vid\u00e9o<\/a> montre \u00e0 quoi ressemble aujourd’hui la barre d’outils de Microsoft Word, nous voyons encore des vestiges des ic\u00f4nes skeuomorphiques de Microsoft du pass\u00e9 : <\/p>\n\n![\"\"](\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2021\/11\/3-microsoft-word-toolbar-icons.png\")
<\/figure>\n\nMicrosoft n’a pas utilis\u00e9 d’ic\u00f4nes m\u00e9connaissables pour ces fonctions principales car cela n’aurait fait qu’aggraver la courbe d’apprentissage des utilisateurs. Au lieu de cela, il a pris des objets du monde r\u00e9el familiers aux utilisateurs (par exemple, la disquette pour \u00ab\u00a0Enregistrer\u00a0\u00bb, les ciseaux pour \u00ab\u00a0Couper\u00a0\u00bb et le pinceau pour \u00ab\u00a0Reproduire la mise en forme\u00a0\u00bb) et les a transform\u00e9s en boutons d’action. <\/p>\n\n
La Deuxi\u00e8me Vague<\/h3>\n\n
La prochaine fois que le skeuomorphisme a fait une grande impression, c’\u00e9tait \u00e0 la fin des ann\u00e9es 2000 et au d\u00e9but des ann\u00e9es 2010. C’\u00e9tait \u00e0 l’\u00e9poque o\u00f9 l’\u00e9cran tactile mobile est devenu pr\u00e9\u00e9minent et o\u00f9 les concepteurs avaient besoin de faciliter la transition des utilisateurs de l’ancien au nouveau. <\/p>\n\n
Apple<\/a> \u00e9tait largement responsable de l’essor du skeuomorphisme cette fois-ci. <\/p>\n\nEn 2010, voici \u00e0 quoi ressemblait l’\u00e9cran d’accueil d’Apple : <\/p>\n\n![\"\"](\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2021\/11\/4-apple-device-from-2010.png\")
<\/figure>\n\nTout d’abord, les ic\u00f4nes des applications ressemblaient \u00e0 des boutons cliquables saillants du fond. Deuxi\u00e8mement, de nombreux designs d’ic\u00f4nes d’applications \u00e9taient de nature skeuomorphique. Par exemple :<\/p>\n\n
- Camera<\/strong> utilisait une image de l’objectif d’un appareil photo<\/li>
- YouTube<\/strong> avait un graphique d’une vieille t\u00e9l\u00e9vision<\/li>
- Notes<\/strong> \u00e9tait un bloc-notes juridique jaune<\/li><\/ul>\n\n
Bien qu’ils ne fussent pas les designs les plus excitants ou cr\u00e9atifs, ces ic\u00f4nes skeuomorphiques rendaient les applications et, plus important encore, leurs fonctions instantan\u00e9ment reconnaissables pour les utilisateurs. <\/p>\n\n
Apple n’\u00e9tait pas la seule entreprise \u00e0 utiliser le skeuomorphisme dans la conception de l’exp\u00e9rience utilisateur. Il n’\u00e9tait pas non plus pr\u00e9sent uniquement sur les \u00e9crans de smartphones. Les applications et les sites web ont \u00e9galement adopt\u00e9 le skeuomorphisme. <\/p>\n\n
En 2014, le site web d’Artifact Coffee<\/a> utilisait une forme populaire de skeuomorphisme : <\/p>\n\n
Qu’est-ce que le skeuomorphisme ?<\/h2>\n\n
Le skeuomorphisme est une technique de conception dans laquelle les \u00e9l\u00e9ments de l’interface utilisateur ressemblent et parfois se comportent comme leurs homologues du monde r\u00e9el. Dans certains cas, l’objet skeuomorphe en est un que nous n’utilisons plus.<\/p>\n\n
Le terme \u00ab\u00a0skeuomorphe\u00a0\u00bb est d\u00e9riv\u00e9 du grec : <\/p>\n\n
skeuos (\u03c3\u03ba\u03b5\u1fe6\u03bf\u03c2<\/em>) = contenant ou outil<\/p>\n\n morph\u1e17 (\u03bc\u03bf\u03c1\u03c6\u03ae<\/em>) = forme<\/p>\n\n Il a \u00e9t\u00e9 invent\u00e9 par le Dr Henry Colley March en 1889. \u00c0 l’origine, un skeuomorphe d\u00e9signait un objet physique qui avait des designs ou des caract\u00e9ristiques ornementales qui n’\u00e9taient plus pertinents ou n\u00e9cessaires. Comme un pot en argile qui avait des formes sculpt\u00e9es pour le faire ressembler \u00e0 un panier tress\u00e9.<\/p>\n\n Un bon exemple de skeuomorphe que nous connaissons tous aujourd’hui est le Impossible Whopper de Burger King<\/a> : <\/p>\n\n Les consommateurs sont tous familiers avec l’apparence d’un steak de b\u0153uf \u2014 en particulier l’un des steaks grill\u00e9s \u00e0 la flamme de Burger King. Le steak Impossible, bien qu’il ne contienne pas de viande, ressemble exactement \u00e0 un steak de b\u0153uf. <\/p>\n\n Pourquoi Impossible et\/ou Burger King font-ils cela ? Une partie de la raison pour laquelle les skeuomorphes sont utiles est que la familiarit\u00e9 dans la conception facilite la transition des gens de l’ancienne fa\u00e7on de faire les choses \u00e0 la nouvelle. <\/p>\n\n Les skeuomorphes peuvent \u00e9galement \u00eatre utiles pour des raisons de nostalgie. Par exemple, de nombreux t\u00e9l\u00e9phones-cam\u00e9ras \u00e9mettent encore un bruit de \u00ab\u00a0clic\u00a0\u00bb lorsque quelqu’un prend une photo, bien qu’il n’y ait plus besoin de ce son.<\/p>\n\n Les skeuomorphes ont \u00e9galement jou\u00e9 un r\u00f4le dans la conception num\u00e9rique au fil des ann\u00e9es. Bien qu’ils ne soient plus aussi r\u00e9pandus aujourd’hui, on peut encore en apercevoir de temps en temps. <\/p>\n\n Par exemple, l’ic\u00f4ne de la Corbeille que l’on trouve dans le dock Mac est un skeuomorphe : <\/p>\n\n La plupart des autres ic\u00f4nes sont plates et ressemblent davantage \u00e0 des logos num\u00e9riques qu’\u00e0 des objets physiques. C’est la distinction la plus importante entre le skeuomorphisme et les autres tendances et techniques de conception<\/a> num\u00e9riques. <\/p>\n\n Quand et o\u00f9 exactement avons-nous utilis\u00e9 le skeuomorphisme dans la conception de l’exp\u00e9rience utilisateur ? Examinons cela : <\/p>\n\n Aux d\u00e9buts du d\u00e9veloppement logiciel, le skeuomorphisme a jou\u00e9 un r\u00f4le important dans l’int\u00e9gration des utilisateurs \u00e0 une nouvelle m\u00e9thode de travail. <\/p>\n\n Prenons la suite d’applications de Microsoft<\/a>. Ce n’\u00e9tait pas n\u00e9cessairement l’acte d’\u00e9crire, d’effectuer des calculs ou de cr\u00e9er des pr\u00e9sentations num\u00e9riquement<\/em> qui constituait un obstacle pour les consommateurs, les professionnels et les \u00e9tudiants. <\/p>\n\n C’\u00e9taient les autres fonctions auxquelles ils devaient penser qui n’\u00e9taient pas vraiment pertinentes auparavant. Comme devoir \u00ab\u00a0Enregistrer\u00a0\u00bb leur travail, \u00ab\u00a0Couper\u00a0\u00bb du texte ou \u00ab\u00a0Peindre\u00a0\u00bb un format. <\/p>\n\n Bien que cette vid\u00e9o<\/a> montre \u00e0 quoi ressemble aujourd’hui la barre d’outils de Microsoft Word, nous voyons encore des vestiges des ic\u00f4nes skeuomorphiques de Microsoft du pass\u00e9 : <\/p>\n\n Microsoft n’a pas utilis\u00e9 d’ic\u00f4nes m\u00e9connaissables pour ces fonctions principales car cela n’aurait fait qu’aggraver la courbe d’apprentissage des utilisateurs. Au lieu de cela, il a pris des objets du monde r\u00e9el familiers aux utilisateurs (par exemple, la disquette pour \u00ab\u00a0Enregistrer\u00a0\u00bb, les ciseaux pour \u00ab\u00a0Couper\u00a0\u00bb et le pinceau pour \u00ab\u00a0Reproduire la mise en forme\u00a0\u00bb) et les a transform\u00e9s en boutons d’action. <\/p>\n\n La prochaine fois que le skeuomorphisme a fait une grande impression, c’\u00e9tait \u00e0 la fin des ann\u00e9es 2000 et au d\u00e9but des ann\u00e9es 2010. C’\u00e9tait \u00e0 l’\u00e9poque o\u00f9 l’\u00e9cran tactile mobile est devenu pr\u00e9\u00e9minent et o\u00f9 les concepteurs avaient besoin de faciliter la transition des utilisateurs de l’ancien au nouveau. <\/p>\n\n Apple<\/a> \u00e9tait largement responsable de l’essor du skeuomorphisme cette fois-ci. <\/p>\n\n En 2010, voici \u00e0 quoi ressemblait l’\u00e9cran d’accueil d’Apple : <\/p>\n\n Tout d’abord, les ic\u00f4nes des applications ressemblaient \u00e0 des boutons cliquables saillants du fond. Deuxi\u00e8mement, de nombreux designs d’ic\u00f4nes d’applications \u00e9taient de nature skeuomorphique. Par exemple :<\/p>\n\n Bien qu’ils ne fussent pas les designs les plus excitants ou cr\u00e9atifs, ces ic\u00f4nes skeuomorphiques rendaient les applications et, plus important encore, leurs fonctions instantan\u00e9ment reconnaissables pour les utilisateurs. <\/p>\n\n Apple n’\u00e9tait pas la seule entreprise \u00e0 utiliser le skeuomorphisme dans la conception de l’exp\u00e9rience utilisateur. Il n’\u00e9tait pas non plus pr\u00e9sent uniquement sur les \u00e9crans de smartphones. Les applications et les sites web ont \u00e9galement adopt\u00e9 le skeuomorphisme. <\/p>\n\n En 2014, le site web d’Artifact Coffee<\/a> utilisait une forme populaire de skeuomorphisme : <\/p>\n\n<\/figure>\n\n<\/figure>\n\nL’Histoire du Skeuomorphisme<\/h2>\n\n
La Premi\u00e8re Vague<\/h3>\n\n
<\/figure>\n\nLa Deuxi\u00e8me Vague<\/h3>\n\n
<\/figure>\n\n