Ouça a versão em áudio deste artigo

O trabalho de um designer UX acontece em muitos ambientes diferentes - desde startups enxutas e ambientes Agile, onde as equipes trabalham com pouca documentação, até contratos de consultoria para terceiros ou grandes empresas e entidades governamentais com requisitos de documentação rígidos. Independentemente da natureza do envolvimento ou do ambiente (e da única coisa que os une), é necessário que os profissionais de UX comuniquem com eficácia suas ideias de design, descobertas de pesquisa e o contexto dos projetos para uma variedade de públicos.

Durante o processo de design de UX, os designers produzirão uma ampla variedade de “artefatos” e resultados do projeto como parte de sua metodologia de design de UX. Eles podem ter várias formas: os resultados ajudam os designers de UX a se comunicarem com várias partes interessadas e equipes, documentar o trabalho e fornecer artefatos para reuniões e sessões de ideias. Eles também ajudam a criar a “fonte única da verdade” - guias e especificações para implementação e referência.

Aqui estão os 10 produtos UX para Designer UX normalmente produz durante um noivado. (Esta lista não é de forma abrangente e pode ser potencialmente mais longa, dependendo da natureza do trabalho.)

1. Metas de negócios e especificações técnicas

Esta é uma etapa fundamental. Para um profissional de UX, tudo começa com uma compreensão da visão do produto, ou seja, a razão da existência do produto de uma perspectiva de negócios. Escrita em termos simples, a declaração deve incluir o problema a ser tratado, a solução proposta e uma descrição geral do mercado-alvo. Deve também descrever as plataformas de entrega e abordar levemente os meios técnicos pelos quais o produto será entregue.

Não precisa ser mais longo do que uma página, mas deve descrever o núcleo do quê, por quê e como. Aqui está um exemplo: “The Fantastic App Co. identificou uma lacuna em aplicativos de presentes em plataformas móveis para o mercado Millennial (iOS e Android). Um grande número de Millennials tem dificuldade em lembrar datas especiais, identificar o melhor presente e, em seguida, encontrar e comprar esses presentes. Nossa solução foi projetada para aliviar esse estresse. Empregando design antecipatório e as mais recentes tecnologias de IA, o aplicativo oferece uma experiência de usuário útil e quase mágica. ”

2. Relatório de Análise Competitiva

Para quem está começando a projetar um novo produto, é vital ter certeza de que ele se encaixa no mercado. Crucialmente, como parte de uma estratégia de UX, o produto também deve ter uma vantagem competitiva atraente e uma UX que seja superior a outros no mercado.

Analise competitiva significa: “Identificando seu competidores e avaliando suas estratégias para determinar seus forças e fraquezas em relação àqueles de seu próprio produto ou serviço . '

Uma das tarefas iniciais de um designer de UX é pesquisar quais produtos ou serviços os clientes-alvo estão usando atualmente para resolver o problema. Existe um produto ou serviço equivalente? Existe uma solução alternativa que as pessoas estão usando que seja boa o suficiente, mas não perfeita? Um Band-Aid - uma vitamina, mas não um analgésico? Como uma UX melhor pode fazer a diferença?

Um componente da pesquisa de experiência do usuário, um relatório de análise competitiva identifica os cinco principais concorrentes e examina o que eles estão fazendo certo, bem como o que estão fazendo de errado. Esta etapa ajudará a definir uma direção de design em que objetivos claros são definidos e os elementos a serem focados explicados.

3. Relatórios de pesquisa de Personas e UX

Os designers de UX precisam garantir que as partes interessadas entendam as necessidades dos clientes do produto. Criando pessoas encapsular e comunicar os padrões de comportamento do usuário e conduzir pesquisas do usuário são maneiras testadas e comprovadas de fazer isso. Personas são representativos dos usuários típicos de um produto - ao incorporar seus objetivos, necessidades e interesses, eles ajudam a equipe que trabalha no projeto a desenvolver empatia para com o usuário.

A pesquisa do usuário também é um componente integrante do processo de design UX. Envolve uma gama de técnicas usadas para extrair padrões de comportamento, adicionar contexto e fornecer uma visão sobre o processo de design. Existem muitos tipos de ferramentas e técnicas de pesquisa de usuário disponíveis - trata-se apenas de escolher a 'lente' certa para a situação certa.

Antes de embarcar na pesquisa do usuário, é importante reservar um tempo para desenvolver um plano de pesquisa . Este é um documento que ajudará a comunicar os objetivos e métodos da pesquisa, bem como obter a adesão das partes interessadas. Também é uma ótima ferramenta que pode ser usada para ajudar a manter todos no caminho certo durante o projeto de pesquisa.

Na conclusão da fase de pesquisa do usuário, é gerado um relatório que traduz as descobertas da pesquisa em itens acionáveis. A equipe de UX é então definida para projetar o produto em torno desses itens.

4. Mapa do site e arquitetura da informação

Um mapa do site é um modelo organizado visualmente de todos os componentes e informações contidas em um produto digital. Ele representa a organização do conteúdo de um aplicativo ou site. Junto com wireframes, eles são um dos produtos mais fundamentais de UX e raramente são ignorados em um processo de design de UX.

Sitemaps ajudam a definir a arquitetura da informação - a arte e a ciência de organizar e rotular os componentes de um produto - para dar suporte à navegação, ENCONTRABILIDADE e usabilidade; eles também ajudam a definir a taxonomia e a interface do usuário.

Sitemaps são referências úteis para ter como recurso e ajustar conforme o produto evolui com base em prototipagem iterativa e testes de usuário. Durante o fluxo de trabalho de design, um sistema de numeração é frequentemente empregado para manter todos na mesma página ao discutir o conteúdo do produto.

5. Mapas de experiência, jornadas e fluxos do usuário

Um mapa de experiência é uma representação visual que ilustra o fluxo de um usuário dentro de um produto ou serviço - seus objetivos, necessidades, tempo gasto, pensamentos, sentimentos, reações, ansiedades, expectativas - ou seja. a experiência geral durante sua interação com um produto. Normalmente, é apresentado em uma linha do tempo linear mostrando pontos de contato entre o usuário e o produto.

As jornadas e fluxos do usuário são mais sobre uma série de etapas que um usuário executa e demonstra a maneira como os usuários interagem atualmente - ou podem interagir com um produto. Eles demonstram comportamento, funcionalidade e as principais tarefas que um usuário pode realizar. Ao examinar e compreender o “fluxo” de várias tarefas que um usuário pode realizar, você pode começar a pensar sobre que tipo de conteúdo e funcionalidades incluir na interface do usuário e que tipo de IU o usuário precisará para realizá-las.

Grande parte da UX trata da solução de problemas para os usuários. Ao elaborar a jornada do usuário, o designer precisa entender a persona, os objetivos do usuário, as motivações, os pontos de dor atuais e as principais tarefas que deseja realizar.

Qual é a diferença entre um jornada do usuário e fluxo do usuário ? Pense em um fluxo do usuário como o usuário trabalhando em uma tarefa ou objetivo por meio de seu produto ou serviço, por exemplo, reservar um carro na Lyft; uma jornada do usuário ilustra a imagem maior. A jornada do usuário se expande além das tarefas e analisa como uma interação específica com o cliente se encaixa em um contexto mais amplo.

6. Wireframes UX

Um elemento básico da metodologia de design UX, wireframes são ilustrações bidimensionais de uma estrutura de design e elementos de interface, e mostram o que vai para onde. Principalmente uma ferramenta de layout, eles ajudam a definir a arquitetura da informação, o espaçamento do conteúdo, as funcionalidades, design de interação e comportamentos pretendidos do usuário.

Wireframes são pão com manteiga para designers de UX e um dos produtos mais comuns em um projeto. “Mostre-me seus wireframes” provavelmente é ouvido com mais frequência do que qualquer outra coisa durante um Designer UX Entrevista de.

Uma fase importante no processo de design UX, wireframing é uma maneira econômica de explorar ideias e gerar conceitos inovadores que atendam aos objetivos do cliente. Eles são ótimas ferramentas para idealizar rapidamente além do esboço, e eles vêm em muitos sabores diferentes - de baixa fidelidade (sem estilo, caixas em preto e branco, texto grego) a alta fidelidade (totalmente estilizado, colorido, muito detalhado).

Às vezes chamados de 'fios' em abreviatura de local de trabalho, os wireframes podem economizar muito tempo e dinheiro no futuro porque são muito flexíveis e rápidos de produzir. Eles servem como uma peça central em torno da qual se pode conversar com as partes interessadas e membros da equipe enquanto descobre a direção do design.

Os wireframes são fundamentais e, como tal, são fundamentais para ajudar a definir um design estruturalmente e como um fluxo de usuário funciona por meio de um aplicativo ou site em diferentes cenários de caso de uso. Existem algumas reviravoltas interessantes nos wireframes, como “mapas wireframe” discutido em um artigo anterior aqui no ApeeScape Design Blog e “ wireflows : ”Um produto UX para fluxos de trabalho e aplicativos do NNGroup .

7. Protótipos interativos

Outra entrega dominante durante um processo de design centrado no usuário , protótipos interativos dão vida a um produto. Protótipos rudimentares economizam muito tempo e dinheiro - eles demonstram como as coisas funcionarão em um cenário de caso de uso real e permitem uma iteração de design rápida e testes de usuário. Eles também ajudam um designer a comunicar seu design de forma eficaz em diferentes estágios do processo de design UX.

A prototipagem pode acontecer em qualquer ponto da jornada de descoberta por meio da iteração. De protótipos de papel a designs altamente sofisticados, uma revisão interna de um protótipo de produto permite que todos na equipe vejam como as coisas funcionarão quando um usuário real interagir com ele.

Esboços estáticos e wireframes não dão vida a um produto da mesma forma que um protótipo interativo. Quase magicamente, é visto e sentido como o produto se comportará - como tudo se conecta. Diferentes designs e recursos podem ser explorados; novas ideias podem surgir. Pontos problemáticos podem ser detectados e interações estranhas descobertas.

Os protótipos interativos ajudam imensamente os testes do usuário. Em vez de conduzir as pessoas por páginas estáticas, os usuários em potencial podem testar um produto que pareça 100% real, fornecer ideias e fornecer feedback valioso.

Atualmente, as ferramentas de prototipagem para designers vêm em todas as formas e tamanhos. Aqui estão 21 ferramentas de prototipagem interativas para design UX.

8. Design Visual

O design visual é a “camada final de tinta” do produto. No entanto, não é apenas isso: o design visual pode afetar muito a UX de um produto e, portanto, deve ser abordado com muito cuidado. Esperançosamente, muito design de interação e heurística de usabilidade foram trabalhados durante as etapas anteriores do processo de design UX para que os designers possam se concentrar nos visuais. É uma última oportunidade de levar o produto para o próximo nível.

O design visual é a última etapa antes da transferência para os desenvolvedores e a fase em que um guia de estilo e as especificações finais são elaboradas. Não se trata apenas de 'tornar as coisas bonitas', mas uma oportunidade de definir ou implementar um esquema de cores da marca e afetar a usabilidade com o layout, contraste e hierarquia visual.

9. Guia de estilo e especificações para desenvolvedores

A etapa final no fluxo de trabalho de design de UX é reunir especificações e um guia de estilo para os desenvolvedores. Os guias de estilo são essenciais para que o design de um produto seja bem-sucedido a longo prazo.

Um guia de estilo serve para garantir que os designs sejam implementados de forma consistente em toda a marca, estilos visuais, cores, fontes e tipografia. Também é usado para padrões de design, linguagem, regras (como atalhos de teclado e regras de exibição de dados) e especificação de comportamentos de IU (como tratamento de erros).

Alguns guias de estilo e especificações são montados manualmente e outros são gerados automaticamente. Montar um guia de estilo manualmente é um processo tedioso e geralmente pode levar seis meses, portanto, qualquer ferramenta de automação é uma economia de tempo bem-vinda.

As formas automatizadas variam dependendo da ferramenta usada. Eles são uma maneira mais ágil e incremental de transferir designs em vez de guias de estilo elaborados por um longo tempo. Eles podem ser considerados mais como 'bíblias de estilo' na prateleira, que todos na equipe podem consultar.

Se você trabalha no Sketch, existem mandados de Deus, como Zeplin . Zeplin é uma ferramenta de colaboração para designers de IU e desenvolvedores front-end. Ele vai além do fluxo de trabalho de design e ajuda as equipes na entrega do design.

Além disso, um guia de estilo de design pode ser gerado em poucos segundos a partir do Sketch com o Plug-in de artesanato , ou medidas e CSS obtidos do design, gerando um arquivo HTML com o plug-in Marketch, conforme descrito em Este artigo .

Aqui estão 50 ótimos exemplos de guia de estilo . Também um do BBC , e um de IBM , ambos hospedam seus guias on-line, o que facilita a visualização por todos.

10. Relatórios de teste de usabilidade e análise de uso

O trabalho de um designer de UX nunca termina. Mesmo após o lançamento de um produto, existem oportunidades para coletar feedback, coletar dados sobre o uso, refinar, lançar e iniciar o ciclo novamente.

Um teste de usabilidade dirá se seus usuários-alvo podem usar seu produto. Ajuda a identificar os problemas que as pessoas estão tendo com uma IU específica e revela tarefas difíceis de concluir e linguagem confusa.

Os relatórios de teste de usabilidade são normalmente entregues durante a fase de prototipagem, mas não é incomum testar produtos existentes com os usuários para ver onde pode haver espaço para melhorias.

Compreender os dados coletados durante o teste de usabilidade - coleta, classificação e geração de relatórios está se tornando uma tarefa cada vez mais comum entre os praticantes de UX - na verdade, está se tornando uma habilidade crítica de UX. Aqui está um modelo de relatório de teste de usabilidade .

Depois que o produto é lançado na natureza, outro conjunto de coleta de dados - um quantitativo método — dirá à equipe de design como o produto funciona com os usuários em grande escala.

Existem inúmeras ferramentas e maneiras de capturar o comportamento do usuário e analisá-lo. De rastreamento ocular a rastreamento de cliques e mapas de calor (que mostram cliques, toques e comportamento de rolagem) até a marcação de elementos da IU que rastreia a pegada digital de cada usuário em dispositivos móveis e da web.

Os relatórios analíticos mostram quais recursos os clientes usam, quanto tempo eles gastam em seu aplicativo ou site móvel, tendências ao longo do tempo - e eles agregam resultados em regiões geográficas, contas, usuários e segmentos personalizados. Eles fornecem visibilidade total de como os recursos estão sendo usados ​​e por quem.

As empresas de análise geralmente geram relatórios personalizados sob demanda. Esses relatórios são muito úteis e podem fornecer percepções surpreendentes sobre o uso do seu produto. Esse recurso incrível que você pensou que conquistaria todos os seus clientes pode acabar sendo raramente usado. Por outro lado, uma função pequena e insignificante na IU pode estar recebendo muito uso e você pode decidir que é hora de se concentrar na expansão dessa funcionalidade específica.

A missão de um designer de UX é capacitar as empresas a fazer produtos e serviços com base em uma compreensão profunda dos comportamentos, objetivos e motivações humanos. Os 10 produtos UX acima são alguns dos mais comuns produzidos por UX Designers, pois eles criam ótimas experiências para os usuários como parte do “design thinking” e de um processo de design centrado no usuário.

• • •

Leituras adicionais no ApeeScape Design Blog:

• eCommerce UX - Uma Visão Geral das Melhores Práticas (com Infográfico)
• A importância do design centrado no ser humano no design de produtos
• Os melhores portfólios de UX Designer - Estudos de caso e exemplos inspiradores
• Princípios heurísticos para interfaces móveis
• Design Antecipatório: Como Criar Experiências Mágicas do Usuário