Versão breve
- Um prompt para um website precisa de um objetivo para a página, de hierarquia e de comportamento responsivo. Utilize estes briefings para obter uma direção, substitua o conteúdo provisório e teste as interações reais.
- Os ecrãs gerados são pontos de partida. Teste-os com conteúdo real, teclado, ecrãs pequenos e as pessoas que os vão utilizar. O acabamento visual não comprova a usabilidade.
Um prompt para um website precisa de um objetivo para a página, de hierarquia e de comportamento responsivo. Utilize estes briefings para obter uma direção, substitua o conteúdo provisório e teste as interações reais.
Os ecrãs gerados são pontos de partida. Teste-os com conteúdo real, teclado, ecrãs pequenos e as pessoas que os vão utilizar. O acabamento visual não comprova a usabilidade.
Como utilizar esta coleção
Escolha a tarefa mais próxima do seu trabalho. Copie o prompt, substitua a cena genérica ou o contexto de código pelos seus dados e mantenha as restrições que ajudam a avaliar o resultado. Altere uma variável de cada vez para identificar o que melhorou.
A abordagem segue o Guia do Figma First Draft: forneça contexto concreto e examine o resultado sem assumir que um primeiro rascunho bem apresentado está correto.
Prompts para descrever a tarefa
Para descrever a tarefa, identifique o utilizador e a decisão que o ecrã deve apoiar.
1. Um website de uma biblioteca pública
Design a public library website for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Um novo utilizador consegue identificar a ação seguinte sem ler uma indicação adicional?
2. Um portefólio de um profissional independente
Design a freelance portfolio for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Um novo utilizador consegue identificar a ação seguinte sem ler uma indicação adicional?
3. Um site de um museu pequeno
Design a small museum site for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Um novo utilizador consegue identificar a ação seguinte sem ler uma indicação adicional?
4. Uma página inicial de documentação SaaS
Design a SaaS documentation home for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Um novo utilizador consegue identificar a ação seguinte sem ler uma indicação adicional?
5. Uma coleção de receitas
Design a recipe collection for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Um novo utilizador consegue identificar a ação seguinte sem ler uma indicação adicional?
6. Um site de eventos comunitários
Design a community events site for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Um novo utilizador consegue identificar a ação seguinte sem ler uma indicação adicional?
7. Uma página de marcação de consultas
Design a clinic appointment page for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Um novo utilizador consegue identificar a ação seguinte sem ler uma indicação adicional?
8. Um portal de emprego
Design a job board for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Um novo utilizador consegue identificar a ação seguinte sem ler uma indicação adicional?
9. Uma página de impacto de uma organização sem fins lucrativos
Design a nonprofit impact page for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Um novo utilizador consegue identificar a ação seguinte sem ler uma indicação adicional?
10. Uma área de conta de subscrição
Design a subscription account area for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Um novo utilizador consegue identificar a ação seguinte sem ler uma indicação adicional?
Prompts para desenhar o ecrã principal
Para desenhar o ecrã principal, identifique o utilizador e a decisão que o ecrã deve apoiar.
11. Um website de uma biblioteca pública
Design a public library website for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Verifique o layout no computador e num ecrã móvel com 360 píxeis de largura.
12. Um portefólio de um profissional independente
Design a freelance portfolio for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Verifique o layout no computador e num ecrã móvel com 360 píxeis de largura.
13. Um site de um museu pequeno
Design a small museum site for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Verifique o layout no computador e num ecrã móvel com 360 píxeis de largura.
14. Uma página inicial de documentação SaaS
Design a SaaS documentation home for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Verifique o layout no computador e num ecrã móvel com 360 píxeis de largura.
15. Uma coleção de receitas
Design a recipe collection for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Verifique o layout no computador e num ecrã móvel com 360 píxeis de largura.
16. Um site de eventos comunitários
Design a community events site for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Verifique o layout no computador e num ecrã móvel com 360 píxeis de largura.
17. Uma página de marcação de consultas
Design a clinic appointment page for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Verifique o layout no computador e num ecrã móvel com 360 píxeis de largura.
18. Um portal de emprego
Design a job board for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Verifique o layout no computador e num ecrã móvel com 360 píxeis de largura.
19. Uma página de impacto de uma organização sem fins lucrativos
Design a nonprofit impact page for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Verifique o layout no computador e num ecrã móvel com 360 píxeis de largura.
20. Uma área de conta de subscrição
Design a subscription account area for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Verifique o layout no computador e num ecrã móvel com 360 píxeis de largura.
Prompts para tratar dados em falta
Para tratar dados em falta, identifique o utilizador e a decisão que o ecrã deve apoiar.
21. Um website de uma biblioteca pública
Design a public library website for a person who needs to finish one task quickly. State the audience and task you are assuming. Then include empty, loading and error states with recovery actions. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Confirme que o utilizador consegue recuperar sem perder o trabalho introduzido.
22. Um portefólio de um profissional independente
Design a freelance portfolio for a person who needs to finish one task quickly. State the audience and task you are assuming. Then include empty, loading and error states with recovery actions. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Confirme que o utilizador consegue recuperar sem perder o trabalho introduzido.
23. Um site de um museu pequeno
Design a small museum site for a person who needs to finish one task quickly. State the audience and task you are assuming. Then include empty, loading and error states with recovery actions. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Confirme que o utilizador consegue recuperar sem perder o trabalho introduzido.
24. Uma página inicial de documentação SaaS
Design a SaaS documentation home for a person who needs to finish one task quickly. State the audience and task you are assuming. Then include empty, loading and error states with recovery actions. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Confirme que o utilizador consegue recuperar sem perder o trabalho introduzido.
25. Uma coleção de receitas
Design a recipe collection for a person who needs to finish one task quickly. State the audience and task you are assuming. Then include empty, loading and error states with recovery actions. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Confirme que o utilizador consegue recuperar sem perder o trabalho introduzido.
26. Um site de eventos comunitários
Design a community events site for a person who needs to finish one task quickly. State the audience and task you are assuming. Then include empty, loading and error states with recovery actions. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Confirme que o utilizador consegue recuperar sem perder o trabalho introduzido.
27. Uma página de marcação de consultas
Design a clinic appointment page for a person who needs to finish one task quickly. State the audience and task you are assuming. Then include empty, loading and error states with recovery actions. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Confirme que o utilizador consegue recuperar sem perder o trabalho introduzido.
28. Um portal de emprego
Design a job board for a person who needs to finish one task quickly. State the audience and task you are assuming. Then include empty, loading and error states with recovery actions. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Confirme que o utilizador consegue recuperar sem perder o trabalho introduzido.
29. Uma página de impacto de uma organização sem fins lucrativos
Design a nonprofit impact page for a person who needs to finish one task quickly. State the audience and task you are assuming. Then include empty, loading and error states with recovery actions. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Confirme que o utilizador consegue recuperar sem perder o trabalho introduzido.
30. Uma área de conta de subscrição
Design a subscription account area for a person who needs to finish one task quickly. State the audience and task you are assuming. Then include empty, loading and error states with recovery actions. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Verificação: Confirme que o utilizador consegue recuperar sem perder o trabalho introduzido.
O que verificar antes de utilizar o resultado
Os ecrãs gerados são pontos de partida. Teste-os com conteúdo real, teclado, ecrãs pequenos e as pessoas que os vão utilizar. O acabamento visual não comprova a usabilidade.
Se o resultado não cumprir a tarefa, encurte o prompt e indique o facto ou a restrição em falta. Guarde a versão utilizada para que o recurso final ou a alteração de código possam ser reproduzidos.
Leituras adicionais
Continue com um guia relacionado
Ponha em prática
O seu próximo passo
Tem uma pergunta ou uma correção?
Contactar a Thrive
