Skeuomorfismo

Estilo de interface que imita objetos do mundo real, com textura, volume e sombra realistas.

Hard

O que é

Skeuomorfismo é o estilo em que elementos digitais copiam a aparência de coisas físicas. O bloco de notas com textura de papel, o botão com brilho de plástico, a estante de livros de madeira. A ideia é usar a familiaridade do mundo real pra ensinar como usar a tela.

Fez muito sentido quando a interface por toque era nova e as pessoas precisavam de pistas fortes do que era clicável. A lixeira parecia uma lixeira, então você entendia que arrastar pra lá apagava. Com o tempo, a alfabetização digital cresceu e o realismo passou a pesar mais do que ajudar, o que abriu espaço pro flat design.

Vale conhecer como contraponto histórico. Entender por que o skeuomorfismo existiu ajuda a enxergar o que o flat ganhou e o que ele também perdeu em pistas de uso.

Em uma frase

Esse ícone está skeuomórfico demais, com sombra e brilho que não combinam com o resto do produto.

A pergunta que ele responde

Por que as interfaces antigas imitavam couro, papel e madeira?

Quando usar

Quando o público ainda não tem familiaridade com a interface e precisa de uma ponte forte com o mundo físico, ou em contextos lúdicos.

Como não usar

Empilhar textura e sombra realista por nostalgia, sem que isso ajude a pessoa a entender ou usar a tela.

Na prática

O app de calendário antigo desenhava costura de couro na borda da tela. Era skeuomorfismo: a textura não tinha função, só evocava uma agenda física.

Não confunda com

Skeuomorfismo não é o mesmo que affordance: skeuomorfismo é um estilo visual que imita o real, affordance é a pista que sugere a ação. Skeuomorfismo costuma reforçar affordance, mas dá pra ter pista clara sem imitar nada.

D

Em inglês

Skeuomorphism

Pronúncia

es-quê-u-o-mor-fis-mo

Também chamado de

skeuomorfismo, skeumorfismo

Origem

n/a

Fonte

Saiba mais

Nielsen Norman Group, artigo sobre flat design e skeuomorphism