O velho ditado “uma imagem vale mais que mil palavras” ainda é relevante para as experiências de hoje. As pessoas são atraídas por recursos visuais mais rapidamente do que o texto, e essa propriedade natural de fotos e ilustrações as torna muito úteis para o design visual.

Em interfaces de usuário modernas, as fotos e ilustrações tornaram-se elementos funcionais, juntamente com texto e elementos interativos. As ilustrações são uma maneira versátil de criar um design exclusivo. Desde ilustrações de heróis desenhados à mão até pequenos ícones, tudo sobre uma imagem esboçada parece uma arte. Neste artigo, gostaria de revisar algumas das funções da ilustração na perspectiva do design moderno da interface do usuário.

Como as ilustrações ajudam a melhorar a experiência do usuário

Semelhante a outros elementos visuais, a ilustração pode ser uma poderosa ferramenta de comunicação. Ilustrações bem trabalhadas têm os seguintes benefícios:

  • Pode atrair a atenção do usuário e fornecer as informações mais importantes em um formato visual fácil de entender.
  • Pode adicionar clareza a uma ideia complexa. Não há necessidade de usar palavras se você puder fornecer essas informações usando recursos visuais.
  • Pode envolver usuários. A bela ilustração não só atrai a atenção do usuário, mas também torna os usuários interessados ​​em um produto em si.
  • Pode brincar com a imaginação dos usuários. É possível mesclar realidade e imaginação usando a ilustração.

Ilustração de 6 maneiras melhora o UX

Há muitos casos em que as ilustrações podem melhorar a experiência do usuário de um produto. Aqui estão 6 deles:

1. Entregue o ponto principal mais rapidamente

Como dito antes, as ilustrações têm um excelente potencial para explicação e esclarecimento. No contexto de sites e aplicativos móveis, há uma dúzia de maneiras de usar as ilustrações para melhorar o UX desde as primeiras telas. Por exemplo, é possível tornar o processo de integração mais interessante usando ilustrações em telas de tutorial. Essa abordagem tem o benefício adicional de aplicativos móveis de ajudar a evitar muito texto na tela.

image1

Créditos de imagem: Divan Raj

Usando ilustrações, é possível mostrar a diferença entre planos de produtos.

image2

Ilustrações demonstram a diferença entre planos de serviço. Créditos de imagem: Dribbble

Por último, mas não menos importante, quando o usuário encontra um problema, as ilustrações podem ser usadas para adicionar um pouco de humor para humanizar o problema.

image3

Página de erro em Voos do Google. Créditos de imagem: Dribbble

2. Crie uma experiência mais memorável

Como usuários, usamos muitos produtos regularmente, mas apenas alguns deles criam uma experiência verdadeiramente memorável.

Como designers, se quisermos criar uma experiência memorável, precisamos aprender como o cérebro humano funciona. Barbara Fredrickson e Daniel Kahneman propuseram uma heurística psicológica chamada regra do pico-fim que dita o modo como nosso cérebro trabalha com a informação. A regra do pico de ponta estados que as pessoas julgam uma experiência amplamente baseada em como elas se sentiram em seu pico (isto é, seu ponto mais intenso) e em seu final, em vez de se basearem na soma total ou média de cada momento da experiência. O efeito ocorre independentemente de a experiência ser agradável ou desagradável.

Em outras palavras, quando nos lembramos de experiências, tendemos a lembrar não toda a experiência, mas apenas os principais eventos que aconteceram. Uma ilustração agradável é uma oportunidade de se tornar um evento tão importante e aumentar o reconhecimento da marca.

O uso de mascotes em uma interface de usuário é uma maneira popular de aplicar técnicas de ilustração no design para criar uma experiência mais memorável. Elementos de identidade visual, como mascotes, tornam-se os elementos de identidade e interconector entre o usuário e o produto.

image4

Silverback , um aplicativo para Mac que facilita o teste de usabilidade da Guerrilha, usa um gorila ilustrado como mascote.

3. Crie uma ilusão de comunicação direta com o usuário

Cada interação do usuário com um produto é uma jornada. Por trás de cada jornada é uma meta que o usuário deseja realizar usando o produto. Para algumas experiências, é possível converter uma viagem em uma história na qual o usuário será um personagem, e o objetivo será um destino final. As ilustrações podem atuar como um proxy entre o usuário e o aplicativo, envolvendo os usuários na experiência.

Um bom exemplo é Omono . O aplicativo usa uma coruja para orientar os usuários através da interface e reforçar a natureza amigável do aplicativo.

omono

As ilustrações podem fazer com que o usuário se sinta confiante em suas tarefas e inspirado para continuar a jornada.

4. Reforce o conceito estilístico existente

As ilustrações podem ser aplicadas em uma interface de usuário para fornecer suporte visual ao conceito estilístico geral do aplicativo ou website. Juntamente com outros elementos de marca, como logotipos, fontes, esquemas de cores, ilustrações, têm um impacto significativo no estilo do produto. Quando a ilustração é criada de acordo com o estilo, ela proporciona uma sensação mais natural e harmônica do produto (e da marca em geral). Mas para que isso aconteça, as ilustrações devem parecer consistentes, como se fossem da mesma fonte, mesmo que tenham sido criadas por pessoas diferentes.

zurb

Créditos de imagem: Fundação Zurb

5. Live o processo de interação

Quando pensamos em nossos aplicativos e sites, raramente pensamos neles como páginas estáticas interligadas. O conceito de interações nos obriga a adicionar efeitos animados e transições para tornar a experiência mais natural. O mesmo que qualquer outra parte de um desenho, a ilustração pode ser enriquecida com animação. As ilustrações combinadas com animação podem proporcionar não apenas uma experiência verdadeiramente memorável, mas também podem tornar a experiência mais dinâmica.

Por exemplo, Readme.io , um serviço que fornece uma bela documentação para o mundo, faz os usuários sorrirem cada vez que digitarem a senha. As pessoas adoram pequenos toques porque tornam a experiência mais humana.

readme

6. Adicione Elementos da Gamificação ao UX

A gamificação é uma técnica popular usada pelos designers de produtos para aumentar o engajamento do usuário. Um designer pode considerar o uso de ilustração na interface quando o usuário deve ser recompensado por alguma conquista.

image8