![Page 1: Design de Interação - SECOMP 2011 - Segundo dia](https://reader033.vdocuments.pub/reader033/viewer/2022061202/547c01d2b4af9fda158b5003/html5/thumbnails/1.jpg)
Métodos e técnicas essenciais para Desenvolvedores projetarem artefatos tecnológicos mais humanos.
Design de Interação ++
Douglas SchmidtPaulo Ferreira
quinta-feira, 15 de setembro de 11
![Page 2: Design de Interação - SECOMP 2011 - Segundo dia](https://reader033.vdocuments.pub/reader033/viewer/2022061202/547c01d2b4af9fda158b5003/html5/thumbnails/2.jpg)
Processo de Ideação
quinta-feira, 15 de setembro de 11
![Page 3: Design de Interação - SECOMP 2011 - Segundo dia](https://reader033.vdocuments.pub/reader033/viewer/2022061202/547c01d2b4af9fda158b5003/html5/thumbnails/3.jpg)
Prototipação
quinta-feira, 15 de setembro de 11
![Page 4: Design de Interação - SECOMP 2011 - Segundo dia](https://reader033.vdocuments.pub/reader033/viewer/2022061202/547c01d2b4af9fda158b5003/html5/thumbnails/4.jpg)
Prototipação
Produção de alternativas de design artefatos ou experiências
Níveis crescentes de !delidadedesde protótipos em papel até completamente funcionais.
quinta-feira, 15 de setembro de 11
![Page 5: Design de Interação - SECOMP 2011 - Segundo dia](https://reader033.vdocuments.pub/reader033/viewer/2022061202/547c01d2b4af9fda158b5003/html5/thumbnails/5.jpg)
Os limites da linguagem:Palavras criam imagens diferentes para cada pessoa.
O protótipo torna as ideias concretas
Participação de toda equipe: empresário, designer, engenheiros, marketing, etc;
Otimiza as contribuições de cada um ao projeto - menos retrabalho.
Protótipo: Ferramenta de Colaboração
quinta-feira, 15 de setembro de 11
![Page 6: Design de Interação - SECOMP 2011 - Segundo dia](https://reader033.vdocuments.pub/reader033/viewer/2022061202/547c01d2b4af9fda158b5003/html5/thumbnails/6.jpg)
O único jeito de você descobrir se aquela idéia funciona ou não é com um protótipo!
Não acumular riscos, prototipar (e checar) a cada etapa.
Protótipo: Ajuda a controlar o risco
“Erre logo para ser bem sucedido mais cedo” IDEO
quinta-feira, 15 de setembro de 11
![Page 7: Design de Interação - SECOMP 2011 - Segundo dia](https://reader033.vdocuments.pub/reader033/viewer/2022061202/547c01d2b4af9fda158b5003/html5/thumbnails/7.jpg)
Pode ser feito em qualquer material (dirty prototyping)
Não precisa fazer todo, apenas o problema a ser detalhado
Não precisa ser perfeito e com acabamento.
Protótipo: Modo rápido e barato
quinta-feira, 15 de setembro de 11
![Page 8: Design de Interação - SECOMP 2011 - Segundo dia](https://reader033.vdocuments.pub/reader033/viewer/2022061202/547c01d2b4af9fda158b5003/html5/thumbnails/8.jpg)
Níveis de prototipação
quinta-feira, 15 de setembro de 11
![Page 9: Design de Interação - SECOMP 2011 - Segundo dia](https://reader033.vdocuments.pub/reader033/viewer/2022061202/547c01d2b4af9fda158b5003/html5/thumbnails/9.jpg)
Protótipos de papel
quinta-feira, 15 de setembro de 11
![Page 10: Design de Interação - SECOMP 2011 - Segundo dia](https://reader033.vdocuments.pub/reader033/viewer/2022061202/547c01d2b4af9fda158b5003/html5/thumbnails/10.jpg)
Protótipos de papel
Esboço rápido da idéia
Barato, rápido e descartável
Ajuda a conceituar melhor a idéia
quinta-feira, 15 de setembro de 11
![Page 11: Design de Interação - SECOMP 2011 - Segundo dia](https://reader033.vdocuments.pub/reader033/viewer/2022061202/547c01d2b4af9fda158b5003/html5/thumbnails/11.jpg)
Wireframes
quinta-feira, 15 de setembro de 11
![Page 12: Design de Interação - SECOMP 2011 - Segundo dia](https://reader033.vdocuments.pub/reader033/viewer/2022061202/547c01d2b4af9fda158b5003/html5/thumbnails/12.jpg)
Wireframes
Layout
Arquitetura da informação
Modelo navegacional
Testes com usuários
quinta-feira, 15 de setembro de 11
![Page 13: Design de Interação - SECOMP 2011 - Segundo dia](https://reader033.vdocuments.pub/reader033/viewer/2022061202/547c01d2b4af9fda158b5003/html5/thumbnails/13.jpg)
Protótipos funcionais
quinta-feira, 15 de setembro de 11
![Page 14: Design de Interação - SECOMP 2011 - Segundo dia](https://reader033.vdocuments.pub/reader033/viewer/2022061202/547c01d2b4af9fda158b5003/html5/thumbnails/14.jpg)
Protótipos funcionais
Mais caros (tempo)
Projetos maiores
Tecnologias como Flash, Qt Quick e Arduino
quinta-feira, 15 de setembro de 11
![Page 15: Design de Interação - SECOMP 2011 - Segundo dia](https://reader033.vdocuments.pub/reader033/viewer/2022061202/547c01d2b4af9fda158b5003/html5/thumbnails/15.jpg)
Computação Física
quinta-feira, 15 de setembro de 11
![Page 16: Design de Interação - SECOMP 2011 - Segundo dia](https://reader033.vdocuments.pub/reader033/viewer/2022061202/547c01d2b4af9fda158b5003/html5/thumbnails/16.jpg)
Computação Física
Protótipos robóticos
Lego Mindstorm, Arduino
Ótimo para prototipar artefatos físicos interativos
quinta-feira, 15 de setembro de 11
![Page 17: Design de Interação - SECOMP 2011 - Segundo dia](https://reader033.vdocuments.pub/reader033/viewer/2022061202/547c01d2b4af9fda158b5003/html5/thumbnails/17.jpg)
Avaliação
quinta-feira, 15 de setembro de 11
![Page 18: Design de Interação - SECOMP 2011 - Segundo dia](https://reader033.vdocuments.pub/reader033/viewer/2022061202/547c01d2b4af9fda158b5003/html5/thumbnails/18.jpg)
Avaliação
Análise e testes dos protótipos com usuários
Antecipar problemas
Adequar o artefato
Ajustar a experiência de uso
quinta-feira, 15 de setembro de 11
![Page 19: Design de Interação - SECOMP 2011 - Segundo dia](https://reader033.vdocuments.pub/reader033/viewer/2022061202/547c01d2b4af9fda158b5003/html5/thumbnails/19.jpg)
Avaliação Heurística
quinta-feira, 15 de setembro de 11
![Page 20: Design de Interação - SECOMP 2011 - Segundo dia](https://reader033.vdocuments.pub/reader033/viewer/2022061202/547c01d2b4af9fda158b5003/html5/thumbnails/20.jpg)
Avaliação Heurística
Análise de especialista de acordo com heurísticas pré-estabelecidas de usabilidade
Imagem: Nielsen Aproves :)
quinta-feira, 15 de setembro de 11
![Page 21: Design de Interação - SECOMP 2011 - Segundo dia](https://reader033.vdocuments.pub/reader033/viewer/2022061202/547c01d2b4af9fda158b5003/html5/thumbnails/21.jpg)
Avaliação Heurística
1) feedback
2) falar a linguagem do usuário
3) saídas claramente demarcadas
4) consistência
5) prevenir erros
As 10 heurísticas de Nielsen
6) minimizar a sobrecarga de memória do usuário
7) atalhos
8) diálogos simples e naturais
9) boas mensagens de erro
10) ajuda e documentação
quinta-feira, 15 de setembro de 11
![Page 22: Design de Interação - SECOMP 2011 - Segundo dia](https://reader033.vdocuments.pub/reader033/viewer/2022061202/547c01d2b4af9fda158b5003/html5/thumbnails/22.jpg)
Testes de usabilidade
quinta-feira, 15 de setembro de 11
![Page 23: Design de Interação - SECOMP 2011 - Segundo dia](https://reader033.vdocuments.pub/reader033/viewer/2022061202/547c01d2b4af9fda158b5003/html5/thumbnails/23.jpg)
Testes de usabilidade
Usado para testar a facilidade de uso de um artefato
Usuários são monitorados durante determinada tarefa
Um pro!ssional facilitador !ca ao lado do usuário para guiá-lo e incentivá-lo
Em outra sala, podem haver outros especialistas para anotar observações, gravar, etc
quinta-feira, 15 de setembro de 11
![Page 24: Design de Interação - SECOMP 2011 - Segundo dia](https://reader033.vdocuments.pub/reader033/viewer/2022061202/547c01d2b4af9fda158b5003/html5/thumbnails/24.jpg)
Técnicas de guerrilha
Avaliações informais
Baixo custo mas com grande impacto
Usadas em ambientes onde não há uma conscientização da importância da usabilidade
quinta-feira, 15 de setembro de 11
![Page 25: Design de Interação - SECOMP 2011 - Segundo dia](https://reader033.vdocuments.pub/reader033/viewer/2022061202/547c01d2b4af9fda158b5003/html5/thumbnails/25.jpg)
Perguntas?
quinta-feira, 15 de setembro de 11