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.
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.