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.
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:
Há muitos casos em que as ilustrações podem melhorar a experiência do usuário de um produto. Aqui estão 6 deles:
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.
Créditos de imagem: Divan Raj
Usando ilustrações, é possível mostrar a diferença entre planos de produtos.
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.
Página de erro em Voos do Google. Créditos de imagem: Dribbble
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.
Silverback , um aplicativo para Mac que facilita o teste de usabilidade da Guerrilha, usa um gorila ilustrado como mascote.
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.
As ilustrações podem fazer com que o usuário se sinta confiante em suas tarefas e inspirado para continuar a jornada.
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.
Créditos de imagem: Fundação Zurb
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.
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.