Exercício II As cores e Padrões gráficos IHC

Prévia do material em texto

Exercício de
Interação
Humano Computador
As Cores e a IHC
O uso de cores em interfaces é extremamente importante, não só para motivos de estética, mas também para os usuários entenderem melhor a estrutura e o design da interface. Quaisquer diretrizes de design de interface irão muito provavelmente mencionar o uso e o efeito das cores em determinada interface.
Um estudo feito pelo “Institute for Color” mostrou que os usuários tendem a levar 90 segundos para avaliar a qualidade de certo produto. De 62% a 90% dessas avaliações de produtos são influenciadas por cores no nível subconsciente do usuário.
O uso de cores na interface é considerado um processo bastante complexo, por isso, existem algumas diretrizes que facilitam a sua utilização. Entre elas:
· O uso de múltiplas cores pode confundir o usuário, aumentando seu tempo de percepção dos objetos na interface, por isso, é recomendado utilizar de duas a cinco cores simultaneamente;
· Utilizar cores com semântica, usando elas para comunicar sucessos, erros, notificações, alertas e etc;
· Seguir determinados padrões sociais e culturais influenciados pelo ambiente do usuário;
· Em mídias sociais, devemos usar cores para dar destaque a objetos e tornar a leitura mais legível;
· Em gráficos e mapas, é utilizado para diferenciar informações e divisão de locais, auxiliando no entendimento do mesmo;
· A utilização consistente de cores é provavelmente uma das diretrizes mais importantes, pois, ela garante que o usuário tenha mais facilidade de reconhecer certas interações apenas pelo uso exclusivo de certa cor;
· A cor não é o único recurso de comunicação visual, coisas como estruturação, categorização, organização e enquadramento são muito mais importantes e devem ser priorizadas antes do uso de cores.
Algumas cores são feitas para ajudar na navegação do usuário em relação ao layout, fazendo com que cada uma tenha a sua especificação, e de acordo com a cultura do ocidente, ficaram da seguinte forma:
Perigo, proibido, negação, raiva, quente, fogo, pare, violência;
Alerta, cuidado, devagar, teste, raciocínio;
Siga, tudo bem, afirmação, permitido, livre, segurança;
São cores neutras, portanto, não possuem características definidas.
Cores quentes representam: Ação, resposta necessária, proximidade, transmitem sensação de calor, alegria;
Cores frias representam: Estado, informação de fundo, distância, passam a ideia de calma, tranquilidade e esperança;
Em uma análise das mais valiosas empresas do mundo, baseadas na listagem da Forbes, especialistas analisaram que dentre as cores utilizadas em suas logos, 35% usam a cor azul, 30% o vermelho, 23% o espectro do cinza, preto e branco, 20% o amarelo e dourado, 7% o verde, 3% usam mais de quatro cores ao mesmo tempo e apenas 1% é roxo.
Isso pode significar toda a diferença entre se destacar ou ser ignorado. Entender como elas afetam as emoções humanas e as respostas do cérebro de seus consumidores vai ajudar a alcançar todos os objetivos de sua marca e fidelizar seus clientes. O infográfico “How Collor Affect Conversion Rate” tem alguns dados interessantes:
· Anúncios coloridos tendem a ser 26% mais reconhecidos que os preto e branco;
· 80% dos consumidores reconhecem mais facilmente uma marca utilizando suas cores;
· Mulheres, geralmente, se identificam mais com o azul, roxo e verde;
· Cores agregam valores aos produtos. O vinho é associado ao requinte, já o laranja indica promoção dos preços;
· O cinza, apesar de também estar avaliado como uma cor que exala luxo, desperta um sentimento de solidão.
Os Padrões Graficos e a IHC
 Para que o designer possa projetar uma interface, é importante observar que a interface precisa representar todas as possibilidades de interação que o usuário terá acesso, principalmente quais destas interações o usuário terá a possibilidade de escolher por sua própria vontade ou ainda qual ele será obrigado a seguir, para que se complete a sua experiência em relação a interface projetada. Sendo assim, não se pode falar de interface sem comentar como se dá a interação do usuário com este meio. A noção de interface ultrapassa o ser simplesmente um meio de contato ou uma quantidade de significantes. Com isso, entende-se que o designer necessita projetar uma interface com características que levem a um design adequado, porém evidencia-se a importância em projetar uma interface levando em conta também a experiência do usuário.
Na área de IHC (interação Humano-computador) há formas e princípios para seguir, chegando a um melhor resultado para o produto final. O objetivo de um design consistente é, gerar entendimento, estruturar e propor uma solução para o problema, utilizando os princípios básicos da “Gestalt” (Também conhecida como a psicologia das formas).
Nos padrões gráficos existem conceitos como: Proximidade e alinhamento, Legibilidade, Ordem consistência e repetição, entre outros. 
Seguindo os padrões internacionais, garantimos que o design do produto garanta uma boa praticidade para o usuário, contudo existem princípios de design gráfico que possibilita uma melhor comunicação com as pessoas.
Princípios de design gráfico:
Metáfora
Figura de linguagem utilizada para comparar dois conceitos (visuais a itens familiares). Ex: O usuário ao ver o ícone de uma lixeira na interface, saberá que ali se encontram ou podem ser encontrados os arquivos que já não são importantes e podem ser descartados, assim como ocorre com uma lixeira no seu contexto real
Clareza
Para uma melhor visibilidade do conteudo, quanto menos elementos possíveis estiver no produto, mais clareza trará ao mesmo.
 Contraste
Sua função é atrair a atenção do usuário, guiando os olhos pela Interface. Pode ser usado para distinguir controle ativo ou dar relevância a um item importante. Utilize o contraste para dar foco ou evidenciar a aparência da interface.
Consistência (Repetição)
Definição de continuidade, aplicando a consistência em Layout, cor, imagens, ícones, tipografia, texto, entre outros. Isso pode acontecer entre uma ou telas diferentes, ajudando a organizar informações.
Alinhamento
Permite ao usuário melhor acessibilidade a interface, oferecendo: Organização, Coesão e uso de grades.
Proximidade
O princípio da proximidade afirma que as coisas 
que estão próximas parecem ser mais relacionadas
entre si do que se estivessem distantes. De uma
maneira visual, essas situações estão presente no
dia a dia. No exemplo ao lado, parece existir uma 
desordem que confunde o cérebro, enquanto que 
na figura da direita onde as formas iguais foram 
agrupadas em dois diferentes grupos parece existir 
uma certa harmonia que facilita a compreensão de 
todos elementos e a boa leitura da composição 
como um todo.
CRAP
Sigla para definir os termos apresentados acima: Contraste, Repetição, Alinhamento e Proximidade.
Referências:
A influência das cores nas marcas, WeLancer Blog, 2017. Disponível em:< 
https://blog.welancer.com/influencia-das-cores-nas-marcas/ >. Acesso em: 28 de março de 2022.
Cores em Design de Interface: Um guia para a criação da interface perfeita. Usabilitygeek, 2020. Disponível em:< https://usabilitygeek.com/colors-in-ui-design-a-guide-for-creating-the-perfect-ui/ >.Acesso em: 28 de março de 2022.
KULPA, Cínthia C.; PINHEIRO, Eluza T.; SILVA, Régio P. A INFLUÊNCIA DAS CORES NA USABILIDADE DE INTERFACES ATRAVÉS DO DESIGN CENTRADO NO COMPORTAMENTO CULTURAL DO USUÁRIO. Brapci, 2011.Disponível em < https://brapci.inf.br/index.php/res/v/52103 >. Acesso em: 26 de março de 2022.
Princípios Design Gráfico. AmplifIHC,[s.d].Disponível em < http://cafe.intermidia.icmc.usp.br:22080/wordpress/?page_id=1573 >. Acesso em: 26 de março de 2022. 
Psicologia das Cores: como elas podem afetar no marketing e nas vendas. Conube, 2017. Disponível em: < https://conube.com.br/blog/psicologia-das-cores/amp/ >. Acesso em: 28 de março de 2022.
Teoria e principais leis da Gestalt: umestudo da dorma. RevendaKWG, 2017. Disponível em < https://blog.revendakwg.com.br/inspiracao-design/teoria-e-principais-leis-da-gestalt-um-estudo-da-forma/ >. Acesso em: 26 de março de 2022.
2