Affordance \u00e9 um dos conceitos utilizado pelo profissional de Design, para determinar o quanto a funcionalidade de um objeto \u00e9 intuitiva ou autoexplicativa.<\/p>\r\n\r\n\r\n\r\n
\r\nA obra fundamental sobre affordance \u00e9 “The Theory of Affordances”, de James Gibson, em Perceiving, Acting, and Knowing, de R, E. Saw & J. Bransford(eds), Lawrence Eribaum Associates, 1997.<\/p>\r\n<\/blockquote>\r\n\r\n\r\n\r\n
Utilizando como base esse conceito \u00e9 poss\u00edvel compreender que os objetos e ambientes s\u00e3o mais adequados em algumas fun\u00e7\u00f5es do que em outras.<\/p>\r\n\r\n\r\n\r\n
Elementos circulares possuem mais facilidades para rolar que os formatos quadrados, para alguns esse conceito pode parecer bobo, entretanto n\u00e3o \u00e9.<\/p>\r\n\r\n\r\n\r\n
Quando tratamos este conceito em um ambiente ou objeto podemos relacion\u00e1-lo a sua facilidade de uso, quanto seu design e a sua fun\u00e7\u00e3o.<\/p>\r\n\r\n\r\n\r\n
Caso o objeto ou ambiente entre em conflito com sua fun\u00e7\u00e3o, este por sua vez \u00e9 de pior uso ou menos eficiente.<\/p>\r\n\r\n\r\n\r\n
O termo affordance ganhou for\u00e7a com interfaces digitais, consequentemente esse conceito \u00e9 visto dentro de IHC (Intera\u00e7\u00e3o Humano-Computador).<\/p>\r\n\r\n\r\n\r\n
O Design de interface adota este conceito em toda sua produ\u00e7\u00e3o quando os elementos s\u00e3o modelados para representar o mundo real em ambiente digitalizado, por exemplo.<\/p>\r\n\r\n\r\n\r\n
A representa\u00e7\u00e3o digital:<\/strong> pasta de arquivo, hd, \u00edcones e etc. Todos esses elementos carregam fun\u00e7\u00f5es que facilitam o entendimento e a melhor forma de uso.<\/p>\r\n\r\n\r\n\r\n
Caso esse conceito seja ignorado propositalmente, o designer pode condenar o usu\u00e1rio a quebra do seu processo de percep\u00e7\u00e3o no momento da intera\u00e7\u00e3o b\u00e1sica.<\/p>\r\n\r\n\r\n\r\n
A quebra de percep\u00e7\u00e3o obriga o usu\u00e1rio a aprender novamente uma determinada fun\u00e7\u00e3o sozinho, como resultado, aprender algo que ele talvez j\u00e1 soubesse.<\/p>\r\n\r\n\r\n\r\n
Affordance no Design \u00e9 dividido em 4 tipos<\/h2>\r\n\r\n\r\n\r\n
Expl\u00edcita<\/h4>\r\n\r\n\r\n\r\n
Quando criamos um elemento \u00f3bvio, ou seja seu formato e fun\u00e7\u00e3o indicam exatamente o que precisa ser feito, a ma\u00e7aneta da porta \u00e9 um \u00f3timo exemplo al\u00e9m de ser um padr\u00e3o.<\/p>\r\n\r\n\r\n\r\n
Padr\u00e3o<\/h4>\r\n\r\n\r\n\r\n
S\u00e3o baseados em padr\u00f5es, e seu apelo est\u00e1 na viv\u00eancia e experi\u00eancia da maioria dos usu\u00e1rios a cerca de sua fun\u00e7\u00e3o, por exemplo uma faca sempre ter\u00e1 um cabo e um hiperlink ser\u00e1 azul ou sublinhado (simplificando).<\/p>\r\n\r\n\r\n\r\n
Escondida<\/h4>\r\n\r\n\r\n\r\n
A fun\u00e7\u00e3o affordance n\u00e3o fica vis\u00edvel ao usu\u00e1rio, por\u00e9m por padr\u00e3o<\/strong> ou indica\u00e7\u00e3o do sistema o mesmo pode ser acessado. Como exemplo, podemos citar o slide superior do smartphone, para acessar notifica\u00e7\u00f5es, atalhos e etc.<\/p>\r\n\r\n\r\n\r\n
Metaf\u00f3rica<\/h4>\r\n\r\n\r\n\r\n
Produz um sentido figurado por meio de compara\u00e7\u00e3o, como resultado temos interfaces gr\u00e1ficas representando elementos do mundo real.<\/p>\r\n\r\n\r\n\r\n
Por exemplo podemos, citar interface que contenha elementos como: o carrinho de compra, o envelope, o telefone, o v\u00eddeo, a c\u00e2mera, a impressora, etc.<\/p>\r\n\r\n\r\n\r\n
Estas passam ideias abstratas, descrevendo basicamente o que o usu\u00e1rio pode fazer, todavia sem instru\u00e7\u00e3o, da mesma forma que podem ter se tornado affordance padr\u00e3o<\/strong>.<\/p>\r\n\r\n\r\n\r\n
O conceito de affordance abordado aqui, na maioria dos exemplos passam por interfaces humano-computador, mas isso n\u00e3o impede deste conceito ser aplicado em “n” produtos.<\/p>\r\n\r\n\r\n\n