Versão breve
- Uma landing page deve ajudar o visitante a compreender uma oferta e a escolher o passo seguinte. Estes prompts definem o público, as provas e a estrutura responsiva antes do acabamento visual.
- 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.
Uma landing page deve ajudar o visitante a compreender uma oferta e a escolher o passo seguinte. Estes prompts definem o público, as provas e a estrutura responsiva antes do acabamento visual.
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 lançamento de API para programadores
Design a developer API launch 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. Uma aplicação de aprendizagem de línguas
Design a language-learning app 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 serviço local de reparação de bicicletas
Design a local bike repair service 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. Um registo numa newsletter
Design a newsletter signup 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 página de donativos de uma organização sem fins lucrativos
Design a nonprofit donation 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?
6. Um modelo de produtividade
Design a productivity template 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 lista de espera para um curso
Design a course waitlist 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 portefólio criativo
Design a creative 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?
9. Uma cafetaria de bairro
Design a neighborhood cafe 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. Um produto de análise B2B
Design a B2B analytics product 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 lançamento de API para programadores
Design a developer API launch 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. Uma aplicação de aprendizagem de línguas
Design a language-learning app 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 serviço local de reparação de bicicletas
Design a local bike repair service 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. Um registo numa newsletter
Design a newsletter signup 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 página de donativos de uma organização sem fins lucrativos
Design a nonprofit donation 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.
16. Um modelo de produtividade
Design a productivity template 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 lista de espera para um curso
Design a course waitlist 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 portefólio criativo
Design a creative 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.
19. Uma cafetaria de bairro
Design a neighborhood cafe 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. Um produto de análise B2B
Design a B2B analytics product 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 lançamento de API para programadores
Design a developer API launch 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. Uma aplicação de aprendizagem de línguas
Design a language-learning app 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 serviço local de reparação de bicicletas
Design a local bike repair service 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. Um registo numa newsletter
Design a newsletter signup 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 página de donativos de uma organização sem fins lucrativos
Design a nonprofit donation 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.
26. Um modelo de produtividade
Design a productivity template 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 lista de espera para um curso
Design a course waitlist 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 portefólio criativo
Design a creative 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.
29. Uma cafetaria de bairro
Design a neighborhood cafe 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. Um produto de análise B2B
Design a B2B analytics product 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
