Il y a quelques années à peine, la majorité des concepteurs de sites Web n'auraient pas pu épeler le skeuomorphisme, et encore moins fournir une définition précise. Maintenant, le skeuomorphisme est défini comme le méchant de la pantomime; la Méchante Sorcière de l'Est au design plat de Dorothy.

Le design plat s'est défini comme «non skeuomorphique», mais cela est trompeur. Le skeuomorphisme n'est pas l'opposé du design plat, en fait, le design plat est souvent skeuomorphique.

Quel skeuomorphisme (vraiment) est

Une définition simple du skeuomorphisme est la suivante: un élément décoratif qui imite un aspect fonctionnel d’une technologie antérieure. Par exemple, les arcs décoratifs sont souvent utilisés en architecture, imitant les arcs fonctionnels des siècles précédents; c'est le skeuomorphisme.

Les mouvements de conception - en fait, les mouvements dans la plupart des domaines culturels - ont tendance à rejeter les valeurs de la génération précédente. Par conséquent, la culture évolue comme une série de révolutions et de contre-révolutions. Le skeuomorphisme se produit souvent lorsque la technologie ou la mode tourne à plein régime et que les anciennes valeurs redeviennent populaires.

Un néo-moderniste travaillant au début du XXIe siècle pourrait bien se retrouver à imiter les qualités imposées aux modernistes par les limites de la technologie il y a un siècle; nous voyons souvent des affiches conçues avec des couleurs simples, non pas parce que nous ne pouvons pas imprimer des dégradés, mais parce que nous imitons le style des concepteurs d'affiches comme Toulouse-Lautrec dont le style a été imposé par la technologie d'impression.

Quel skeuomorphisme (vraiment) n'est pas

Un exemple souvent cité de skomomorphisme dans la conception de sites Web est un bouton avec des biseaux et une ombre portée. La tendance actuelle est de rendre le bouton «plat» en supprimant les biseaux et l’ombre portée, ce qui supprime la nature skomomorphique du bouton; en fait, il ne fait rien de tel.

Un bouton rappelez-vous, est un levier mécanique qui change d'état quand on applique une pression. Nous ne créons pas de boutons sur les pages Web, nous créons une image d'un bouton que nous pouvons toucher ou cliquer et qui imite la fonction de l'ancienne technologie. N'importe quel bouton, sur n'importe quelle page Web, est intrinsèquement skeuomorphique, quel que soit son style.

Un autre exemple fréquemment cité de skeuomorphism est la texture et l'assemblage de cuir utilisés pour certaines applications sur d'anciennes versions d'iOS d'Apple. L'argument est que la texture est transférée des organisateurs personnels traditionnels et est donc skeuomorphic.

Je me demande si c'est du skeuomorphisme. Certes, la texture du cuir imite la technologie antérieure, mais sa décoration imite la décoration. On pourrait peut-être soutenir que le cuir est résistant et que la texture est fonctionnelle dans le design original, mais je pense que cela serait difficile. La texture du cuir dans les premières applications iOS n'est pas skeuomorphic, c'est bien pire: c'est un design paresseux.

Skeuomorphisme et design plat

Windows, célèbre pour Microsoft, a adopté le design plat et a reçu à juste titre les félicitations pour avoir eu le courage (sinon les côtelettes) de poursuivre une nouvelle direction. Apple a emboîté le pas avec iOS7 et, si l'on en croit les rumeurs, continuera sur la même voie avec son prochain système d'exploitation majeur.

Le saut initial de Window et la capitulation d'iOS sont largement considérés comme les premiers et les derniers clous du cercueil du skeuomorphisme.

Toutefois, Windows 8, MacOS Mavericks et, selon toute probabilité, la prochaine génération des deux plates-formes sont intrinsèquement skeuomorphes; ils utilisent le concept (et la ressemblance) des fichiers et des dossiers; quelque chose emprunté à des systèmes de classement séculaires. Beaucoup de personnes choisissent de ne pas interagir avec les données de cette manière et s'appuient plutôt sur la ligne de commande ou le terminal. mais il est très rare de trouver quelqu'un qui ne fait pas au moins un peu de glisser-déposer.

Vous pouvez supprimer certains aspects superficiels d'une conception qui sont skeuomorphes, mais vous consultez toujours une page Web, via une fenêtre de navigateur, qui se trouve sur votre bureau.

Le design plat a donc un impact très faible sur la quantité de conception skeuomorphique que nous expérimentons quotidiennement.

L'inévitabilité du skeuomorphisme

On peut dire que le plus grand rejet d'un site Web squelette est survenu lorsque nous avons cessé de nous accrocher à l'idée que les sites Web étaient des versions d'écran de la conception d'impression et adoptaient un design réactif. Cependant, à moins de développer un internet de William Gibson, dans lequel les informations sont vues telles quelles - flux de données interconnectables infiniment extensibles, nous continuerons à traiter le Web comme une métaphore des documents du monde réel et du Web. restera skeuomorphic.

Tout comme les majuscules sont dérivées de la sculpture sur pierre et les empattements anciens sont dérivés de scripts cursifs, il en va de même pour toute culture basée sur ce qui l'a précédé. Comme l'a dit Sir Isaac Newton, "si j'ai vu plus loin, c'est en me tenant sur les épaules des géants".

Un jour, dans un avenir pas trop lointain, l’impression ne sera plus qu’un processus historique. Les matériaux que nous imprimons maintenant seront remplacés par des surfaces dont les molécules changeront de couleur pour créer du texte, des images et des films. Imaginez une feuille de papier avec les capacités interactives d’une tablette. Dans ce futur passionnant, vous trouverez toujours les échos d'un moine médiéval, installé dans une bibliothèque quelque part dans le nord de l'Italie, illuminant minutieusement une copie de la Bible.

En cela, nous trouvons le salut du skeuomorphisme: le skeuomorphisme n'est pas une tendance de conception propre au Web, c'est une caractéristique de toute culture humaine. Sans le skeuomorphisme, notre capacité à expérimenter le Web est considérablement réduite. Sans le skeuomorphisme, chaque étape technologique s'accompagnerait d'une courbe d'apprentissage si forte qu'elle serait prohibitive. Sans le skeuomorphisme, je ne taperais pas ceci, je serais dans une forêt quelque part en frappant une noix avec un bâton.

Le web non-skeuomorphique

Cela ne veut pas dire que tous les aspects du Web sont skeuomorphes ou qu'il n'y a pas de progrès sans skeuomorphisme.

Prenons par exemple l’état de vol stationnaire des boutons. Bien que les boutons eux-mêmes soient profondément skeuomorphes, le changement de la nature visuelle du bouton, non pas lorsqu'il est pressé, mais lorsque l'utilisateur envisage de le presser, est (à ma connaissance) sans précédent.

Certains développements de pointe sont également uniques. Prenons par exemple les expériences avec suivi du regard qui défilent une page de haut en bas en fonction du mouvement de vos yeux ou de votre tête.

L’une des plus grandes réalisations du Web est la diffusion d’informations aux personnes malvoyantes. Les lecteurs de texte ont mis des milliards de pages de données à la disposition des personnes ayant une déficience visuelle. Aucun livre, magazine ou impression de quelque sorte que ce soit n’a une fonction qui vous lit le contenu. Le développement des lecteurs de texte et, plus récemment, du contrôle de la parole est une technologie véritablement nouvelle et, en tant que telle, ne comporte aucun décor squelettique.

L'avenir du skeuomorphisme

Le skeuomorphisme existe et continuera d'exister car il guide nos chemins vers de nouvelles technologies et de nouvelles expériences.

Le skeuomorphisme est une force positive dans la conception, il enseigne de nouvelles interfaces de la même manière que les enfants apprennent: si «a» signifie «b» dans une situation «c», alors «a» signifie probablement «b» dans «d» situation . Imaginez un monde dans lequel le robinet froid de la salle de bain était coloré en bleu et où le cycle de refroidissement d'une machine à laver était de couleur orange - le skeuomorphisme accélère la communication.

Quel est donc le problème du skeuomorphisme et pourquoi tant de personnes sont-elles désireuses de le rejeter? La réponse est double. Tout d'abord, les gens rejettent rarement le skeuomorphisme, ce qu'ils rejettent, c'est la conception paresseuse et la décoration superflue; Deuxièmement, comme pour la plupart des techniques de conception, si les utilisateurs le remarquent, vous en faites trop.

Il est donc sage de laisser tomber les biseaux et de laisser tomber les ombres s’ils attirent l’attention sur eux-mêmes, mais sachez que tout ce que vous concevez à l’écran utilise un peu le skeuomorphisme.

Comme c'est souvent le cas, ne blâmez pas le skeuomorphisme, blâmez le designer qui l'utilise.

Le design plat est-il l'antithèse du skeuomorphisme? Le skeuomorphisme a-t-il encore un rôle à jouer dans la conception de sites Web? Faites-nous savoir vos opinions dans les commentaires.

Image / vignette en vedette, image de bouton skeuomorphic via Shutterstock.