Cores e contraste no menu digital: identidade e legibilidade

Defina as funções das cores antes de escolher a paleta

O menu tem funções visuais diferentes para fundos, texto principal, descrições, destaques e etiquetas. Em vez de distribuir aleatoriamente as cores da marca, pense na prioridade da informação. Os nomes podem destacar-se das descrições longas, mas os preços não devem ficar tão discretos que exijam esforço para os encontrar.

Não é preciso usar todas as cores da marca no mesmo ecrã. Reservar uma cor forte para a categoria selecionada ou uma ação importante preserva o seu significado. Quando muitas cores têm igual destaque, pode deixar de ser claro o que é interativo ou importante. Concentrar o design em poucas funções definidas cria consistência.

Avalie o texto com o fundo em que será apresentado

Uma cor de texto não pode ser avaliada isoladamente: importa a relação com a cor ou fotografia atrás. Tons demasiado pálidos nas descrições podem desaparecer com pouco brilho no ecrã. Leia um cartão junto a uma janela durante o dia e sob a iluminação noturna do espaço para perceber as diferenças.

Se colocar texto sobre fotografias, não trate todas as imagens como equivalentes. Um prato claro ou um fundo com muitos padrões pode esconder partes do texto. Uma área de texto própria ou uma separação clara entre imagem e texto pode ser mais previsível. Teste a solução com conteúdo real.

Não deixe a cor comunicar sozinha um estado

Indicar um produto recomendado, uma categoria selecionada ou a disponibilidade apenas por uma mudança de cor pode ser pouco claro para alguns clientes. Acrescente texto, uma etiqueta ou uma diferença de forma. Assim, o significado mantém-se quando há pouca distinção de cores ou quando o ecrã as apresenta de outra maneira.

Por exemplo, se a categoria selecionada só mudar de cor, uma pequena linha ou forma distinta pode ajudar. Mantenha as etiquetas curtas e claras. Um produto destacado pelo restaurante não é necessariamente adequado às necessidades pessoais do cliente; cores e distintivos não devem confundir estas ideias.

• O preço distingue-se suficientemente da descrição de apoio?
• É possível identificar a categoria selecionada sem depender da cor?
• A informação desaparece sobre alguma parte da fotografia?
• É preciso adivinhar o significado de uma etiqueta apenas pela cor?

Verifique todos os componentes após mudar o tema

Mudar o fundo afeta em conjunto cartões, botões de categorias e tons das descrições. Não aprove um tema olhando apenas para o topo do ecrã principal. Reveja sucessivamente um produto com descrição longa, outro sem fotografia, preços de comprimentos diferentes e uma categoria completa.

A cor da marca pode ser o ponto de partida na personalização de um tema da Orvunai. Tome a decisão final pela legibilidade e pela capacidade de concluir tarefas. Em vez de espalhar todas as cores do logótipo pelo texto, transmitir a marca através de títulos e apontamentos de cor pode tornar a informação mais tranquila de ler.

Combine observação, medição e tarefas com utilizadores

A revisão visual ajuda a encontrar problemas evidentes, mas não prova, por si só, conformidade de acessibilidade. Quando necessário, a equipa de design deve medir combinações de texto e fundo com ferramentas de comparação de cores e depois avaliar a leitura em tarefas reais. Um resultado positivo numa ferramenta não significa que todo o menu seja fácil de utilizar.

Peça a alguém que compare dois produtos e os preços e leia uma descrição. Registe as áreas difíceis de notar. Repetir a tarefa depois de uma pequena mudança de cor dá informação mais concreta do que escolher apenas uma paleta mais bonita. A identidade da marca e a facilidade de utilização podem melhorar em conjunto.