Projeto: selecionado em concorrência nacional Cliente: Embratur Ano: 2017 Empresa: DOT digital group Meu papel: Head of Design & Art Director Agradecimentos: Time de Design DOT e Rômolo D'Hipólito
Esse projeto foi muito interessante em diversos aspectos, em primeiro lugar por se tratar de uma concorrência a nível nacional e, em segundo, por estarmos disputando com as maiores agências do país interessadas em prestar serviços para a Embratur – a Agência Brasileira de Promoção Internacional do Turismo. A pressão era alta e o prazo curto, mas nosso time estava sincronizado e, como o resultado do nosso trabalho, conquistamos o pódio da disputa!
A estratégia
Junto com especialistas em Marketing Digital, desenvolvemos uma estratégia de comunicação completa, considerando ações nacionais e diversas plataformas.
A estética
Rômolo D'Hipólito é um grande artista brasileiro e muito do seu trabalho refletia os conceitos que gostaríamos de utilizar no projeto. Usamos algumas de suas obras para compor a estética principal do projeto, que contou com projeto responsivo de interface para site, material impresso e posicionamento em redes sociais.
O resultado
Acredito muito no trabalho em equipe e quanto mais plural ela for, melhor para o resultado final. Com o belíssimo trabalho do Rômolo e a contribuição de designers talentosos que atuaram nesse time como Cristofer Mello, Jürgen Brecht e Tássia Mohr, produzimos um material fantástico!
A Análise Heurística é utilizada para mapear a usabilidade de um produto digital de acordo com alguns processos cognitivos específicos.
"Heurísticas são processos cognitivos empregados em decisões não racionais, sendo definidas como estratégias que ignoram parte da informação com o objetivo de tornar a escolha mais fácil e rápida." Annual Review of Psychology
Quando desejamos melhorar a experiência de uso de um produto digital, começamos analisando sua interface em relação às Heurísticas de Usabilidade. Assim geramos dados e embasamento para as decisões de design.
Nossa análise é feita por um especialista, considerando as 10 Heurísticas de Jakob Nielsen, sendo elas:
Visibilidade do Status do Sistema
Compatibilidade entre o sistema e o mundo real
Controle e liberdade para o usuário
Consistência e Padronização
Prevenção de erros
Reconhecimento em vez de memorização
Eficiência e flexibilidade de uso
Estética e design minimalista
Ajuda no diagnóstico e recuperação de erros
Ajuda e documentação
Aplicação prática
Para não expor dados sensíveis, manteremos a confidencialidade do cliente. O projeto de design envolvia um sistema de comercialização de peças automotivas. Nosso cliente é o maior comerciante e líder de mercado na região, referência nacional e há mais de 40 anos no mercado.
O Sistema Legado
O sistema em questão era antigo e foi desenvolvido para desktop. O objetivo do nosso projeto era refazê-lo, modernizando e utilizando tecnologias para web. Extinguindo a necessidade de instalação de um programa no computador do usuário e fornecendo acesso via navegadores de internet.
Além disso, uma versão web permitiria atualizações com maior facilidade e também o acesso via diferentes aparelhos como tablets e smartphones de maneira sincronizada.
Neste contexto, era o momento ideal para resolver os problemas de usabilidade da versão original. Para levantar dados sobre o que precisava ser atualizado na interface, iniciamos o projeto com a Análise Heurística.
Método da análise
Nosso método de execução da Análise Heurística contempla 5 Etapas.
Etapa 01 – Pesquisa de público-alvo
Primeiro, reunimos todas as informações disponíveis sobre o público-alvo e os usuários do produto que está sendo analisado. Pesquisas demográficas também contribuem nesse processo.
Apesar da análise ser feita por um especialista em design, é preciso navegar pela interface simulando as ações do usuário. Por isso, é fundamental conhecer seu perfil, hábitos e contexto de uso.
Etapa 02 – Primeiras impressões
Na segunda etapa começamos a navegar e interagir com a interface, simulando situações de uso e explorando as funcionalidades. A partir disso tomamos notas sobre as primeiras impressões e o tempo de aprendizado.
As primeiras impressões levam em consideração a apresentação do conteúdo, orientações, arquitetura de informação e estética da interface.
O tempo de aprendizado está relacionado ao tempo necessário para aprender como utilizar a interface e conseguir realizar as ações necessárias para alcançar os objetivos de uso.
Etapa 03 – Funcionalidades e fluxo de navegação
Nessa etapa mapeamos as funcionalidades e os fluxos de navegação. Isso pode ser registrado em sitemaps, fluxos ou inventários de conteúdo. Isso depende do tamanho do sistema ou da complexidade da navegação.
Etapa 04 – As 10 Heurísticas de Usabilidade
Nessa Etapa repetimos a navegação, mas dessa vez com o foco individual nas Heurísticas. Uma a uma, avaliamos quais pontos da interface são impactados por elas.
Por exemplo, na primeira Heurística "Visibilidade do Status do Sistema" nós verificamos:
Se os status são comunicados (ativo, inativo, visitado etc);
Se feedbacks são apresentados em momentos apropriados (modais de confirmação, status de botões e inputs);
A previsibilidade de interações, criando confiança não apenas na mecânica do sistema, mas também na própria marca/empresa.
Se há indicações de dados de acordo com as funcionalidades.
Para conhecer detalhadamente as 10 Heurísticas, incluindo descrições, exemplos e vídeos explicativos, visite o site Nielsen Norman Group artigo "10 Usability Heuristics for User Interface Design".
Na aplicação prática do nosso projeto, inicialmente seriam migradas apenas 4 funcionalidades do sistema. Mas, apesar do número baixo de interações, foram mapeadas durante a análise individual das Heurísticas, mais de 50 inconsistências de usabilidade!
Etapa 05 – Relatório da Análise Heurística
Depois de todo o trabalho, chegou o momento de apresentar os resultados ao cliente. Para isso, nós geramos um relatório detalhado de todas as inconsistências de usabilidade mapeadas e, algumas informações adicionais baseadas em nossa reflexão sobre os resultados:
O que funcionou bem;
O que não funcionou;
Próximos Passos – sugestões de ajustes.
Com o relatório em mãos, o desenvolvimento de nova interface foi super rápido e assertivo. Também ficou muito mais fácil para o cliente entender nossas decisões de projeto e o que precisa ser alterado no sistema.
Chimps
A Análise Heurística é uma ferramenta muito útil para mapear dados de maneira bem objetiva e rápida.
Além disso, se você tem experiência com o desenvolvimento de produtos digitais, vai reconhecer rapidamente o contexto e os objetivos de análise de cada uma das Heurísticas.
Espero que esse conteúdo seja útil para seu trabalho e/ou seu negócio! Se quiser falar sobre esse assunto, tirar dúvidas ou contar sua experiência, deixe um comentário!
