UX Collective 🇧🇷

Curadoria de artigos de UX, Visual e Product Design.

Follow publication

Usando um template de documentação como guia no processo de design

NathaliaBuch
UX Collective 🇧🇷
5 min read6 days ago

Imagem de capa de um arquivo no Notion com fundo em degradê do rosa claro ao vermelho intenso. No centro, um banner vermelho exibe ‘NATHÁLIA (NANÁ) BUCH’ em letras brancas pixeladas. Ao redor, emojis de giz de cera vermelh,  brilhos, arco-íris, pessoa no laptop, detetive, emoji de óculos escuros e esquilo. Na parte inferior, fundo preto com o título ‘Documentando o processo de design de produto digital’ em branco.”
Recorte do template contendo, capa e título.

Evolução da documentação

Imagem com recortes de partes de uma documentação destacadas com post-its contendo observações sobre mudanças na estrutura. Três blocos principais, cada um com uma anotação amarela e um título abaixo. O primeiro destaca categorias menores dentro de categorias macro, o segundo mostra a alteração da posição de uma categoria na estrutura e o terceiro aborda a definição de estrutura para decisões de design. Linhas roxas contornam as áreas destacadas.
Imagem com algumas partes de documentação destacado com post-its escrevendo observações sobre a mudança.

Definindo as etapas através de macro categorias

Criando categorias menores nas categorias macro

Alteração da posição de categoria na estrutura

Sanando dores internas

Aplicando a documentação

Estrutura do arquivo do template

Sidebar do Notion com sete seções da documentação. A primeira, “Intro”, está destacada em azul e acompanha um emoji de rosto sorridente. As demais seções, “Investigação”, “Oportunidades”, “Explorando soluções”, “Solução final”, “Validação” e “Métricas”, aparecem em cinza, cada uma com um emoji correspondente. O fundo é escuro, e os textos são claros
Imagem das macrocateogorias.

🔗 Acesse o template.

Responses (1)

Write a response

Nana, você é minha referência em documentação! Parabéns pelo trabalho!

--