\u00cdndice<\/h4>\n\n\n\n- O que \u00e9 Skeumorfismo?<\/a><\/li>
- A Hist\u00f3ria do Skeumorfismo<\/a><\/li>
- Cr\u00edticas Comuns e Desvantagens do Skeumorfismo no Design de Experi\u00eancia do Usu\u00e1rio<\/a><\/li>
- Benef\u00edcios e Usos do Design Skeum\u00f3rfico Atualmente<\/a><\/li>
- Exemplos de Skeumorfismo no Design de Experi\u00eancia do Usu\u00e1rio<\/a><\/li>
- O Skeumorfismo Ainda \u00e9 Relevante?<\/a><\/li>
- Skeumorfismo: Melhores pr\u00e1ticas para o design de experi\u00eancia do usu\u00e1rio<\/a><\/li><\/ul>\n<\/div><\/div>\n\n
O que \u00e9 Skeumorfismo?<\/h2>\n\n
Skeumorfismo \u00e9 uma t\u00e9cnica de design na qual os elementos da interface do usu\u00e1rio se assemelham e, \u00e0s vezes, agem como seus equivalentes do mundo real. Em alguns casos, o objeto skeum\u00f3rfico \u00e9 algo que n\u00e3o utilizamos mais.<\/p>\n\n
O termo “skeuomorfo” \u00e9 derivado do grego: <\/p>\n\n
skeuos (\u03c3\u03ba\u03b5\u1fe6\u03bf\u03c2<\/em>) = recipiente ou ferramenta<\/p>\n\nmorph\u1e17 (\u03bc\u03bf\u03c1\u03c6\u03ae<\/em>) = forma<\/p>\n\nFoi inventado pelo Dr. Henry Colley March em 1889. Originalmente, um skeuomorfo referia-se a um objeto f\u00edsico que possu\u00eda designs ou caracter\u00edsticas ornamentais que n\u00e3o eram mais relevantes ou necess\u00e1rias. Como um vaso de barro que tinha formas esculpidas nele para faz\u00ea-lo parecer uma cesta tran\u00e7ada.<\/p>\n\n
Um bom exemplo de skeuomorfo com o qual estamos todos familiarizados atualmente \u00e9 o Impossible Whopper do 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\nOs consumidores est\u00e3o todos familiarizados com a apar\u00eancia de um hamb\u00farguer de carne bovina \u2014 especialmente um dos hamb\u00fargueres grelhados na chama do Burger King. O hamb\u00farguer Impossible, apesar de n\u00e3o conter carne alguma, se assemelha exatamente a um hamb\u00farguer de carne bovina. <\/p>\n\n
Por que a Impossible e\/ou o Burger King fazem isso? Parte da raz\u00e3o pela qual os skeumorfos s\u00e3o \u00fateis \u00e9 que a familiaridade no design facilita a transi\u00e7\u00e3o das pessoas do antigo modo de fazer as coisas para o novo modo. <\/p>\n\n
Os skeumorfos tamb\u00e9m podem ser \u00fateis por raz\u00f5es nost\u00e1lgicas. Por exemplo, muitos telefones com c\u00e2mera ainda emitem um som de “clique” quando algu\u00e9m tira uma foto, apesar de n\u00e3o haver necessidade desse som.<\/p>\n\n
Os skeumorfos tamb\u00e9m desempenharam um papel no design digital ao longo dos anos. Embora n\u00e3o sejam t\u00e3o prevalentes hoje, ainda \u00e9 poss\u00edvel vislumbr\u00e1-los de tempos em tempos. <\/p>\n\n
Por exemplo, o \u00edcone da Lixeira encontrado no dock do Mac \u00e9 um 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\nA maioria dos outros \u00edcones s\u00e3o planos e se assemelham mais a logotipos digitais do que a objetos f\u00edsicos. Esta \u00e9 a maior distin\u00e7\u00e3o entre o skeuomorfismo e outras tend\u00eancias e t\u00e9cnicas de design<\/a> digital. <\/p>\n\nA Hist\u00f3ria do Skeuomorfismo<\/h2>\n\n
Quando e onde exatamente utilizamos o skeuomorfismo no design de experi\u00eancia do usu\u00e1rio? Analisemos: <\/p>\n\n
A Primeira Onda<\/h3>\n\n
Nos prim\u00f3rdios do desenvolvimento de software, o skeuomorfismo desempenhou um papel crucial na familiariza\u00e7\u00e3o dos usu\u00e1rios com uma nova forma de trabalho. <\/p>\n\n
Consideremos o conjunto de aplicativos da Microsoft<\/a>. N\u00e3o era necessariamente o ato de escrever, realizar c\u00e1lculos ou criar apresenta\u00e7\u00f5es digitalmente<\/em> que representava um obst\u00e1culo para consumidores, profissionais e estudantes. <\/p>\n\nEram as outras fun\u00e7\u00f5es sobre as quais eles tinham que refletir, que n\u00e3o eram realmente relevantes anteriormente. Como ter que “Salvar” seu trabalho, “Recortar” texto ou “Pintar” um formato. <\/p>\n\n
Embora este v\u00eddeo<\/a> retrate como a barra de ferramentas do Microsoft Word se apresenta atualmente, ainda observamos vest\u00edgios dos \u00edcones skeuom\u00f3rficos do passado da 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\nA Microsoft n\u00e3o utilizou \u00edcones irreconhec\u00edveis para estas fun\u00e7\u00f5es principais, pois isso teria apenas agravado a curva de aprendizagem dos usu\u00e1rios. Em vez disso, adotou objetos do mundo real com os quais os usu\u00e1rios estavam familiarizados (por exemplo, o disquete para “Salvar”, a tesoura para “Recortar” e o pincel para “Pincel de Formata\u00e7\u00e3o”) e os transformou em bot\u00f5es de a\u00e7\u00e3o. <\/p>\n\n
A Segunda Onda<\/h3>\n\n
A pr\u00f3xima ocasi\u00e3o em que o skeuomorfismo causou grande impacto foi no final dos anos 2000 e in\u00edcio dos anos 2010. Isso ocorreu aproximadamente na \u00e9poca em que as telas sens\u00edveis ao toque em dispositivos m\u00f3veis ganharam proemin\u00eancia e os designers necessitavam facilitar a transi\u00e7\u00e3o dos usu\u00e1rios do antigo para o novo. <\/p>\n\n
A Apple<\/a> foi em grande parte respons\u00e1vel pela ascens\u00e3o do skeuomorfismo neste per\u00edodo. <\/p>\n\nEm 2010, a tela inicial da Apple se apresentava desta forma: <\/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\nPrimeiramente, os \u00edcones dos aplicativos se assemelhavam a bot\u00f5es clic\u00e1veis sobressaindo-se do fundo. Em segundo lugar, muitos dos designs dos \u00edcones dos aplicativos eram de natureza skeuom\u00f3rfica. Por exemplo:<\/p>\n\n
- Camera<\/strong> utilizava a imagem da lente de uma c\u00e2mera<\/li>
- YouTube<\/strong> apresentava um gr\u00e1fico de uma televis\u00e3o antiga<\/li>
- Notes<\/strong> era um bloco de notas jur\u00eddico amarelo<\/li><\/ul>\n\n
Embora n\u00e3o fossem os designs mais empolgantes ou criativos, esses \u00edcones skeuom\u00f3rficos tornavam os aplicativos e, mais importante, suas fun\u00e7\u00f5es instantaneamente reconhec\u00edveis para os usu\u00e1rios. <\/p>\n\n
A Apple n\u00e3o era a \u00fanica empresa a utilizar o skeuomorfismo no design de experi\u00eancia do usu\u00e1rio. Tampouco estava presente apenas em telas de smartphones. Aplicativos e websites igualmente adotaram o skeuomorfismo. <\/p>\n\n
Em 2014, o website da Artifact Coffee<\/a> utilizava uma forma popular de skeuomorfismo: <\/p>\n\n
O que \u00e9 Skeumorfismo?<\/h2>\n\n
Skeumorfismo \u00e9 uma t\u00e9cnica de design na qual os elementos da interface do usu\u00e1rio se assemelham e, \u00e0s vezes, agem como seus equivalentes do mundo real. Em alguns casos, o objeto skeum\u00f3rfico \u00e9 algo que n\u00e3o utilizamos mais.<\/p>\n\n
O termo “skeuomorfo” \u00e9 derivado do grego: <\/p>\n\n
skeuos (\u03c3\u03ba\u03b5\u1fe6\u03bf\u03c2<\/em>) = recipiente ou ferramenta<\/p>\n\n morph\u1e17 (\u03bc\u03bf\u03c1\u03c6\u03ae<\/em>) = forma<\/p>\n\n Foi inventado pelo Dr. Henry Colley March em 1889. Originalmente, um skeuomorfo referia-se a um objeto f\u00edsico que possu\u00eda designs ou caracter\u00edsticas ornamentais que n\u00e3o eram mais relevantes ou necess\u00e1rias. Como um vaso de barro que tinha formas esculpidas nele para faz\u00ea-lo parecer uma cesta tran\u00e7ada.<\/p>\n\n Um bom exemplo de skeuomorfo com o qual estamos todos familiarizados atualmente \u00e9 o Impossible Whopper do Burger King<\/a>: <\/p>\n\n Os consumidores est\u00e3o todos familiarizados com a apar\u00eancia de um hamb\u00farguer de carne bovina \u2014 especialmente um dos hamb\u00fargueres grelhados na chama do Burger King. O hamb\u00farguer Impossible, apesar de n\u00e3o conter carne alguma, se assemelha exatamente a um hamb\u00farguer de carne bovina. <\/p>\n\n Por que a Impossible e\/ou o Burger King fazem isso? Parte da raz\u00e3o pela qual os skeumorfos s\u00e3o \u00fateis \u00e9 que a familiaridade no design facilita a transi\u00e7\u00e3o das pessoas do antigo modo de fazer as coisas para o novo modo. <\/p>\n\n Os skeumorfos tamb\u00e9m podem ser \u00fateis por raz\u00f5es nost\u00e1lgicas. Por exemplo, muitos telefones com c\u00e2mera ainda emitem um som de “clique” quando algu\u00e9m tira uma foto, apesar de n\u00e3o haver necessidade desse som.<\/p>\n\n Os skeumorfos tamb\u00e9m desempenharam um papel no design digital ao longo dos anos. Embora n\u00e3o sejam t\u00e3o prevalentes hoje, ainda \u00e9 poss\u00edvel vislumbr\u00e1-los de tempos em tempos. <\/p>\n\n Por exemplo, o \u00edcone da Lixeira encontrado no dock do Mac \u00e9 um skeuomorfo: <\/p>\n\n A maioria dos outros \u00edcones s\u00e3o planos e se assemelham mais a logotipos digitais do que a objetos f\u00edsicos. Esta \u00e9 a maior distin\u00e7\u00e3o entre o skeuomorfismo e outras tend\u00eancias e t\u00e9cnicas de design<\/a> digital. <\/p>\n\n Quando e onde exatamente utilizamos o skeuomorfismo no design de experi\u00eancia do usu\u00e1rio? Analisemos: <\/p>\n\n Nos prim\u00f3rdios do desenvolvimento de software, o skeuomorfismo desempenhou um papel crucial na familiariza\u00e7\u00e3o dos usu\u00e1rios com uma nova forma de trabalho. <\/p>\n\n Consideremos o conjunto de aplicativos da Microsoft<\/a>. N\u00e3o era necessariamente o ato de escrever, realizar c\u00e1lculos ou criar apresenta\u00e7\u00f5es digitalmente<\/em> que representava um obst\u00e1culo para consumidores, profissionais e estudantes. <\/p>\n\n Eram as outras fun\u00e7\u00f5es sobre as quais eles tinham que refletir, que n\u00e3o eram realmente relevantes anteriormente. Como ter que “Salvar” seu trabalho, “Recortar” texto ou “Pintar” um formato. <\/p>\n\n Embora este v\u00eddeo<\/a> retrate como a barra de ferramentas do Microsoft Word se apresenta atualmente, ainda observamos vest\u00edgios dos \u00edcones skeuom\u00f3rficos do passado da Microsoft: <\/p>\n\n A Microsoft n\u00e3o utilizou \u00edcones irreconhec\u00edveis para estas fun\u00e7\u00f5es principais, pois isso teria apenas agravado a curva de aprendizagem dos usu\u00e1rios. Em vez disso, adotou objetos do mundo real com os quais os usu\u00e1rios estavam familiarizados (por exemplo, o disquete para “Salvar”, a tesoura para “Recortar” e o pincel para “Pincel de Formata\u00e7\u00e3o”) e os transformou em bot\u00f5es de a\u00e7\u00e3o. <\/p>\n\n A pr\u00f3xima ocasi\u00e3o em que o skeuomorfismo causou grande impacto foi no final dos anos 2000 e in\u00edcio dos anos 2010. Isso ocorreu aproximadamente na \u00e9poca em que as telas sens\u00edveis ao toque em dispositivos m\u00f3veis ganharam proemin\u00eancia e os designers necessitavam facilitar a transi\u00e7\u00e3o dos usu\u00e1rios do antigo para o novo. <\/p>\n\n A Apple<\/a> foi em grande parte respons\u00e1vel pela ascens\u00e3o do skeuomorfismo neste per\u00edodo. <\/p>\n\n Em 2010, a tela inicial da Apple se apresentava desta forma: <\/p>\n\n Primeiramente, os \u00edcones dos aplicativos se assemelhavam a bot\u00f5es clic\u00e1veis sobressaindo-se do fundo. Em segundo lugar, muitos dos designs dos \u00edcones dos aplicativos eram de natureza skeuom\u00f3rfica. Por exemplo:<\/p>\n\n Embora n\u00e3o fossem os designs mais empolgantes ou criativos, esses \u00edcones skeuom\u00f3rficos tornavam os aplicativos e, mais importante, suas fun\u00e7\u00f5es instantaneamente reconhec\u00edveis para os usu\u00e1rios. <\/p>\n\n A Apple n\u00e3o era a \u00fanica empresa a utilizar o skeuomorfismo no design de experi\u00eancia do usu\u00e1rio. Tampouco estava presente apenas em telas de smartphones. Aplicativos e websites igualmente adotaram o skeuomorfismo. <\/p>\n\n Em 2014, o website da Artifact Coffee<\/a> utilizava uma forma popular de skeuomorfismo: <\/p>\n\n<\/figure>\n\n<\/figure>\n\nA Hist\u00f3ria do Skeuomorfismo<\/h2>\n\n
A Primeira Onda<\/h3>\n\n
<\/figure>\n\nA Segunda Onda<\/h3>\n\n
<\/figure>\n\n