🔆 👩🏾‍🎨 ⚛️ O que analisar antes de projetar uma interface 🧔 ♻️ 👨🏻‍⚖️

Longe vão os dias em que você poderia começar a desenhar um site ou aplicativo. Até a interface mais simples requer pelo menos uma etapa de análise primitiva. Muitos designers têm seus próprios métodos de análise, e alguém deixa isso para analistas e não entra no processo. Há muito que formei meu próprio modelo para esta etapa, segundo a qual estou fazendo um trabalho preliminar para qualquer novo projeto. Esse estágio não é uma panacéia e, no decorrer do trabalho, emergem momentos inexplicáveis, mas um pensamento me aterroriza quantos deles poderiam ter sido sem análise. Compartilho meu modelo e espero ver suas adições nos comentários.

Devo dizer imediatamente que este artigo não é sobre análise de negócios ou sistema, mas sobre "análise de design".

Alguns pontos do meu modelo são adequados apenas ao projetar uma nova versão de um site ou aplicativo e não à criação do zero. Esses itens serão marcados com a palavra "Redesign". A análise também é adequada para projetar a interface de qualquer coisa - um site ou aplicativo. Portanto, eu sempre escreverei "Interface", implicando que você substitua o que precisa.

Com preguiça de ler, aqui está um exemplo da apresentação da minha fase de análise .

Pergunte ao cliente

O ponto mais lógico é perguntar ao cliente o que já existe e o que exatamente não é e, o mais importante, por que não é. Mesmo que você possa ver imediatamente que a interface atual é terrível, você deve definitivamente perguntar por que o cliente iniciou uma reformulação. Momentos não óbvios podem surgir.

Lista das minhas perguntas padrão:

Você tem um logotipo / identidade corporativa que deve ser seguido? Às vezes, há um estilo e um logotipo, mas o cliente permite que eles sejam negligenciados. INFA especialmente útil se o logotipo for péssimo.
O que você quer mudar na interface e por quê? Determinado com a frente principal do trabalho.
Quem você considera seu principal concorrente? Útil nas seguintes etapas de análise.
Você tem uma diferença favorável dos concorrentes? É raro, mas às vezes acontece que realmente existe.
Dê um exemplo das interfaces que você gosta e descreva o porquê. Por que isso é muito importante? Pode acontecer que o cliente não goste do site em geral, mas parte de, por exemplo, um fundo branco, que ele associa à "facilidade de design".
/ ? .
? , , . . .
. ? , - . , , . , .

. / Google Analytics

Eu, como um verdadeiro patriota e starover, prefiro I. Metrica. Basicamente, porque a interface do Google Analytics é uma porcaria e não há um Webvisor.

O que vejo no Metric:

Conversão . Se as metas foram definidas. Caso contrário, aconselhe o cliente a instalá-los para que algumas estatísticas sejam coletadas enquanto você executa as demais etapas.
Cartões . Todos os mapas, incluindo o Form Analytics.
Falhas. O valor total . Na minha opinião, esse indicador, na minha opinião, diz pouco e é necessário apenas para entender sua participação no próximo parâmetro.
. , . : « » , , Covid19, « Covid19. », - , . , .
. , , , .
Estatísticas em dispositivos de entrada . É útil provar ao cliente que ele precisa de uma multidão. versão se de repente o abandonasse na fase do questionário. Também fornecerá uma compreensão de que permissão para recorrer.
Sexo e idade dos principais visitantes . Útil na próxima etapa da análise.

Scripts de usuário

Um dos meus pontos de análise favoritos. Um estágio bastante criativo se distingue dos anteriores e é extremamente útil. Ao me colocar no lugar do usuário, encontro muitas idéias não óbvias, que geralmente resultam em novas funções úteis ou na simplificação das existentes.

Para criar um script, eu crio um Cartão de Usuário.

É disso que consiste:

Nome e idade . Com base nos dados da etapa anterior sobre o Metrica.
 Problema / objetivo . Descrição do motivo pelo qual o usuário abriu nossa interface.
 Como eu vim para o site . Por exemplo, eu dirigi no Google "Compre uma vacina da Covid19". Recebo pedidos não do teto, mas da Metric.
 Página de login . Em que página o usuário chegou muito depende de seu caminho futuro. Nem sempre o usuário chega à página principal.
 Dispositivo . Tomamos isso com base na métrica. Grande parte do design depende do dispositivo a partir do qual o usuário trabalha com a interface.
 Ação de destino desejada . O que já queremos obter do usuário. Por exemplo, queremos que ele preencha algum formulário ou clique em um botão.

Com base neste cartão, estou escrevendo um script.

Em que consiste o script:

Das metas do visitante descritas no cartão
A partir de uma avaliação da interface atual (Redesign) . Observamos a interface atual e tentamos obter dela o que está escrito no Mapa do Usuário. Observamos os principais plugues.
Das implementações bem-sucedidas "vistas" . Adicionamos ao script alguns chips que conhecemos através do uso de outros sites.

Eu escrevo scripts de três a cinco. Eu tento descrever: padrão; complexo (compra de não um produto, mas de características diversas e diferentes); não é padrão (o login do usuário com alguma página ou dispositivo não é adequado para a finalidade). E adicionarei alguns outros cenários se acreditar que em algumas das essências descritas não é suficientemente divulgada.

Concorrentes

Há duas respostas clássicas para a pergunta sobre concorrentes: "Não temos concorrentes"; "Estamos competindo com todos." Nem um nem outro, é claro, são verdadeiros, então você precisa ir mais fundo. Para isso, a pergunta está no questionário. Ao analisar os concorrentes, escrevo apenas o que pode ser obtido deles. Não faz sentido escrever pontos fracos. Isso não nos dará nada de útil. Abro as interfaces dos concorrentes e tento usá-las com base nos cenários dos usuários. De fato, se é um concorrente real, seu público-alvo é aproximadamente o mesmo. Para mim algumas vezes, os clientes com um pouco de ironia na voz diziam algo como: " Ah, bem, tudo bem. Eu peguei o que vi de alguém lá e o apliquei a nós"No começo, era irritante, porque na análise a análise dos concorrentes está apenas a um passo de muitos e está longe da principal, mas a impressão entre os clientes pode ser precisamente" roubou tudo o que é possível. "Felizmente, isso não aconteceu com frequência. Depois disso, fui especialmente a apresentação da análise foi adicionada pela frase " Você pode aprender com os concorrentes ", dizendo imediatamente que, se necessário, então sim, é isso que vou considerar sem hesitar que alguém já esteja fazendo isso.

Além de analisar os concorrentes, também analiso áreas relacionadas. Por exemplo, para a interface sobre alimentação saudável, você também pode analisar as interfaces de contagem de calorias, que às vezes podem ser úteis.

Mapa de interface

Muitas pessoas nomeiam o mapa da interface de maneira diferente. Isso pode ser chamado de estrutura, arquitetura de informações, hierarquia, mapa de site / aplicativo ou termos relacionados. Uma essência - uma descrição do relacionamento de páginas / telas da interface atual. Faço isso para entender a lógica atual e, com base nela, tornar minha linguagem mais simples, lógica e útil para os usuários. A saída são dois cartões: "Como está" e "Conforme necessário".

Exemplos de estilo

Exemplos do futuro estilo de interface podem ser feitos na forma de capturas de tela de interfaces cujo estilo você considera adequado para a tarefa atual. É aconselhável tentar encontrar exemplos sobre os mesmos tópicos ou tópicos semelhantes com o tema do cliente. Portanto, será mais fácil para o cliente inserir a essência dessas imagens. Já tive ocasiões em que simplesmente não há exemplos dignos no assunto e tomei algo neutro. Mas é necessário dizer ao cliente que este é apenas um exemplo de estilo (leveza da interface, esquema de cores, suavidade, capacidade de fabricação etc.), e não 1 em 1, o que ele obterá no final. E é aconselhável encontrar exemplos neutros, não em russo, para que o cliente não leia automaticamente o texto, mas receba uma impressão geral. Nesse estágio, é imperativo fazer com que o cliente “cutuque um dedo” no exemplo do estilo que ele gosta.Isso é necessário para que, em sua cabeça, haja uma compreensão clara de qual estilo ele deve esperar no final. Isso é útil tanto para o cliente quanto para o designer, que levará menos tempo para pesquisar e simplificar o estágio de aprovação do design final.

Qual é o resultado

No final de todas as etapas, coleto uma apresentação nas apresentações do Google e mostro ao cliente. Ele deve aprovar especificamente o estágio de análise ou, se houver alguma nuance, aprová-lo com os comentários que escrevo e alterar a apresentação, se não for longa, ou enviar um email com um link para o preza e os comentários. Se a apresentação já tiver passado, é necessário entender como isso aconteceu e criar uma nova. Mas isso não aconteceu comigo. E se isso acontecesse, seria melhor nesta etapa do que em uma etapa posterior.

O que obtemos da fase de análise

O cliente tornou-se um pouco mais claro do que esperar no final;
O designer entendeu como fazê-lo e por quê;
É mais fácil para o designer avaliar a complexidade do projeto e fornecer datas quase exatas ;
É mais fácil para o designer e o cliente passar / aceitar o resultado;
O projeto será mais atencioso e isso é bom.

O que analisar antes de projetar uma interface