Indice dei Contenuti<\/h4>\n\n\n\n- Cos’\u00e8 lo Skeuomorfismo?<\/a><\/li>
- La Storia dello Skeuomorfismo<\/a><\/li>
- Critiche Comuni e Svantaggi dello Skeuomorfismo nel Design UX<\/a><\/li>
- Benefici e Usi del Design Skeuomorfico Oggi<\/a><\/li>
- Esempi di Skeuomorfismo nel Design UX<\/a><\/li>
- Lo Skeuomorfismo \u00e8 Ancora Rilevante?<\/a><\/li>
- Skeuomorfismo: Migliori pratiche per il design UX<\/a><\/li><\/ul>\n<\/div><\/div>\n\n
Cos’\u00e8 lo Skeuomorfismo?<\/h2>\n\n
Lo skeuomorfismo \u00e8 una tecnica di design in cui gli elementi dell’interfaccia utente assomigliano e a volte si comportano come i loro equivalenti nel mondo reale. In alcuni casi, l’oggetto skeuomorfo \u00e8 uno che non usiamo pi\u00f9.<\/p>\n\n
Il termine “skeuomorfo” deriva dal greco: <\/p>\n\n
skeuos (\u03c3\u03ba\u03b5\u1fe6\u03bf\u03c2<\/em>) = contenitore o strumento<\/p>\n\nmorph\u1e17 (\u03bc\u03bf\u03c1\u03c6\u03ae<\/em>) = forma<\/p>\n\n\u00c8 stato inventato dal Dr. Henry Colley March nel 1889. Originariamente, uno skeuomorfo si riferiva a un oggetto fisico che aveva design o caratteristiche ornamentali che non erano pi\u00f9 rilevanti o necessarie. Come un vaso di argilla che aveva forme intagliate per farlo sembrare un cesto intrecciato.<\/p>\n\n
Un buon esempio di skeuomorfo con cui siamo tutti familiari oggi \u00e8 l’Impossible Whopper di 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\nI consumatori sono tutti familiari con l’aspetto di una polpetta di manzo \u2014 specialmente una delle polpette grigliate di Burger King. La polpetta Impossible, nonostante non contenga carne, sembra esattamente una polpetta di manzo. <\/p>\n\n
Perch\u00e9 Impossible e\/o Burger King fanno questo? Parte del motivo per cui gli skeuomorfi sono utili \u00e8 che la familiarit\u00e0 nel design rende facile per le persone passare dal vecchio modo di fare le cose al nuovo. <\/p>\n\n
Gli skeuomorfi possono anche essere utili per ragioni nostalgiche. Per esempio, molte fotocamere dei telefoni fanno ancora un rumore di “click” quando qualcuno scatta una foto, nonostante non ci sia bisogno di quel suono.<\/p>\n\n
Gli skeuomorfi hanno anche giocato un ruolo nel design digitale nel corso degli anni. Anche se non sono cos\u00ec diffusi oggi, puoi ancora vederli di tanto in tanto. <\/p>\n\n
Per esempio, l’icona del Cestino nel dock Mac \u00e8 uno skeuomorfo: <\/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 maggior parte delle altre icone sono piatte e sembrano pi\u00f9 loghi digitali che oggetti fisici. Questa \u00e8 la differenza pi\u00f9 grande tra lo skeuomorfismo e altre tendenze di design<\/a> e tecniche digitali. <\/p>\n\nLa Storia dello Skeuomorfismo<\/h2>\n\n
Quando e dove esattamente abbiamo usato lo skeuomorfismo nel design UX? Diamo un’occhiata: <\/p>\n\n
La Prima Ondata<\/h3>\n\n
Nei primi giorni dello sviluppo software, lo skeuomorfismo ha giocato un ruolo importante nell’introdurre gli utenti a un nuovo modo di lavorare. <\/p>\n\n
Prendi la suite di applicazioni di Microsoft<\/a>. Non era necessariamente l’atto di scrivere, fare calcoli o creare presentazioni digitalmente<\/em> che creava un ostacolo per consumatori, professionisti e studenti. <\/p>\n\nErano le altre funzioni a cui dovevano pensare che prima non erano davvero rilevanti. Come dover “Salvare” il loro lavoro, “Tagliare” il testo o “Dipingere” un formato. <\/p>\n\n
Mentre questo video<\/a> mostra come appare oggi la barra degli strumenti di Microsoft Word, vediamo ancora residui delle icone skeuomorfiche del passato di Microsoft: <\/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 non ha usato icone irriconoscibili per queste funzioni principali perch\u00e9 avrebbero solo peggiorato la curva di apprendimento degli utenti. Invece, ha preso oggetti del mondo reale con cui gli utenti avevano familiarit\u00e0 (ad esempio il floppy disk per “Salva”, le forbici per “Taglia” e il pennello per “Copia formato”) e li ha trasformati in pulsanti d’azione. <\/p>\n\n
La Seconda Ondata<\/h3>\n\n
La prossima volta che lo skeuomorfismo ha fatto scalpore \u00e8 stato alla fine degli anni 2000 e all’inizio degli anni 2010. Questo era il periodo in cui lo schermo touch mobile \u00e8 diventato prominente e i designer avevano bisogno di facilitare la transizione degli utenti dal vecchio al nuovo. <\/p>\n\n
Apple<\/a> \u00e8 stata largamente responsabile dell’ascesa dello skeuomorfismo questa volta. <\/p>\n\nNel 2010, ecco come appariva la schermata home di 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\nPer cominciare, le icone delle app sembravano pulsanti cliccabili che sporgevano dallo sfondo. In secondo luogo, molti dei design delle icone delle app erano di natura skeuomorfica. Per esempio:<\/p>\n\n
- Camera<\/strong> usava l’immagine dell’obiettivo di una macchina fotografica<\/li>
- YouTube<\/strong> aveva la grafica di una vecchia TV<\/li>
- Notes<\/strong> era un blocco note legale giallo<\/li><\/ul>\n\n
Anche se non erano i design pi\u00f9 eccitanti o creativi, queste icone skeuomorfiche rendevano le app e, cosa pi\u00f9 importante, i loro scopi immediatamente riconoscibili agli utenti. <\/p>\n\n
Apple non era l’unica azienda a usare lo skeuomorfismo nel design UX. N\u00e9 era presente solo sugli schermi degli smartphone. App e siti web hanno adottato lo skeuomorfismo. <\/p>\n\n
Nel 2014, il sito web di Artifact Coffee<\/a> usava una forma popolare di skeuomorfismo: <\/p>\n\n
Cos’\u00e8 lo Skeuomorfismo?<\/h2>\n\n
Lo skeuomorfismo \u00e8 una tecnica di design in cui gli elementi dell’interfaccia utente assomigliano e a volte si comportano come i loro equivalenti nel mondo reale. In alcuni casi, l’oggetto skeuomorfo \u00e8 uno che non usiamo pi\u00f9.<\/p>\n\n
Il termine “skeuomorfo” deriva dal greco: <\/p>\n\n
skeuos (\u03c3\u03ba\u03b5\u1fe6\u03bf\u03c2<\/em>) = contenitore o strumento<\/p>\n\n morph\u1e17 (\u03bc\u03bf\u03c1\u03c6\u03ae<\/em>) = forma<\/p>\n\n \u00c8 stato inventato dal Dr. Henry Colley March nel 1889. Originariamente, uno skeuomorfo si riferiva a un oggetto fisico che aveva design o caratteristiche ornamentali che non erano pi\u00f9 rilevanti o necessarie. Come un vaso di argilla che aveva forme intagliate per farlo sembrare un cesto intrecciato.<\/p>\n\n Un buon esempio di skeuomorfo con cui siamo tutti familiari oggi \u00e8 l’Impossible Whopper di Burger King<\/a>: <\/p>\n\n I consumatori sono tutti familiari con l’aspetto di una polpetta di manzo \u2014 specialmente una delle polpette grigliate di Burger King. La polpetta Impossible, nonostante non contenga carne, sembra esattamente una polpetta di manzo. <\/p>\n\n Perch\u00e9 Impossible e\/o Burger King fanno questo? Parte del motivo per cui gli skeuomorfi sono utili \u00e8 che la familiarit\u00e0 nel design rende facile per le persone passare dal vecchio modo di fare le cose al nuovo. <\/p>\n\n Gli skeuomorfi possono anche essere utili per ragioni nostalgiche. Per esempio, molte fotocamere dei telefoni fanno ancora un rumore di “click” quando qualcuno scatta una foto, nonostante non ci sia bisogno di quel suono.<\/p>\n\n Gli skeuomorfi hanno anche giocato un ruolo nel design digitale nel corso degli anni. Anche se non sono cos\u00ec diffusi oggi, puoi ancora vederli di tanto in tanto. <\/p>\n\n Per esempio, l’icona del Cestino nel dock Mac \u00e8 uno skeuomorfo: <\/p>\n\n La maggior parte delle altre icone sono piatte e sembrano pi\u00f9 loghi digitali che oggetti fisici. Questa \u00e8 la differenza pi\u00f9 grande tra lo skeuomorfismo e altre tendenze di design<\/a> e tecniche digitali. <\/p>\n\n Quando e dove esattamente abbiamo usato lo skeuomorfismo nel design UX? Diamo un’occhiata: <\/p>\n\n Nei primi giorni dello sviluppo software, lo skeuomorfismo ha giocato un ruolo importante nell’introdurre gli utenti a un nuovo modo di lavorare. <\/p>\n\n Prendi la suite di applicazioni di Microsoft<\/a>. Non era necessariamente l’atto di scrivere, fare calcoli o creare presentazioni digitalmente<\/em> che creava un ostacolo per consumatori, professionisti e studenti. <\/p>\n\n Erano le altre funzioni a cui dovevano pensare che prima non erano davvero rilevanti. Come dover “Salvare” il loro lavoro, “Tagliare” il testo o “Dipingere” un formato. <\/p>\n\n Mentre questo video<\/a> mostra come appare oggi la barra degli strumenti di Microsoft Word, vediamo ancora residui delle icone skeuomorfiche del passato di Microsoft: <\/p>\n\n Microsoft non ha usato icone irriconoscibili per queste funzioni principali perch\u00e9 avrebbero solo peggiorato la curva di apprendimento degli utenti. Invece, ha preso oggetti del mondo reale con cui gli utenti avevano familiarit\u00e0 (ad esempio il floppy disk per “Salva”, le forbici per “Taglia” e il pennello per “Copia formato”) e li ha trasformati in pulsanti d’azione. <\/p>\n\n La prossima volta che lo skeuomorfismo ha fatto scalpore \u00e8 stato alla fine degli anni 2000 e all’inizio degli anni 2010. Questo era il periodo in cui lo schermo touch mobile \u00e8 diventato prominente e i designer avevano bisogno di facilitare la transizione degli utenti dal vecchio al nuovo. <\/p>\n\n Apple<\/a> \u00e8 stata largamente responsabile dell’ascesa dello skeuomorfismo questa volta. <\/p>\n\n Nel 2010, ecco come appariva la schermata home di Apple: <\/p>\n\n Per cominciare, le icone delle app sembravano pulsanti cliccabili che sporgevano dallo sfondo. In secondo luogo, molti dei design delle icone delle app erano di natura skeuomorfica. Per esempio:<\/p>\n\n Anche se non erano i design pi\u00f9 eccitanti o creativi, queste icone skeuomorfiche rendevano le app e, cosa pi\u00f9 importante, i loro scopi immediatamente riconoscibili agli utenti. <\/p>\n\n Apple non era l’unica azienda a usare lo skeuomorfismo nel design UX. N\u00e9 era presente solo sugli schermi degli smartphone. App e siti web hanno adottato lo skeuomorfismo. <\/p>\n\n Nel 2014, il sito web di Artifact Coffee<\/a> usava una forma popolare di skeuomorfismo: <\/p>\n\n<\/figure>\n\n<\/figure>\n\nLa Storia dello Skeuomorfismo<\/h2>\n\n
La Prima Ondata<\/h3>\n\n
<\/figure>\n\nLa Seconda Ondata<\/h3>\n\n
<\/figure>\n\n