Ux prototype - TI EXAMES
8 gostaram754 visualizações
O documento discute a importância da prototipação no design de experiência do usuário (UX Design), enfatizando que protótipos de baixa e média fidelidade, como os de papel, permitem validar hipóteses rapidamente e de forma barata, antecipando erros no projeto. A conferência também destaca que a validação com usuários deve ser o foco, e não a criação de entregáveis elaborados.
Ux prototype - TI EXAMES
- 1. PROTOTIPAÇÃO EM UX D O P A P E L A O P I X E L CARLA DE BONA
- 2. Carla De Bona Designer, Speaker and Social Entrepreneur carla@carladebona.com EDUCATION TEACH WORK Bacharel em design grafico Pela UDESC Mestrado em comunicação e semiótica PUC-SP Professora de MBA e Pós-Graduação Professora em bootcamps de UX Mentora para a competição do WorldSkills Consultora de UX Mentora para startups Co-fundadora da {reprograma}
- 3. QUANDO EU PRECISO DE UM PROTÓTIPO?
- 4. SEMPRE QUE VOCÊ PRECISA MOSTRAR COMO ALGO FUNCIONA NA PRÁTICA!
- 8. #FAIL
- 10. NO!
- 11. O OBJETIVO DO PROTÓTIPO NÃO DEVE SER O PROTÓTIPO EM SI
- 12. Consigo validar minha hipótese com este tipo de protótipo? Esta é a melhor opção para otimizar o tempo e execução do projeto?
- 13. UM PROTÓTIPO DEVE SER UM EXERCÍCIO DE DESIGN, E NÃO APENAS UM ENTREGÁVEL.
- 15. FERRAMENTAS TIPOS DE PROTÓTIPO • Visual: nível da fidelidade de cores, ícones, componentes, botões, backgrounds, mensagens de texto, entre outros. • Conteúdo: nível de fidelidade do conteúdo simulado no protótipo. • Interatividade: nível de fidelidade da comunicação/interação entre produto e utilizador.
- 16. https://www.smashingmagazine.com/2016/06/picking-the-best-prototyping-software-for-your-project/ BAIXA MÉDIA ALTA NÍVEL DE FIDELIDADE DE UM PROTÓTIPO
- 17. PROTÓTIPOS DE PAPEL PAPER FIRST PIXEL AFTER
- 18. Ajuda a definir melhor o nosso entendimento do problema, ao mesmo tempo em que nos ajuda a pensar nas possíveis soluções
- 19. PROTÓTIPOS DE PAPEL VANTAGENS Iteração rápida Barato Aumento da criatividade Co-criação Curva de aprendizado baixa Documentação automática
- 20. Exemplo da curva de aprendizado baixa
- 21. #COMOFAZ
- 26. NA PRÁTICA Como seria o APP water.me? Um app para lembrar de beber água e poder acompanhar o quanto de água você anda bebendo diariamente
- 27. • Mostrar meta diária de ingestão de água e ir atualizando quando vai registrando ingestão de água • Registrar quanto de água inseriu (em ml) • Mostrar última ingestão registrada (horário) • Adicionar lembretes (de horário) para beber água. • Indicar intervalo de lembrete • Ativar e desativar som do lembrete • Mostrar histórico de todos os dias (mostrar se bateu a meta ou não do dia); FUNCIONALIDADES
- 30. POR QUE EU DEVERIA FAZER PROTÓTIPOS DE WIREFRAMES?
- 31. MUDAR RÁPIDAS DE QUALQUER POSICIONAMENTO DE ELEMENTOS PARA ATENDER ÀS NECESSIDADES DO PROJETO MUDANÇAS RÁPIDAS DE QUALQUER POSICIONAMENTO DE ELEMENTOS PARA ATENDER ÀS NECESSIDADES DO PROJETO
- 32. ÚTEIS PARA MANTER TODOS OS ENVOLVIDOS NA MESMA PÁGINA
- 34. NA PRÁTICA Criar protótipo de média fidelidade do water.me
- 38. EXPERIÊNCIA DO PRODUTO (SEM PRODUTO) DOCUMENTOS MAIS ENXUTOS APRESENTAÇÃO PARA CLIENTES APRENDER ENQUANTO PROJETA MAIS FACILIDADE PARA TESTAR DIMENSIONAMENTO DO PROJETO COMUNICAÇÃO MAIS CLARA
- 39. BOA NOTÍCIA Há muitos ótimos aplicativos para você escolher
- 40. BOA NOTÍCIA Há muitos ótimos aplicativos para você escolher MÁ NOTÍCIA Há muitos ótimos aplicativos para você escolher
- 42. uxtools.co
- 44. NA PRÁTICA Criar protótipo de alta fidelidade do water.me
- 47. VALIDAÇÃO ANTES É MELHOR DO QUE DEPOIS
- 48. FAIL FAST Falhe rápido, tenha sucesso mais cedo David Kelley, fundador da IDEO
- 49. FOCO NA VALIDAÇÃO, E NÃO NO ENTREGÁVEL
- 50. LEMBRE-SE QUE O OBJETIVO PRINCIPAL DOS PROTÓTIPOS SÃO PRODUTOS MELHORES.
- 51. c a r l a d e b o n a . c o m @carladebona