O documento discute como prototipar experiências do usuário em vídeo de forma a ilustrar fluxos de tela, interações e contexto de uso de forma mais efetiva do que documentos tradicionais. Apresenta vantagens e desvantagens do vídeo para prototipagem e um passo-a-passo para criação de protótipos em vídeo de baixo custo. Finaliza com um exemplo prático de prototipagem de uma pesquisa via smartphone.

1. Prototipando a Experiência do
Usuário em Vídeo
Ingrid Castro, Falex Vidal
Patrocínio:
Porto Alegre, Maio 2016
Realização:

2. Prototipando a
experiência do
usuário em vídeo
Ingrid Castro
Falex Vidal

3. Quem somos
Ingrid Castro Falex Vidal

4. ?
Imaginem conosco a solução
para o seguinte problema …

5. Precisamos prototipar a
experiência de um profissional de
RH que precisa coletar rapidamente
os resultados de uma pesquisa via
smartphone + QR Code dos
colaboradores de uma empresa.
Como. Fazer. Isso?

6. prototipação
Primeiro, vamos falar um pouco de

7. Qualquer coisa tangível que nos
permita explorar uma ideia,
avaliá-la e levá-la adiante é um
protótipo.
- Tim Brown

8. O objetivo do protótipo é o feedback.

9. Para melhor prototipar
experiências intangíveis (como as
do nosso problema do início),
usamos uma combinação de:
Personas
Cenários
Storytelling
Palavras e imagens

10. Assim, colocamos
as pessoas no
centro
da idéia

11. Mas por que
usar vídeo para
prototipar uma
experiência?

12. Porque usando o vídeo como ferramenta,
você poderá …
Impressionar
investidores

13. Representar
jornadas complexas
de usuário
Porque usando o vídeo como ferramenta,
você poderá …

14. Explicar melhor suas
ideias contando
uma história
Porque usando o vídeo como ferramenta,
você poderá …

15. Diminuir a carga de
documentação dos
projetos
Porque usando o vídeo como ferramenta,
você poderá …

16. Ilustrar de forma rápida
(para clientes e
desenvolvedores) as
animações e interações
de uma interface
Porque usando o vídeo como ferramenta,
você poderá …

17. Mostrar pessoas
de carne e osso
interagindo com
seu produto
Porque usando o vídeo como ferramenta,
você poderá …

18. Mas
quem
está
usando
isso?

19. Além do Instituto
Atlântico …

20. Startups
que
precisam
vender
pitches
de seus
projetos
revoluci
onários
Assim como …

21. Então, já posso
abandonar meu Axure
e começar a prototipar
hoje mesmo?

22. Calma. Vamos pesar os prós e os contras primeiro.

23. Contras
• Não é interativo
• Difícil de editar
• Descartável
• Não é "real" (o cenário
projetado pode ser diferente da realidade)
• Produção demorada

24. Prós
• Ilustra o comportamento e
interação do usuário
• Demonstra o que os documentos
apenas descrevem
• É mais fácil de ser compreendido
• Apresenta um contexto real
de utilização
• Conquista a atenção dos
stakeholders
• Compartilha uma visão de
produto ou serviço

25. Preciso ter um estúdio
hollywoodiano para
começar a prototipar?

26. tempo e dinheiro
Depende do quanto você dispõe de

27. Confira, a seguir, 5 demonstrações de protótipos
em vídeo:

28. como
Todo esse papo é
muito legal. Mas
eu faço isso?

29. O processo, em 4 passos:
1. Planeje
2. Produza
3. Fotografe
4. Edite

30. 1
Planeje

31. Elabore estratégias para a resolução dos problemas
mais comuns para a produção de seu protótipo:
• Fluxos de tela
• Storyboard
• Equipe de filmagem
• Elenco
• Objetos de cena
• Locações
• Narração / Captura de som
• Orçamento
• Cronograma
• Fotografia
• Softwares de edição

33. 2
Produza

34. Prepare um checklist básico de itens a verificar para que você não precise encontrar
obstáculos no momento da captação:
• Desenho das interfaces necessárias
• Construção de dispositivos e objetos
• Planejamento dos ângulos de câmera
• Ajuste de luz da locação
• Guarda-roupa do elenco
• etc.

37. 3
Fotografe

38. Luz, câmera, ação!
• Configure a câmera
• Prepare um tripé
• Cheque cada tomada filmada para
detectar erros
• Filme a mesma cena em vários ângulos

41. 4
Edite

42. Chegou a hora de reunir o material e transformá-lo em algo coerente.
• Assista a todas as tomadas;
• Faça anotações dos melhores planos
• Carregue as melhores tomadas em um
programa de edição
• Corte e cole os clipes de video para
chegar ao resultado final

44. E aí? Pronto pra
começar também?
Pois confira o
resultado do
problema que
propomos lá no início

45. https://www.youtube.com/
watch?v=KhEspWnR9_g

46. comunicacao@atlantico.com.br
That’s all, folks!