Definir o design UX perfeito pode ser uma tarefa monumental. Bases de usuários diferentes têm necessidades e níveis de habilidade diferentes. O que funciona para um pode ser um fracasso total para outro. É importante que a pesquisa adequada seja feita para garantir que o design que você criou seja uma combinação perfeita para o seu público-alvo.

Com tantas técnicas de design, pode ser difícil escolher o que é certo para a sua situação e começar a trabalhar! Esta cópia irá guiá-lo sobre as melhores técnicas de design que o ajudarão a criar um aplicativo amigável.

Primeiro, você precisa reunir e analisar todas as informações sobre o futuro produto: as expectativas do proprietário e dos usuários sobre o produto, os principais fluxos de usuários e a arquitetura geral do aplicativo. Aqui estão as técnicas de pesquisa mais populares.

Entrevistas com as partes interessadas

As partes interessadas são os líderes, subordinados, colegas ou clientes fora ou dentro de uma organização que provavelmente interagem ou são afetados pelo uso do seu produto. Manter conversas com as partes interessadas oferece a você a oportunidade de ter uma ideia de como seus usuários provavelmente usarão seu produto e pode ajudar a definir o que é importante para melhorar o desempenho principal e focar nos principais recursos.

Negocie a data e hora da reunião com antecedência e crie uma lista de perguntas. Por exemplo, a lista de perguntas pode ser a seguinte:

a) Visão do projeto:

O que define o sucesso do seu produto?
Conte-nos sua visão do produto.

b) Empresa:

Qual é a história da empresa?
Quais são os objetivos da empresa?
Quem você considera como os principais concorrentes?

c) Usuários:

Você pode descrever seu público-alvo?
Quais são os diferentes tipos de seus usuários?
Você conhece o contexto de uso principal do aplicativo?

Entrevistas com usuários

Semelhante a uma entrevista com as partes interessadas, uma entrevista com o usuário é uma técnica de pesquisa eficaz que permite obter informações úteis de sua base de usuários atual. Ao obter uma compreensão mais completa de seus usuários e como eles provavelmente usarão seu produto, um conjunto de recursos pode ser definido e o design pode começar. Isso ajuda você a descobrir o que precisa ser corrigido e quais novos recursos em potencial podem precisar ser adicionados posteriormente.

Para um aplicativo em um nicho de negócios específico, a entrevista com o usuário é uma boa oportunidade para obter informações úteis sobre os pontos problemáticos do setor que você pode resolver com seu produto. Você pode perguntar sobre a experiência profissional, seus principais objetivos ao usar seu aplicativo e os problemas mais comuns que eles enfrentam e gostariam de resolver.

E, assim como uma entrevista com partes interessadas, uma entrevista com o usuário precisa de uma preparação cuidadosa. Primeiro, escolha as pessoas para as entrevistas com sabedoria. Você pode encontrar usuários por meio de redes sociais, organizações comunitárias ou clubes sociais.

Depois de encontrar as pessoas, defina claramente o objetivo da sua entrevista e prepare as perguntas para ela. Evite perguntas indutoras como “Você usa o Instagram?". Em vez disso, pergunte “Conte-me sobre sua experiência usando o Instagram”.

Deixe os entrevistados confortáveis e não os incomode com longas entrevistas. Durante a entrevista, registre todas as respostas.

Confiar apenas nessa técnica pode se tornar uma razão para o fracasso do seu projeto. Existem várias armadilhas para esta técnica:

Infelizmente, o que as pessoas dizem nem sempre é igual ao que os usuários fazem. A memória humana não é perfeita, então os entrevistados são incapazes de se lembrar de todos os detalhes de sua experiência de uso de um aplicativo da web ou móvel. Quando não conseguem se lembrar disso, às vezes preferem inventar histórias em vez de dizer que não conseguem lembrar na memória. Suas histórias podem parecer lógicas, mas não mostram a situação real.
Pequenos grupos não podem representar todo o público. Na maioria dos casos, existem apenas dois ou três grupos com seis a oito participantes. As opiniões subjuntivas dos participantes não podem representar a visão de todo o público-alvo.
Os líderes do grupo afetam o que é dito, enquanto os introvertidos não compartilham muito de sua opinião. Realizar pesquisas online pode ser uma boa forma de eliminar essas duas situações. Dependendo da pesquisa, você pode formar grupos, mas falar com cada participante individualmente.

Análise de tarefas

Uma análise de tarefa é um estudo de quais etapas precisam ser executadas para concluir uma operação ou uma tarefa. Você poderá ter uma ideia de como o produto atual funciona e de que forma os dados que ele utiliza fluem. Isso torna mais fácil para todos priorizar quais peças de um produto precisam ser trabalhadas primeiro.

Essa técnica ajuda você a entender os objetivos do usuário que eles tentam alcançar em seu aplicativo, as etapas que eles executam para atingir esse objetivo e os problemas que eles enfrentam ao executar essas etapas.

Existem dois tipos de análise de tarefas – hierárquica e cognitiva. O algoritmo de condução de uma análise de tarefa hierárquica é o seguinte:

Defina uma tarefa que você vai analisar. Escolha a persona e um cenário a ser analisado. Defina o resultado desejado dessa tarefa e as etapas a serem seguidas para atingir uma meta.
Divida a tarefa em várias subtarefas. Mas não exagere e crie muitas subtarefas abstratas. Na maioria dos casos, cinco a nove subtarefas são suficientes.
Crie um diagrama de cada ação realizada por um usuário.
Depois de criar um diagrama, escreva uma história detalhada sobre como o usuário conclui esta subtarefa.
Depois que seu trabalho estiver concluído, revise sua análise. Entregue-o para revisão a outro especialista não envolvido na análise, mas que conheça os detalhes da tarefa.

Por exemplo, aqui está o exemplo de análise de tarefas para comprar um mouse para jogos no Bestbuy.com.

A análise de tarefas cognitivas envolve seguir os mesmos passos. Mas, além disso, você deve analisar como essa tarefa será realizada por um novato e um especialista.

Caso de uso ou diagrama comportamental

É uma representação visual do comportamento dos usuários. Ele mostra quais ações podem ser tomadas por diferentes tipos de usuários. Por exemplo, você deve criar um aplicativo de cartão comemorativo. No aplicativo, você tem dois tipos de usuários – Parabenizador e Aniversariante. O Congratulador faz login via Facebook e escolhe um Aniversariante na lista de seus amigos do Facebook. Em seguida, escolhem o cartão da lista, escrevem desejos e enviam para o aniversariante.

Depois que o aniversariante receber o vale-presente, ele poderá visualizá-lo, curtir ou responder no aplicativo. Caso o aniversariante ainda não tenha instalado o aplicativo, ele vai até a loja de aplicativos e instala o aplicativo. O diagrama comportamental ficará assim:

Histórias de usuários ou especificação comportamental

Esta é uma descrição escrita de cada interação com seu aplicativo. Todas as histórias de usuários começam com “Como usuário, eu quero…”, então você escreve uma descrição das possíveis ações que um usuário pode realizar. Por exemplo, “Como usuário, desejo visualizar meu histórico de pedidos, para visitar a guia Meus pedidos e clicar no botão Histórico de pedidos.

Depois de criar histórias de usuários, você pode começar a planejar sprints e definir uma prioridade para cada caso de usuário. Também é possível definir o tempo necessário para implementar o recurso descrito em uma história de usuário. Além disso, você pode começar a trabalhar em fluxos de usuários.

Fluxo de usuário

Este é um diagrama que mostra a sequência comum de etapas que um usuário executa no aplicativo. Essa técnica ajuda os designers de UX a identificar quais etapas podem ser redesenhadas ou aprimoradas. Aqui está o exemplo de um diagrama de fluxo do usuário.

Como você pode ver, cada forma tem uma certa definição. A seta vermelha define o caminho de um novo usuário, enquanto a azul define o caminho de um usuário cadastrado. Redondo significa erro e trapézio – decisão do usuário. Da mesma forma, você deve dar uma definição para cada forma antes de criar um fluxo de usuário.

Mapas mentais

Enquanto os fluxos do usuário são criados para definir as funções em cada página do aplicativo, os mapas mentais permitem que os designers vejam a arquitetura geral do produto. É a representação gráfica de todas as partes do aplicativo e suas inter-relações.

Criar um mapa mental não levará muito tempo, e essa é uma das principais vantagens dessa técnica. Você pode facilmente encontrar ferramentas online para criar mapas mentais. Com a ajuda dessa técnica, você não perderá tempo apresentando e discutindo os recursos do aplicativo.

Por exemplo, aqui está o mapa mental de um aplicativo de contagem regressiva chamado My Day, que você pode encontrar na loja de aplicativos da Apple.

Estruturas de arame

Depois de coletar todas as informações e construir a arquitetura do seu aplicativo, é hora de projetá-lo! É recomendável começar com wireframes, layouts de um aplicativo web ou mobile que mostram como os elementos serão colocados em uma determinada página.

O wireframing ajuda você a envolver os clientes nos processos de design e a fazer alterações com mais eficiência. Portanto, essa técnica pode economizar seu tempo – é muito mais fácil fazer alterações em wireframes do que alterar algo quando o design estiver pronto. Caso você tenha um redator que crie conteúdo para seu aplicativo, ele pode avaliar o tamanho do conteúdo em cada página.

Por outro lado, é mais uma etapa do desenvolvimento do app que também demanda tempo e esforço. Além disso, os wireframes podem ser considerados uma limitação para os designers. Eles devem aderir a esse esqueleto, então deixe a criatividade para trás.

Você pode desenhar wireframes no papel ou usar ferramentas especiais para isso. Abaixo, você pode ver um exemplo de wireframe criado para uma plataforma de fitness center.

Protótipos

Um protótipo é uma simulação de recursos e navegação de um aplicativo da web ou móvel que permite que você interaja com seu aplicativo antes que o design do aplicativo seja passado para os codificadores. Com a ajuda de serviços de prototipagem como invisionapp.com ou mockup.io, você pode enviar seus wireframes ou maquetes e obter um aplicativo com botões clicáveis.

Testando usabilidade

A próxima etapa que você não deve negligenciar é testar seu aplicativo. O teste de usabilidade é onde você observa os usuários enquanto eles interagem com seu produto, a fim de identificar falhas ou possíveis áreas de melhoria em seu produto. O teste de usabilidade pode ser generalizado para todo o produto ou pode ser aprimorado em apenas uma única tarefa ou processo de seu produto, dependendo de suas necessidades. Você pode ler um artigo separado sobre o teste de usabilidade do site.

teste A/B

O teste A/B é uma técnica onde diferentes versões de um produto são oferecidas aos usuários para comparar a recepção e facilidade de uso entre as 2 plataformas. Ele ajuda você a testar pequenos ajustes e recursos de design para ver se eles estão funcionando conforme projetado. Por exemplo, há um teste A/B realizado para o aplicativo Runkeeper.

Rastreamento de movimento ocular

Utilizando o rastreamento do movimento dos olhos, você pode ter uma ideia de como seu layout de UX flui e como seus usuários navegam na interface. Essa técnica ajuda a otimizar a aparência de uma interface de usuário e pode ajudá-lo a restringir e priorizar recursos e conteúdo que precisam ser aprimorados ou até mesmo removidos.

Conclusão

Criar um novo design ou layout para um produto pode ser intimidador às vezes, mas, ao utilizar algumas das técnicas descritas acima, isso pode ser muito mais fácil! Experimente alguns deles na próxima vez e você provavelmente descobrirá que o processo de design e desenvolvimento avança em um ritmo muito melhor e, como resultado, seus usuários provavelmente acabarão com um produto muito melhor!