Unidade 4 / 11

Arquitetura de informação e design de fluxos de usuários

Ganhos:

  • Capacidade de elaborar menu, navegação e estrutura de conteúdo (arquitetura de informação) com inteligência artificial e verificá-lo com resultados de classificação de cartões
  • Capacidade de transformar fluxos de usuários e etapas tela a tela em inteligência artificial e capturar lacunas lógicas e casos extremos
  • Capacidade de adaptar criticamente a estrutura sugerida pela inteligência artificial de acordo com a linguagem real do usuário e o modelo mental

Se um produto se torna difícil de usar, muitas vezes o problema não está na cor ou no botão, mas na estrutura. Arquitetura da informação (IA) é como o conteúdo de um produto é agrupado, nomeado e organizado em uma estrutura de navegação: menus, categorias, hierarquia. O fluxo do usuário é a sequência de etapas tela a tela pelas quais um usuário passa para atingir um objetivo específico (registro, compra de um produto). Ambos constroem o esqueleto invisível. A IA produz rapidamente um esboço desse esqueleto e ajuda a detectar lacunas lógicas; Mas se a estrutura se ajusta à mente do usuário real só pode ser determinada pelo julgamento e testes humanos.

Arquitetura da informação: falando a língua do usuário

A tensão fundamental da AI é esta: você organizará o conteúdo de acordo com a lógica da instituição ou com a mente do usuário? A maioria dos menus malsucedidos impõe ao usuário a estrutura interna do departamento da empresa ("Soluções Corporativas", "Centro de Operações"). Se o usuário perguntar "Como faço para pagar minha fatura?" ele pensa.

A inteligência artificial é um ajudante bidirecional aqui. Por um lado, sugere uma estrutura de categorias inicial razoável; Por outro lado, ajuda a testar sua estrutura atual em relação ao idioma do usuário. Mas as tags que o modelo sugere são geralmente “linguagem média da Internet”; As palavras que seu usuário realmente usa podem ser diferentes. Portanto, o rascunho da IA ​​é verificado pela classificação de cartões: usuários reais recebem cartões de conteúdo e eles os classificam; você ajusta a estrutura de acordo com seu agrupamento.

Dica: Ao obter sugestões de categorias da inteligência artificial, peça também para “traduzir cada categoria em uma frase interrogativa que o usuário construirá”. Isso acelera a transição do jargão corporativo para a linguagem do usuário.

Fluxos de usuários: etapas, decisões e casos extremos

Um bom fluxograma deixa três coisas claras: etapas (o que o usuário faz), pontos de decisão (ramificações sim/não) e casos extremos — situações fora do caminho principal: carrinho vazio, senha incorreta, interrupção da Internet, sessão expirada. Projetos inexperientes traçam o “caminho da felicidade” (o cenário onde tudo vai bem) e esquecem os casos extremos; O usuário costuma frequentar esses lugares esquecidos.

É aqui que a IA é poderosa: ao exportar um fluxo, você pergunta “quais estados de borda estão faltando?” Quando você pergunta, geralmente encontra alguns que você perdeu. O modelo funciona como um crítico de fluxo. Mas você decide se cada ramo recomendado é realmente necessário, escopo do produto e realidade do usuário; Caso contrário, o fluxo torna-se desnecessariamente complicado.

elemento de fluxo

Contribuição da inteligência artificial

decisão humana

Etapas principais

Rascunho de classificação padrão

Simplificação específica do produto

pontos de decisão

Possíveis filiais

O que é realmente necessário

Casos extremos

Lembrete de coisas esquecidas

O que será coberto

Etiqueta/texto

primeira sugestão

Adaptação ao idioma do usuário

Caminhos de erro

Padrões gerais

Tipos de erros reais do produto

três mini cases

Caso 1 — O menu ficou mais simples. Uma equipe deu nove títulos de menu principal à inteligência artificial e pediu-lhes que “os traduzissem para a frase de pergunta do usuário”. Verificou-se que 3 títulos correspondiam à mesma pergunta (“Como faço para gerenciar minha conta?”); Menu reduzido de 9 para 6. Em seguida, 14 usuários foram testados com agrupamento de cartões e a mesclagem foi verificada. O sucesso do clique aumentou de 61% para 86%.

Caso 2 – Caso extremo capturado. Em uma execução de gravação, a equipe desenhou apenas a gravação bem-sucedida. A IA pergunta “o que acontece se o e-mail já estiver cadastrado?”, “se o e-mail de verificação não chegar?”, “e se ele fechar e retornar no meio do caminho?” perguntas geradas. A equipe também adicionou três estados extremos ao fluxo; Quando foi lançado, as solicitações de suporte diminuíram significativamente. Lição: o modelo é um bom “lembrete do esquecido”.

Caso 3 — Sucursal redundante foi rejeitada. A IA sugeriu ramificações para um fluxo de pagamento como “opção de criptomoeda” e “gerenciamento de vários endereços”. Estes não foram incluídos no escopo do produto; o designer rejeitou as sugestões. Lição: nem todas as sugestões do modelo são aceitas; A decisão do escopo é humana, caso contrário o fluxo ficará inchado.

Prompts copiáveis

Sua função: especialista em arquitetura da informação. Agrupe a seguinte lista de conteúdo/recursos em categorias adequadas à mente do usuário. Dê a cada categoria um rótulo curto e uma frase interrogativa que o usuário construirá. Evite jargões corporativos. Use até 6 categorias principais.Lista: <<conteúdo>>

Examine este fluxo do usuário: <<etapas>>.1) Liste casos extremos ausentes (estado ocioso, erro, tempo limite, novo login).2) Sinalize etapas que parecem desnecessárias ou fora do escopo.3) Sugira tags que não se ajustam ao idioma do usuário.Dê a cada item uma justificativa de uma frase. A rigor; Diga "deve ser verificado".

Esboce um fluxo de usuário tela por tela para a seguinte tarefa: "<<tarefa>>".Formato: cada etapa = Nome da tela > ação do usuário > resposta do sistema.Pontos de decisão separados com "SE... ENTÃO". Mostre pelo menos 2 caminhos de erro junto com o caminho feliz.

Compare esta estrutura de menu com o resultado do agrupamento de cartões: Estrutura recomendada: <<a>> Agrupamento de usuários: <<b>>. Mostre posicionamentos incompatíveis em uma tabela e justifique qual deles está mais próximo da mente do usuário.

Alerta fraco / Alerta forte

Fraco: "Escreva-me um fluxo de gravação."

Resultado: uma lista genérica de etapas sem casos extremos, contendo apenas o caminho feliz.

Forte: "Desenhe um fluxo tela por tela para esta tarefa; dê cada passo no formato 'tela > ação > resposta do sistema'; mostre pelo menos 2 caminhos de erro ao lado do caminho feliz; separe os pontos de decisão com SE-ENTÃO."

O resultado: um fluxo viável com estados de borda e ramificações visíveis.

Diferença: requer formato de prompt forte + caminho de erro imperativo + ponto de decisão; isso aproxima o fluxo do mundo real.

Erros comuns

  • Apenas projetando o caminho feliz. O usuário fica preso com mais frequência em situações extremas; ignorá-los é o erro mais caro.
  • Trazendo o jargão corporativo para o cardápio. O usuário pesquisa “onde está meu pedido” e não “centro de operações”.
  • Finalizando IA sem agrupamento de cartões. A proposta do modelo é uma hipótese; o usuário confirma o teste.
  • Adicionando cada sugestão de fluxo do modelo. Ramos fora do escopo aumentam o fluxo; Rejeitar também é uma decisão.
  • Não testando rótulos. Um rótulo que você considera "compreensível" pode não ser familiar para o usuário.

Resumindo

A arquitetura da informação e os fluxos de usuários são o esqueleto invisível do produto; A fluidez da experiência do usuário vem em grande parte disso. A IA sugere estruturas de categorias plausíveis, critica fluxos e é especialmente poderosa na captura de casos extremos esquecidos. Mas se os rótulos correspondem ao idioma do usuário é determinado pelo agrupamento de cartões, e o escopo do fluxo e a necessidade de ramificação são determinados pelo julgamento humano. Utilizar o modelo como redator e crítico; Você calibra a estrutura de acordo com a mente do usuário.

Tarefa de aplicativo

  1. Liste de 8 a 10 conteúdos/recursos de um produto e crie uma estrutura de categorias com o primeiro prompt.
  2. Traduza cada categoria na frase interrogativa do usuário e combine aquelas que estão confusas.
  3. Selecione uma tarefa e desenhe um fluxo tela por tela com o terceiro prompt (com pelo menos 2 caminhos de erro).
  4. Com o segundo prompt, critique o fluxo, adicione casos extremos ausentes e remova etapas desnecessárias.
  5. Se possível, agrupe minicards com 3 a 5 pessoas e ajuste a estrutura de acordo com os resultados.

lista de verificação

  • [] Traduzi as categorias para o idioma do usuário e removi o jargão.
  • [] Além do caminho feliz, também desenhei caminhos de erro no fluxo.
  • [] Eu digitalizei os casos extremos ausentes com inteligência artificial e os adicionei.
  • [] Rejeitei conscientemente sugestões fora do escopo.
  • [] Testei o rascunho de IA com agrupamento de cartões ou testes de usuário.
  • [] Verifiquei as tags com palavras reais de usuários.