Download - Projetos interativos I - AULA 01
![Page 1: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/1.jpg)
PROJETOS DE INTERFACES INTERATIVAS I
Marcos [email protected]ós-Graduação em Design Comunicação e Multimídia
![Page 2: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/2.jpg)
Apresentação da disciplina
Aula 1 Conceitos de interação e usabilidade
Aula 2 Interfaces para WEB
Aula 3 TV digital
Aula 4 Mobile2
![Page 3: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/3.jpg)
3
Apresentação da disciplina
Aula 5 Novas Tendências
Aula 6 Projeto final
![Page 4: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/4.jpg)
4
Aula 01
Conceitos de interação e usabilidade
Perspectivas de novos sistemas de comunicação via tecnologia digital com ênfase na facilidade de aprendizado na utilização de produtos e serviços.
![Page 5: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/5.jpg)
Quantos produtos interativos existem em nossa vida cotidiana? 1, 2, 3 ... Milhares?
Design de interaçãoProdutos interativos que sejam utilizáveis
![Page 6: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/6.jpg)
Quantos deles são complicados e cansativos de utilizar?1, 2, 3 ... centenas?
![Page 7: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/7.jpg)
Quantos deles são realmente fáceis e agradáveis de utilizar?1, 2, 3 ... dezenas?
![Page 8: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/8.jpg)
Nos deparamos todos os dias com novos produtos. Mas nem todos interativos são
utilizáveis
![Page 9: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/9.jpg)
Pois não somos máquinas!!
![Page 10: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/10.jpg)
MalBom
Design…
![Page 11: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/11.jpg)
Vamos avaliar um controle remoto?
![Page 12: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/12.jpg)
MEX : Modelo Genérico de Experiência do Usuário
Relembrando os elementos de uma experiência
O que projetar?
![Page 13: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/13.jpg)
Questão fundamental: como você otimizar as interações do usuário com o sistema | ambiente ?
![Page 14: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/14.jpg)
??
?
?
?
![Page 15: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/15.jpg)
15
Experiência
UXusuário
![Page 16: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/16.jpg)
16
Uma festa de
Formatura
![Page 17: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/17.jpg)
17
Jantar com os familiares mais próximos
![Page 18: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/18.jpg)
Uma festa de formatura realizada por profissionais18
![Page 19: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/19.jpg)
Qual a melhor experiência?
19
![Page 20: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/20.jpg)
Para o diploma basta se formar. Um boa experiência na formatura precisa de mais! 20
![Page 21: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/21.jpg)
Usuário, contexto, atividades e conteúdo
UsabilidadeFacilidade com que as pessoas possam interagir
![Page 22: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/22.jpg)
22
![Page 23: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/23.jpg)
Prototipagem Processo interativo de gerar modelos
Baixa, média e alta fidelidade
![Page 24: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/24.jpg)
24
Voltemos a trabalhar em equipe!Prototipagem em papel
![Page 25: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/25.jpg)
Heurística de UsabilidadeJacob Nielsen
1. Visibilidade do status do sistema2. Metáforas com o mundo real3. Controle do usuário e liberdade4. Consistência e padrões5. Prevenção de erros6. Reconhecer ao invés de lembrar7. Flexibilidade e eficiência de uso8. Design e estética minimalista9. Ajudar aos usuários a reconhecer, diagnosticar e sair de erros10. Ajuda e documentação
![Page 26: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/26.jpg)
Vamos trabalhar!
![Page 27: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/27.jpg)
27
Definir contexto, usuário e atividades do seu projeto
Desenvolver um protótipo em papel
Iremos fazer análise de Heurística do mesmo.
Você de escolher sua dupla para o projeto
![Page 28: Projetos interativos I - AULA 01](https://reader031.vdocuments.pub/reader031/viewer/2022020713/5487dd8cb47959ce0c8b55b5/html5/thumbnails/28.jpg)
Obrigado!
28