Skeuomorphism in Interface Design

Esatto, Skeuomorphism. Diamo un'occhiata a cosa significa questo termine bizzarro, quando dovresti usarlo nel design dell'interfaccia e cosa può accadere quando va storto.


Skeuo ... Cosa?

Se non sei sicuro di quale sia esattamente lo Skeuomorphism, prendi un po 'di aiuto dall'assoluta Wikipedia per spiegarlo.

un elemento di design o struttura che ha poco o nessun scopo nell'artefatto modellato dal nuovo materiale ma era essenziale per l'oggetto realizzato con il materiale originale - Wikipedia

Nel contesto del design dell'interfaccia digitale, ciò significa essenzialmente rendere gli elementi come oggetti del mondo reale. Trame di legno, carta strappata e nastri cuciti sono tutti esempi di skeuomorphism in azione e senza dubbio vi siete imbattuti in molti altri negli ultimi tempi.

Ci sono sentimenti contrastanti sull'uso di tali elementi, tuttavia, e sono state avanzate argomentazioni a favore e contro di loro. Il snouomorfismo aggiunge o diminuisce l'usabilità? Ha uno scopo o è puramente superfluo? Queste domande e altre saranno risposte di seguito.


La situazione attuale

È sicuro dire che Apple ha avuto un'influenza nel recente aumento di questo stile di design. App come iBook, Calendar e Find My Friends hanno tutti un design skeuomorphic e, inevitabilmente, questo ha avuto un impatto sul design di molte altre app sul mercato.

Lo Skeuomorphism non è limitato alle app; ha naturalmente trovato la sua strada nel design dell'interfaccia utente su molti siti web.

Il problema è che quando alcuni stili di design diventano popolari, diventano sempre più sfruttati; come è successo in molte occasioni in passato. Lo stile diventa abusato e abusato con poca riflessione sulle decisioni prese. Quando ciò accade, lo stile nel suo complesso può perdere la sua efficacia, il che può essere un po 'ingiusto. Lo Skeuomorphism sembra andare in questa direzione. Quindi vale la pena considerare sia i lati positivi che i negativi dell'uso di tale stile prima di formulare qualsiasi tipo di giudizio.


I pro

Forse l'argomento numero uno a favore del skeumorphism è che può aiutare a creare una sensazione di familiarità. Interagire con gli elementi a cui sono abituati nel mondo reale può aiutare gli utenti a sentirsi più a proprio agio con l'esperienza; qualcosa che è particolarmente importante per quegli utenti che non sono completamente a proprio agio nell'utilizzare la tecnologia moderna.

Vale la pena notare che Apple è particolarmente brava a indirizzare questo gruppo di utenti, in genere, più vecchio e con meno esperienza tecnologica. Molte persone ora usano iPad che avranno un'esperienza limitata con un computer tradizionale. Quindi ha senso, in un certo senso, rendere l'applicazione del calendario simile a un calendario reale; qualcosa senza dubbio molte persone avranno già usato in precedenza.

Con questo in mente, è necessario (come sempre lo è) considerare il pubblico di destinazione durante la progettazione della tua nuova applicazione o del tuo sito web. Considera se il tuo pubblico ha molta esperienza con la tua piattaforma, se c'è qualcosa che potrebbe non comprendere e, in caso affermativo, se possono trarre beneficio incorporando elementi skeuomorphic o metafore visive.

Un altro aspetto positivo dello skuomorfismo è la sua capacità di trasmettere un'atmosfera particolare o generare determinate emozioni. Nella vita reale possiamo usare tutti i nostri sensi per valutare un oggetto; come qualcosa guarda, suoni, sapori, sensazioni e odori. Imitando come appare un oggetto del mondo reale, gli elementi digitali possono anche evocare le altre proprietà di quell'oggetto.

Ad esempio, una texture effetto pelle (con le cuciture obbligatorie) può stimolare i ricordi di come la pelle si sente e gli odori e, a sua volta, connota una sensazione di raffinatezza e lusso. Se questi sono i tipi di sentimenti a cui vuoi essere associato, potrebbe essere utile considerare l'utilizzo di questo tipo di elemento, a condizione che abbia senso nel contesto del tuo progetto.

Anche il design Skeuomorphic svolge generalmente un buon lavoro nel creare un'atmosfera informale e giocosa. Spesso troverai questo stile nei giochi o in altri scenari rilassanti; ad esempio nell'app iBooks di Apple.

In effetti, lo skeuomorphism è un buon modo per comunicare rapidamente e chiaramente il tema del tuo sito web o della tua app.

Il portfolio del designer Marc Mendell utilizza lo skeuomorfismo con buoni risultati simulando un ambiente di lavoro domestico. Marc usa un laptop per mostrare il lavoro del suo portfolio.

Allo stesso modo, il web designer Zoltan Hosszu si avvale di molte funzionalità skeumorphic all'interno del suo sito web di portfolio. All'interno di questo pseudo ambiente domestico, mostra il suo portfolio su uno scaffale e utilizza anche l'illuminazione spot per un effetto aggiunto.

È comune per i blog e le riviste online utilizzare una texture di carta nei loro progetti. Il blog di IconEden fa un passo avanti e incorpora carta impilata, supporto in pelle, un segnalibro a nastro e persino una penna stilografica.

Quindi abbiamo visto che lo skeuomorphism ha alcuni aspetti positivi. Tuttavia, come accennato in precedenza, può anche avere alcuni inconvenienti.


Il cons

Un grande problema che molti affrontano con lo skueomorfismo è che è facile che le cose vadano storte quando si tenta di creare elementi realistici. L'occhio umano è molto bravo a raccogliere quando le cose non sembrano giuste, anche se non si registra a livello conscio. Ciò si verifica generalmente quando si tratta di fonti di luce, ombre e prospettiva.

Per esempio, diamo un'occhiata all'ombra sfaccettata o curva che è diventata popolare. È un cambiamento rispetto all'ombra esterna standard e alcuni potrebbero obiettare che sembra anche piuttosto interessante.

Tuttavia, non "sente" abbastanza bene. L'ombra indica che l'oggetto stesso è curvo o la superficie su cui si appoggia è; ma l'illuminazione e la forma di entrambi suggeriscono che non lo sono. Queste piccole cose possono davvero fare la differenza, quindi l'attenzione ai dettagli è cruciale quando si creano elementi screomorfi e si imita la vita reale.

In precedenza si diceva che le interfacce skeuomorphic possono aumentare l'usabilità utilizzando elementi con cui le persone hanno già familiarità. Anche se questo è ancora vero, può anche avere l'effetto opposto e potenzialmente confondere le persone se non è fatto bene.

Quando un utente incontra un elemento digitale che assomiglia a qualcosa con cui ha familiarità nel mondo reale, si aspetta anche che lo faccia comportarsi anche in un modo simile. Se l'elemento non funziona come previsto, l'utente potrebbe sentirsi frustrato; soprattutto se sono utenti inesperti.

Può essere fin troppo facile concentrarsi sull'elemento estetico di un'interfaccia skeuomorphic e trascurare la funzionalità. Trascura tuttavia la funzionalità e trasformi lo skeuomorphism in qualcosa che danneggi effettivamente l'usabilità e la qualità dell'esperienza dell'utente piuttosto che aggiungerlo.

Infine, una critica che viene spesso livellata su interfacce skeuomorphic è che mancano di creatività e ostacolano l'innovazione. La tecnologia è uno dei mercati in più rapida evoluzione che offre costantemente modi più efficienti di eseguire attività, quindi perché guardare indietro in termini di design dell'interfaccia?

È comune vedere elenchi di cose da fare, prendere appunti e le interfacce della calcolatrice sembrano le loro controparti nella vita reale, al costo di rendere potenzialmente queste attività meno efficienti di quanto potrebbero essere. Nel mondo reale, gli oggetti fisici hanno limitazioni che gli elementi digitali non hanno, quindi imitando la vita reale i progettisti si stanno limitando e perdono l'opportunità di sfruttare appieno la tecnologia attuale, come vedremo in seguito.


Non l'unica via

Mentre il snouomorfismo può essere popolare al momento, non è l'unico metodo per creare interfacce dall'aspetto attraente e impressionante.

La popolare app per iPhone to-do Clear utilizza un'interfaccia meravigliosamente semplice e minimale. Il design distingue questa app dai numerosi altri che presentano texture del blocco note, caselle di controllo, schede e altri elementi skeuomorphic.

scelta non emulare una tradizionale lista di cose da fare ha permesso ai progettisti di pensare in modo diverso e sfruttare appieno la tecnologia a loro disposizione. L'app è stata costruita attorno a gesti multi-touch e insieme a un'animazione fluida, per un'esperienza davvero unica ed elegante.

La versione più recente del sistema operativo Microsoft, Windows 8, sarà inoltre caratterizzata da uno stile di progettazione di interfaccia nitido, solido e semplice, noto come "Metro". Lo stile, che è già presente su Windows Phone e Xbox Live, è descritto come "Authentically Digital".

È molto diverso da ciò che abbiamo visto prima da Microsoft e hanno chiaramente deciso di andare in una direzione completamente diversa da Apple; con particolare attenzione alla tipografia e alla consegna di contenuti con dettagli estranei.


Conclusione

Skeuomorphism sembra essere piuttosto popolare al momento, ma senza dubbio questa popolarità si attenuerà nel tempo. Un sacco di sentimenti di persone su questo stile in genere si riducono al gusto personale. È probabile che gli utenti esperti di tecnologia possano scoprire che lo skeuomorfismo non è necessario o addirittura kitsch, mentre gli utenti occasionali potrebbero apprezzarlo di più.

Tuttavia, abbiamo visto che lo skeuomorphism ha aspetti sia positivi sia negativi e vale la pena prenderne in considerazione prima di implementare questo tipo di stile nella prossima interfaccia.