Como escrever conteúdo útil para um wireframe.
O conteúdo de um wireframe deve esclarecer a tarefa do usuário e a ação disponível. Use rótulos realistas e comprimentos de texto exemplares, distinguindo textos provisórios de afirmações que exigem confirmação do produto.
Adapte o fluxo à sua tarefa.
Identifique a tarefa do usuário e o comportamento real da tela; então escreva títulos, rótulos, ações e mensagens de retorno realistas. Inclua estados vazios e de erro quando relevantes. Não use em textos provisórios promessas sem comprovação sobre rapidez, acesso ou sucesso.
- O que você fornece
- Objetivo da página, público e ações necessárias.
- O que você recebe
- Plano de conteúdo de seções e componentes de baixa fidelidade.
Veja a entrada e o resultado.
Entrada e saída ilustrativas · exemplo didático, não uma execução real do WebAct
Exemplo campo
Signup wireframe needs a heading, email label, submit action and an error message for an invalid address.
Exemplo completo
Heading: Create your account. Label: Email address. Button: Continue. Error: Enter an email address in the format name@example.com. Confirm the actual signup behavior before adding promises about timing or access.
Carregue esta entrada no prompt e copie para o WebAct para testar a tarefa. Seu resultado pode ser diferente da ilustração.
Decisões e solução de problemas.
O texto do wireframe deve usar botões vagos como Enviar em todos os lugares?
Use a ação que a interface realmente executa, como Criar conta ou Continuar, depois que esse comportamento estiver confirmado.
Por que uma mensagem de erro informa o problema sem ajudar o usuário a corrigi-lo?
Ela pode omitir a correção necessária. Inclua um próximo passo específico e coerente com a regra de validação.
Teste com sua própria fonte.
Substitua o exemplo pelo seu material no prompt. Mantenha os requisitos necessários e copie a tarefa para o WebAct.
Personalizar e copiar a tarefa ↑