Entre em Contato
contato@uxmotiondesign.com
Voltar

Movimento com Propósito: UX Motion e a Comunicação da Marca


A animação centrada no usuário é fundamental para a criação de experiências digitais que sejam intuitivas, eficientes, atraentes, memoráveis e envolventes, além de contribuir para a satisfação e fidelização dos usuários.

No entanto, apenas ter esses objetivos em mente não é suficiente se os movimentos e animações não estiverem alinhados e trabalharem sinergicamente com a identidade da marca.

Neste artigo, vamos explorar a importância de entender a personalidade da marca, seu tom de voz e seus valores, para criar animações e movimentos que comuniquem efetivamente a essência da marca na interface do usuário.

Ao alinhar e trabalhar sinergicamente com a identidade da marca, é possível criar uma experiência única e coerente em todos os touchpoints.

O Produto é um Touchpoint

Touchpoints são os pontos de contato que uma marca tem com o seu público. Eles desempenham um papel importante na formação da percepção e experiência do público.

Embora o UX Motion seja frequentemente discutido no contexto do design de interface, é essencial lembrar que o produto em si é um dos touchpoints mais importantes de um negócio.

O produto é o principal canal pelo qual a audiência se envolve com determinada marca. É através dele que os usuários experimentam, sentem e interagem diretamente com ela.

Por isso, é fundamental que o UX Motion reflita de maneira consistente e coerente a marca, garantindo que a experiência do usuário seja alinhada com seus valores e sua personalidade em todos os momentos.

Estude a Personalidade da Marca

A personalidade da marca consiste na combinação de características, atributos e traços que ajudam a definir a imagem e a voz da marca, fazendo com que ela se destaque e seja reconhecida pelo público.

Ao pensar e criar animações, é crucial analisar e entender essa personalidade para garantir que os movimentos reflitam adequadamente a essência da marca. Isso inclui considerar aspectos como o tom, o estilo e o propósito ao projetar animações.

Se as animações não estiverem alinhadas com a essência da marca, o usuário pode acabar se desconectando emocionalmente devido à falta de consistência, comprometendo a experiência geral.

Qual o Tom de Voz da Marca?

Antes de projetar as animações, precisamos entender qual é o tom de voz da marca (brand tone of voice). Afinal, a maneira como a marca se comunica influencia diretamente a abordagem no UX Motion.

Por exemplo, se a marca possui um tom de voz descontraído e amigável, as animações podem ser mais suaves e fluidas, enquanto uma marca com um tom de voz mais formal pode exigir animações mais estruturadas e precisas.

Assim como na arte da dança, em que os movimentos são criados e executados com base na mensagem e emoção desejadas, na arte do motion os movimentos são concebidos e executados levando em consideração o tom de voz e a identidade da marca, para garantir que a experiência seja coerente e memorável.

Exemplos de Movimentos que comunicam o Tom da Marca

Agora vamos analisar alguns tons mais comuns na indústria e mostrar exemplos de animações que representam cada um deles.

Veja como cada animação comunica a essência do tom da marca por meio de movimentos específicos:

Descontraído e Amigável

Para marcas com esse tom, as animações devem ser mais bem-humoradas, de vez em quando incluindo princípios como antecipação, overshoot e até mesmo bounce (dependendo do nível de humor almejado pela marca).

Isso transmite uma atmosfera acolhedora e descontraída, facilitando a conexão emocional com o usuário e criando uma experiência agradável e levemente divertida. O easing dos movimentos deve ser mais acentuado, com curvas de aceleração e desaceleração que proporcionam organicidade.

Um exemplo notável de uma marca que adota esse tom é o Mailchimp.

Botões da website do Mailchimp

Produtivo e Profissional

O motion para marcas com este tom devem ser objetivas e funcionais, comunicando eficiência e foco. Movimentos e transições devem ser rápidos e precisos, sem distrair o usuário e, ao mesmo tempo, facilitando a navegação e a interação.

Um bom exemplo que adota esse tom é a IBM. O Motion System da IBM no Carbon Design System demonstra como a marca utiliza animações para criar uma experiência de usuário mais produtiva e profissional.

Dinâmico e Inovador

As animações para marcas com esse tom podem incluir movimentos rápidos e transições mais ousadas para transmitir energia e criatividade. A aceleração e desaceleração devem ser bastante acentuadas, criando picos de velocidade mais dramáticos e enérgicos.

Um exemplo notável de uma marca que adota esse tom em seu motion system é a Audi. O sistema de animações da Audi reflete a energia e a inovação que a marca busca comunicar.

Conclusão

Compreender a personalidade da marca e seu tom de voz tem um papel fundamental na concepção de animações que comunicam adequadamente a identidade da empresa, criando uma conexão emocional duradoura entre a audiência e a marca.

Neste artigo, explorei alguns tons de voz comuns e exemplos de como eles podem ser traduzidos em animações, mas lembre-se que existem muitos outros tons e estilos que podem ser aplicados no UX Motion.

A intenção aqui foi lançar uma luz sobre como comunicar a essência de uma marca através do movimento, inspirando designers a abordar cada projeto de animação com um entendimento mais profundo dessa abordagem e da experiência que desejam criar.

Ao considerar cuidadosamente a personalidade e o tom de voz ao projetar animações e movimentos, podemos criar experiências mais consistentes, coerentes, envolventes e alinhadas com os valores e a identidade da marca.

Tudo isso ajuda a fortalecer a conexão emocional entre o usuário e a empresa, resultando numa melhor experiência geral e, no fim das contas, contribuindo consideravelmente para o sucesso de longo prazo da marca.

Fique por dentro das últimas novidades do mundo do UX Motion Design

Inscreva-se para receber atualizações por email relacionados ao mundo das animações para interfaces.

    Pedro Aquino
    Pedro Aquino
    Co-fundador do UX Motion Design e criador da plataforma de cursos PAFX com mais de 10 anos de experiência em animação no After Effects. Reúne mais de 128 mil alunos no Youtube e mais de 17 mil alunos em seus cursos.