Product Ilustration como parte vital do design de produto

Product Illustrations, ou ilustrações de produto, estão cada vez mais presentes no ambiente digital. Nubank, IFood, Spotify e Airbnb, por exemplo, estão investindo nesse tipo de ilustração, que não é utilizada somente para enfeite, mas para gerar valor, transmitir empatia e informar o usuário de forma mais amigável e assertiva.

Giovana Schnorr Vendramini

Giovana Schnorr Vendramini

April 06, 2021 | leitura de 5 minutos

design

A ilustração de produtos é parte essencial das soluções digitais. Enquanto o conteúdo textual do seu site ou aplicativo dizem algo para o usuário, as ilustrações transmitem a informação de forma mais atrativa, auxiliando na comunicação e no cumprimento de tarefas com um toque mais humano, podendo ser metafórico ou não.

Para ser bem sucedida em um produto, a ilustração precisa estar alinhada com o tom e a voz da marca, transmitindo seu propósito e atingindo as necessidades e objetivos do usuário.

"A ilustração do produto sem um objetivo pode sobrecarregar, ser perturbadora e até irritante. Em vez disso, tenha algo que valha a pena dizer; então diga lindamente." - Meg Robichaud Líder de Ilustração da Shopify

Product Illustration como ferramenta de Design 

A interpretação de forma visual torna a experiência mais agradável, deixando o usuário mais disposto a experimentar algo novo e mais compreensível se algo der errado na interação. Essa é a grande diferença entre ilustrar algo simplesmente bonito, para algo que realmente transmita o propósito do produto e auxilie na experiência. Mas, como saber quando e onde usar essas ilustrações?

Apoiando o produto

Sabe aquela história de "menos é mais"? Aqui isso se encaixa perfeitamente. Muitos elementos podem causar confusão e má interpretação. Nesse cenário é importante evitar a frustração do usuário. A ilustração que apoia o produto é aquela que permite melhor entendimento, traduz informações complexas, influencia e direciona o usuário para o que é importante e resolve eventuais problemas.

Por isso, algumas marcas incorporaram as Product Illustrations como parte do branding. É uma forma de envolver e contar uma história, criando uma relação com o usuário. Uma definição precisa de como criar e como usar essas ilustrações só trará benefícios a marca que decidir usá-las.

product illustration 01.png Onboarding do aplicativo Dropbox

Humanizando a mensagem

Como dito acima, um dos papéis da ilustração é apoiar o conteúdo e humanizar a interação de um produto com seus usuários. Desenvolver uma jornada agradável, transmitir emoções e motivar ações não é uma tarefa exclusiva do conteúdo textual. 

Uma imagem agradável e bem pensada chama a atenção. Páginas de erro, mensagens e feedbacks da interface se tornam mais acessíveis quando acompanhados de uma ilustração.

product illustration 02.png Página de erro Ifood

Guiando o usuário

As ilustrações guiam o usuário através do fluxo, apoiando a navegação. Portanto, podemos encarar as Product Illustrations de um produto como uma fonte de resolução de problemas e uma forma de amenizar as frustrações que podem ocorrer dentro da interface. Se o usuário se perder no caminho, o produto precisa oferecer meios para voltar ou recomeçar o processo. O Produto pode levar a caminhos imprevisíveis, usar ilustrações auxilia na experiência e acolhe o usuário caso ele se encontre num lugar desconhecido da interface.

product illustration 03.png Página de busca Quinto Andar

Metáfora no Design de Produto 

Segundo o dicionário, metáfora nada mais é do que uma figura de linguagem que produz sentidos figurados por meio de comparação. Mas, o que isso tem a ver com ilustração de produto?

Entregar ideias complicadas de maneira agradável e fácil de compreender é uma das tarefas do UX Design. Na hora de usar metáfora como ferramenta para a criação das ilustrações, é necessário ter uma visão ampla do propósito do produto e com isso entender a forma que a marca quer se comunicar para auxiliar na experiência de navegação.

Uma das maneiras mais eficientes de criar metáforas no design de produto (o que podemos chamar de metáfora pura) é relacionar o abstrato com o concreto. Por exemplo, quando o usuário cria sua loja no Shopify, ele tem a opção de personalizá-la:

product illustration 04 - metafora.png

O desenho não é literal. A ilustração representa a loja com o sorvete e a personalização seria escolher as coberturas.

Comece a ilustrar

Existem propriedades que toda ilustração deve cumprir para ter sucesso. Se você quiser começar a se aventurar pelo mundo das ilustrações de produto aqui vão algumas dicas:

A ilustração deve ser útil para o produto

Adicionar informações e apoiar o produto é uma das responsabilidades das ilustrações. Por isso é importante se perguntar o porquê de colocar uma ilustração aqui e ali, dentro da interface. Estude bem onde e quando colocá-las, ofereça uma compreensão mais profunda de sua ferramenta e transmita o tom e a voz da marca.

product illustration 05.png Guia de Ilustrações da Shopify

Seja consistente

Em UX Design levamos a consistência muito a sério e com as ilustrações isso não é diferente. Definir a paleta de cores, a espessura das linhas e as formas são importantes para manter uma coerência entre as ilustrações.

product illustration 06.png Ilustrações de Alice Lee desenvolvida para o Wordpress

As product illustrations não tem um estilo exato e as tendências mudam a cada ano. O importante é a mensagem que você quer passar. Encontre um estilo que mais lhe agrade, busque muita referência e comece a desenhar, não precisa ficar perfeito de primeira. Lembre-se: a prática leva a perfeição.

Referências:
- Why illustration is a vital part of your product
- Illustration is the product design
- What is product illustration
- Product illustration for people who don't know anything about product illustration
- Effectively using metaphor in product illustration
- Building a new illustration style for shopify
- A color exercise for our brands illustration
- Ilustrando UX: inserindo ilustrações em produtos digitais
Giovana Schnorr Vendramini
Giovana Schnorr Vendramini

UX/UI Designer | Adoro divagar sobre os mais diversos assuntos. Sou fascinada por design, cultura geek, viagens e não saio de casa sem meus fones de ouvido.

LinkedIn