Share
C'est vrai, Skeuomorphism. Voyons ce que ce terme bizarre signifie, quand il faut l'utiliser dans la conception d'interfaces et ce qui peut arriver quand ça tourne mal.
Si vous n'êtes pas sûr de ce qu'est exactement le skeuomorphism, demandons-nous de l'aide de la part de Wikipedia, toujours fiable, pour l'expliquer..
un élément de conception ou de structure qui ne sert pratiquement à rien dans l'artefact fabriqué à partir du nouveau matériau, mais qui est essentiel à l'objet fabriqué à partir du matériau d'origine - Wikipedia
Dans le contexte de la conception d'interfaces numériques, cela signifie essentiellement que les éléments doivent ressembler à des objets du monde réel. Les textures en bois, le papier déchiré et les rubans cousus sont des exemples de skeuomorphism en action et vous en avez sans doute rencontré beaucoup d'autres ces derniers temps..
Toutefois, l’utilisation de tels éléments suscite des sentiments mitigés et des arguments ont été avancés pour et contre eux. Le skeuomorphism ajoute-t-il ou diminue-t-il la convivialité? Est-ce que cela sert un but ou est-ce purement superflu? Ces questions et plus seront répondues ci-dessous.
Il est prudent de dire que Apple a eu une influence sur la montée récente de ce style de conception. Les applications telles que iBooks, Calendar et Find My Friends présentent toutes une conception skeuomorphic, ce qui a inévitablement eu un impact sur la conception de nombreuses autres applications sur le marché..
Le skeuomorphism n'est tout simplement pas limité aux applications; il a naturellement trouvé sa place dans la conception de l'interface utilisateur sur de nombreux sites Web, ainsi.
Le problème est que lorsque certains styles de design deviennent populaires, ils sont de plus en plus exploités. comme ce fut le cas à maintes reprises dans le passé. Le style devient surutilisé et mal utilisé avec peu de réflexion sur les décisions prises. Lorsque cela se produit, le style dans son ensemble peut perdre de son efficacité, ce qui peut être un peu injuste. Le skeuomorphisme semble aller dans cette direction. Cela vaut donc la peine d’examiner les aspects positifs et négatifs de l’utilisation d’un tel style avant de porter un jugement quelconque..
Peut-être le principal argument en faveur du skeumorphisme est-il que cela peut aider à créer un sentiment de familiarité. L'interaction avec des éléments auxquels ils sont habitués dans le monde réel peut aider les utilisateurs à se sentir plus à l'aise avec l'expérience. quelque chose qui est particulièrement important pour les utilisateurs qui ne sont pas complètement à l'aise avec l'utilisation de la technologie moderne.
Il convient de noter qu'Apple est particulièrement doué pour cibler ce groupe d'utilisateurs, généralement plus âgés et moins expérimentés sur le plan technologique. De nombreuses personnes utilisent maintenant des iPad qui n’ont que peu d’expérience avec un ordinateur traditionnel. Il est donc logique, d’une certaine manière, que leur application de calendrier ressemble à un calendrier réel; quelque chose sans doute que beaucoup de gens auront déjà utilisé auparavant.
Dans cet esprit, il est nécessaire (comme toujours) de prendre en compte votre public cible lors de la conception de votre nouvelle application ou de votre nouveau site Web. Déterminez si votre public a beaucoup d'expérience avec votre plate-forme, s'il y a quelque chose qu'ils ne comprendront peut-être pas et, s'il y en a un, s'ils pourraient bénéficier de l'intégration d'éléments de skeuomorphic ou de métaphores visuelles..
Un autre aspect positif du skuomorphisme est sa capacité à transmettre une atmosphère particulière ou à générer certaines émotions. Dans la vie réelle, nous pouvons utiliser tous nos sens pour évaluer un objet. l'aspect, les sons, les goûts, les sensations et les odeurs de quelque chose. En imitant l'aspect d'un objet du monde réel, les éléments numériques peuvent également évoquer les autres propriétés de cet objet..
Par exemple, une texture d'aspect cuir (avec la couture obligatoire) peut stimuler les souvenirs de la sensation et des odeurs du cuir et, à son tour, évoquer un sentiment de raffinement et de luxe. Si vous souhaitez associer ces types de sentiments, il peut être intéressant d’envisager d’utiliser ce type d’élément, à condition que cela ait du sens dans le contexte de votre projet..
Le design skeuomorphic crée généralement une bonne atmosphère informelle et ludique. Vous trouverez souvent ce style dans des jeux ou dans d'autres scénarios de loisir; comme dans l'application iBooks d'Apple, par exemple.
En fait, le skeuomorphism est un bon moyen de communiquer rapidement et clairement le thème de votre site Web ou de votre application..
Le portfolio du designer Marc Mendell exploite à merveille le skeuomorphism en simulant un environnement de travail à domicile. Marc utilise un ordinateur portable pour afficher les travaux de son portefeuille..
De même, le concepteur Web Zoltan Hosszu utilise de nombreuses fonctionnalités de Skeumorphic dans son site Web portefeuille. Dans cet environnement pseudo-familial, il affiche son portefeuille sur une étagère et utilise même un éclairage ponctuel pour un effet supplémentaire..
Il est courant que les blogs et les revues en ligne utilisent une texture de papier dans leurs conceptions. Le blog d'IconEden va encore plus loin et comprend du papier superposé, un support en cuir, un marque-page à ruban et même un stylo-plume.
Nous avons donc vu que le skeuomorphism a quelques points positifs. Cependant, comme mentionné précédemment, il peut également avoir certains inconvénients.
Un grand problème rencontré souvent avec le skéomorphisme est qu’il est facile de se tromper lorsqu’on tente de créer des éléments réalistes. L'œil humain est très doué pour détecter lorsque les choses ne se présentent pas bien, même s'il ne se manifeste pas à un niveau conscient. Cela se produit généralement lorsqu'il s'agit de sources de lumière, d'ombres et de perspectives.
Par exemple, examinons l'ombre portée biseautée ou incurvée qui est devenue populaire. C'est un changement par rapport à l'ombre portée standard et certains pourraient affirmer que ça a aussi l'air cool.
Cependant, il ne "se sent" pas très bien. L'ombre indique que l'objet lui-même est courbe ou que la surface sur laquelle il repose est; mais l'éclairage et la forme des deux suggèrent qu'ils ne le sont pas. Ces petites choses peuvent vraiment faire la différence. Il est donc essentiel de porter une attention particulière aux détails lors de la création d'éléments skeuomorphic et de l'imitation de la vie réelle..
Un peu plus tôt, il a été mentionné que les interfaces skeuomorphic peuvent augmenter la convivialité en utilisant des éléments que les gens connaissent déjà. Même si cela reste vrai, cela peut aussi avoir l’effet opposé et potentiellement dérouter les gens si cela n’est pas bien fait..
Lorsqu'un utilisateur rencontre un élément numérique qui ressemble à quelque chose avec lequel il est familier dans le monde réel, il s'attend également à ce qu'il se comporter de manière similaire. Si l'élément ne fonctionne pas comme prévu, l'utilisateur peut devenir frustré; surtout s'ils sont des utilisateurs inexpérimentés.
Il peut être trop facile de se concentrer sur l’élément esthétique d’une interface skeuomorphic et d’en négliger la fonctionnalité. Cependant, vous négligez la fonctionnalité et vous transformez le skeuomorphism en quelque chose qui nuit réellement à la convivialité et à la qualité de l'expérience de l'utilisateur plutôt que de l'ajouter..
Enfin, une critique souvent adressée aux interfaces skeuomorphic est qu’elles manquent de créativité et entravent l’innovation. La technologie est l’un des marchés en évolution rapide qui offre en permanence des moyens plus efficaces d’exécuter des tâches. Pourquoi donc regarder en arrière en termes de conception d’interface??
Il est courant de voir les listes de tâches, la prise de notes et les interfaces de calculatrices ressemblent à leurs homologues réelles, au détriment de rendre potentiellement ces tâches moins efficaces qu’elles ne pourraient l’être. Dans la réalité, les objets physiques ont des limites que les éléments numériques n’ont pas. Par conséquent, en imitant la réalité, les concepteurs se limitent et ne profitent pas de la possibilité de tirer pleinement parti de la technologie actuelle, comme nous le verrons plus loin..
Bien que le skeuomorphism soit populaire à l’heure actuelle, ce n’est pas la seule méthode pour créer de superbes interfaces impressionnantes.
La populaire application pour iPhone Clear utilise une interface magnifiquement simple et minimale. La conception distingue cette application des nombreuses autres applications qui présentent des textures de bloc-notes, des cases à cocher, des onglets et d'autres éléments skeuomorphic.
Choisir ne pas imiter une liste de tâches traditionnelle a permis aux concepteurs de penser différemment et d'utiliser pleinement la technologie disponible. L'application a été construite autour de gestes multi-touch et, avec une animation fluide, une expérience unique et élégante..
La version la plus récente du système d'exploitation de Microsoft, Windows 8, comportera également un style de conception d'interface net, solide et simple appelé «Metro». Le style, qui figurait déjà sur Windows Phone et Xbox Live, est décrit comme "Authentically Digital"..
C'est très différent de ce que nous avons vu auparavant de Microsoft et ils ont clairement décidé d'aller dans une direction totalement différente de celle d'Apple. avec un accent mis sur la livraison de contenu et de typographie avec peu de détails superflus.
Le skeuomorphisme semble être assez populaire pour le moment, mais il ne fait aucun doute que cette popularité diminuera avec le temps. Beaucoup de gens ressentent ce style à leur goût personnel. Il est probable que les utilisateurs expérimentés de technologie trouveront le skeuomorphism inutile ou même kitsch, tandis que les utilisateurs occasionnels l’apprécieront davantage..
Cependant, nous avons vu que le skeuomorphism avait des aspects à la fois positifs et négatifs et qu’il fallait en tenir compte avant de mettre en œuvre ce type de style dans la prochaine conception de votre interface..
Accentsconagua