SlideShare uma empresa Scribd logo
1 de 25
Baixar para ler offline
Design de Interação ++
        Métodos e técnicas essenciais para
        Desenvolvedores projetarem artefatos
        tecnológicos mais humanos.




                                     Douglas Schmidt
                                     Paulo Ferreira

quinta-feira, 15 de setembro de 11
Processo
 de Ideação




quinta-feira, 15 de setembro de 11
Prototipação



quinta-feira, 15 de setembro de 11
Prototipação

                                     Produção de alternativas de design
                                     artefatos ou experiências


                                     Níveis crescentes de delidade
                                     desde protótipos em papel até completamente
                                     funcionais.




quinta-feira, 15 de setembro de 11
Protótipo: Ferramenta de Colaboração

                                     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.
quinta-feira, 15 de setembro de 11
Protótipo: Ajuda a controlar o risco


                                     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.


      “Erre logo para ser bem sucedido mais cedo” IDEO
quinta-feira, 15 de setembro de 11
Protótipo: Modo rápido e barato


                                     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.

quinta-feira, 15 de setembro de 11
Níveis de prototipação



quinta-feira, 15 de setembro de 11
Protótipos de papel



quinta-feira, 15 de setembro de 11
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
Wireframes



quinta-feira, 15 de setembro de 11
Wireframes

                                     Layout

                                     Arquitetura da informação

                                     Modelo navegacional

                                     Testes com usuários


quinta-feira, 15 de setembro de 11
Protótipos
         funcionais


quinta-feira, 15 de setembro de 11
Protótipos funcionais

                                     Mais caros (tempo)

                                     Projetos maiores

                                     Tecnologias como Flash, Qt Quick e
                                     Arduino


quinta-feira, 15 de setembro de 11
Computação Física



quinta-feira, 15 de setembro de 11
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
Avaliação



quinta-feira, 15 de setembro de 11
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
Avaliação Heurística



quinta-feira, 15 de setembro de 11
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
Avaliação Heurística
          As 10 heurísticas de Nielsen

         1) feedback                       6) minimizar a sobrecarga de
                                           memória do usuário
         2) falar a linguagem do usuário
                                           7) atalhos
         3) saídas claramente
         demarcadas                        8) diálogos simples e naturais

         4) consistência                   9) boas mensagens de erro

         5) prevenir erros                 10) ajuda e documentação


quinta-feira, 15 de setembro de 11
Testes de usabilidade



quinta-feira, 15 de setembro de 11
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
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
Perguntas?



quinta-feira, 15 de setembro de 11

Mais conteúdo relacionado

Mais procurados

Iterasys :: Café com Qualidade - Testadores Precisam Saber Programar?
Iterasys ::  Café com Qualidade - Testadores Precisam Saber Programar?Iterasys ::  Café com Qualidade - Testadores Precisam Saber Programar?
Iterasys :: Café com Qualidade - Testadores Precisam Saber Programar?José Correia
 
Profissao-programador-praticas-para-melhoria-continua-unimonte-outubro-2013
Profissao-programador-praticas-para-melhoria-continua-unimonte-outubro-2013Profissao-programador-praticas-para-melhoria-continua-unimonte-outubro-2013
Profissao-programador-praticas-para-melhoria-continua-unimonte-outubro-2013Gabriel Rubens
 
Apresentação do Workshop BDD (Desenvolvimento Guiado por Comportamento) com V...
Apresentação do Workshop BDD (Desenvolvimento Guiado por Comportamento) com V...Apresentação do Workshop BDD (Desenvolvimento Guiado por Comportamento) com V...
Apresentação do Workshop BDD (Desenvolvimento Guiado por Comportamento) com V...Developer Academy
 
Como TDD pode influenciar na construção do seu Produto?
Como TDD pode influenciar na construção do seu Produto?Como TDD pode influenciar na construção do seu Produto?
Como TDD pode influenciar na construção do seu Produto?Raphael Paiva
 
Captulo 8 prototipacao
Captulo 8 prototipacaoCaptulo 8 prototipacao
Captulo 8 prototipacaolua alves
 
Design de Interação - SECOMP 2011
Design de Interação - SECOMP 2011Design de Interação - SECOMP 2011
Design de Interação - SECOMP 2011Paulo Cesar
 
Importancia da Prototipagem
Importancia da PrototipagemImportancia da Prototipagem
Importancia da PrototipagemErico Fileno
 
MoT-RJ: Identificando mudanças com snapshots teste - Ana Izabel
MoT-RJ: Identificando mudanças com snapshots teste - Ana IzabelMoT-RJ: Identificando mudanças com snapshots teste - Ana Izabel
MoT-RJ: Identificando mudanças com snapshots teste - Ana IzabelLucas Fraga
 
Qualidade no desenvolvimento de Sistemas por Anderson Augustinho (Celepar)
Qualidade no desenvolvimento de Sistemas por Anderson Augustinho (Celepar)Qualidade no desenvolvimento de Sistemas por Anderson Augustinho (Celepar)
Qualidade no desenvolvimento de Sistemas por Anderson Augustinho (Celepar)Joao Galdino Mello de Souza
 
Extreme programming
Extreme programmingExtreme programming
Extreme programmingJ. C.
 
Xp Comdex
Xp ComdexXp Comdex
Xp ComdexJ. C.
 
O papel e a carreira do arquiteto de software
O papel e a carreira do arquiteto de softwareO papel e a carreira do arquiteto de software
O papel e a carreira do arquiteto de softwareLeonardo Zanivan
 
Testes Automatizados de Software
Testes Automatizados de SoftwareTestes Automatizados de Software
Testes Automatizados de SoftwareMaurício Aniche
 
React e reactividade Meetup Facebook Developer Circles
React e reactividade Meetup Facebook Developer CirclesReact e reactividade Meetup Facebook Developer Circles
React e reactividade Meetup Facebook Developer CirclesJosé Barbosa
 

Mais procurados (20)

2 Prototipagem
2  Prototipagem2  Prototipagem
2 Prototipagem
 
Programação Orientada a Gambiarra
Programação Orientada a GambiarraProgramação Orientada a Gambiarra
Programação Orientada a Gambiarra
 
Iterasys :: Café com Qualidade - Testadores Precisam Saber Programar?
Iterasys ::  Café com Qualidade - Testadores Precisam Saber Programar?Iterasys ::  Café com Qualidade - Testadores Precisam Saber Programar?
Iterasys :: Café com Qualidade - Testadores Precisam Saber Programar?
 
Profissao-programador-praticas-para-melhoria-continua-unimonte-outubro-2013
Profissao-programador-praticas-para-melhoria-continua-unimonte-outubro-2013Profissao-programador-praticas-para-melhoria-continua-unimonte-outubro-2013
Profissao-programador-praticas-para-melhoria-continua-unimonte-outubro-2013
 
TDC 2015 - Torne-se um programador melhor
TDC 2015 - Torne-se um  programador melhorTDC 2015 - Torne-se um  programador melhor
TDC 2015 - Torne-se um programador melhor
 
Clean code
Clean codeClean code
Clean code
 
Lapidando ruby
Lapidando rubyLapidando ruby
Lapidando ruby
 
Metodos ageis thinkingdifferent
Metodos ageis thinkingdifferentMetodos ageis thinkingdifferent
Metodos ageis thinkingdifferent
 
Apresentação do Workshop BDD (Desenvolvimento Guiado por Comportamento) com V...
Apresentação do Workshop BDD (Desenvolvimento Guiado por Comportamento) com V...Apresentação do Workshop BDD (Desenvolvimento Guiado por Comportamento) com V...
Apresentação do Workshop BDD (Desenvolvimento Guiado por Comportamento) com V...
 
Como TDD pode influenciar na construção do seu Produto?
Como TDD pode influenciar na construção do seu Produto?Como TDD pode influenciar na construção do seu Produto?
Como TDD pode influenciar na construção do seu Produto?
 
Captulo 8 prototipacao
Captulo 8 prototipacaoCaptulo 8 prototipacao
Captulo 8 prototipacao
 
Design de Interação - SECOMP 2011
Design de Interação - SECOMP 2011Design de Interação - SECOMP 2011
Design de Interação - SECOMP 2011
 
Importancia da Prototipagem
Importancia da PrototipagemImportancia da Prototipagem
Importancia da Prototipagem
 
MoT-RJ: Identificando mudanças com snapshots teste - Ana Izabel
MoT-RJ: Identificando mudanças com snapshots teste - Ana IzabelMoT-RJ: Identificando mudanças com snapshots teste - Ana Izabel
MoT-RJ: Identificando mudanças com snapshots teste - Ana Izabel
 
Qualidade no desenvolvimento de Sistemas por Anderson Augustinho (Celepar)
Qualidade no desenvolvimento de Sistemas por Anderson Augustinho (Celepar)Qualidade no desenvolvimento de Sistemas por Anderson Augustinho (Celepar)
Qualidade no desenvolvimento de Sistemas por Anderson Augustinho (Celepar)
 
Extreme programming
Extreme programmingExtreme programming
Extreme programming
 
Xp Comdex
Xp ComdexXp Comdex
Xp Comdex
 
O papel e a carreira do arquiteto de software
O papel e a carreira do arquiteto de softwareO papel e a carreira do arquiteto de software
O papel e a carreira do arquiteto de software
 
Testes Automatizados de Software
Testes Automatizados de SoftwareTestes Automatizados de Software
Testes Automatizados de Software
 
React e reactividade Meetup Facebook Developer Circles
React e reactividade Meetup Facebook Developer CirclesReact e reactividade Meetup Facebook Developer Circles
React e reactividade Meetup Facebook Developer Circles
 

Destaque (6)

L173 - Filozofija - Aristotel - Nikoleta Stevanović - Verica Krstić
L173 - Filozofija - Aristotel - Nikoleta Stevanović - Verica KrstićL173 - Filozofija - Aristotel - Nikoleta Stevanović - Verica Krstić
L173 - Filozofija - Aristotel - Nikoleta Stevanović - Verica Krstić
 
My Presentation
My PresentationMy Presentation
My Presentation
 
Gillette knows men.. do you!
Gillette knows men.. do you!Gillette knows men.. do you!
Gillette knows men.. do you!
 
Uriel6
Uriel6Uriel6
Uriel6
 
Doc1
Doc1Doc1
Doc1
 
Clase # 3
Clase # 3Clase # 3
Clase # 3
 

Semelhante a Design de Interação - SECOMP 2011 - Segundo dia

Prototipagem em Papel - Oficina
Prototipagem em Papel - OficinaPrototipagem em Papel - Oficina
Prototipagem em Papel - OficinaLtia Unesp
 
Prototipagem de Software para Devs
Prototipagem de Software para DevsPrototipagem de Software para Devs
Prototipagem de Software para DevsMarcos Marcolin
 
Cultura DevOps e integração entre infra e devel
Cultura DevOps e integração entre infra e develCultura DevOps e integração entre infra e devel
Cultura DevOps e integração entre infra e develJose Augusto Carvalho
 
Prototipação de software
Prototipação de softwarePrototipação de software
Prototipação de softwareleopp
 
10 dicas de carreira em PHP
10 dicas de carreira em PHP10 dicas de carreira em PHP
10 dicas de carreira em PHPElton Minetto
 
PAAI/DI - 07-08 - Teste de usabilidade
PAAI/DI - 07-08 - Teste de usabilidadePAAI/DI - 07-08 - Teste de usabilidade
PAAI/DI - 07-08 - Teste de usabilidadeMarcello Cardoso
 
Abrace as incertezas - a ilusão do controle
Abrace as incertezas - a ilusão do controleAbrace as incertezas - a ilusão do controle
Abrace as incertezas - a ilusão do controleIgor Macaubas
 
Desenvolvimento ágil na prática - Agile Tour 2011 Poços de Caldas
Desenvolvimento ágil na prática - Agile Tour 2011 Poços de CaldasDesenvolvimento ágil na prática - Agile Tour 2011 Poços de Caldas
Desenvolvimento ágil na prática - Agile Tour 2011 Poços de CaldasWebgoal
 
Prototipação de software
Prototipação de softwarePrototipação de software
Prototipação de softwareMarcio Costa
 
O papel do UX Designer na criação de Interfaces Conversacionais: Chatbots e I...
O papel do UX Designer na criação de Interfaces Conversacionais: Chatbots e I...O papel do UX Designer na criação de Interfaces Conversacionais: Chatbots e I...
O papel do UX Designer na criação de Interfaces Conversacionais: Chatbots e I...Rafael Brandão
 
Arte - 7º Ano - Teste de Turing - Teatro
Arte - 7º Ano - Teste de Turing - TeatroArte - 7º Ano - Teste de Turing - Teatro
Arte - 7º Ano - Teste de Turing - Teatrobrunoravazzi2
 
Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...
Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...
Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...Talita Pagani
 
Técnica de prototipação - Aula 1
Técnica de prototipação - Aula 1Técnica de prototipação - Aula 1
Técnica de prototipação - Aula 1Guilherme Torres
 
7 Dicas para Desenvolvedores e Designers em um projeto
7 Dicas para Desenvolvedores e Designers em um projeto7 Dicas para Desenvolvedores e Designers em um projeto
7 Dicas para Desenvolvedores e Designers em um projetoTiago Cardoso
 
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?Rafael Burity
 
Usabilidade 7-8 - Teste de Usabilidade
Usabilidade 7-8 - Teste de UsabilidadeUsabilidade 7-8 - Teste de Usabilidade
Usabilidade 7-8 - Teste de UsabilidadeMarcello Cardoso
 

Semelhante a Design de Interação - SECOMP 2011 - Segundo dia (20)

Prototipagem em Papel - Oficina
Prototipagem em Papel - OficinaPrototipagem em Papel - Oficina
Prototipagem em Papel - Oficina
 
Ux Presentation
Ux PresentationUx Presentation
Ux Presentation
 
Prototipagem - Validação de ideias através de Design Thinking
Prototipagem - Validação de ideias através de Design ThinkingPrototipagem - Validação de ideias através de Design Thinking
Prototipagem - Validação de ideias através de Design Thinking
 
Prototipagem de Software para Devs
Prototipagem de Software para DevsPrototipagem de Software para Devs
Prototipagem de Software para Devs
 
Cultura DevOps e integração entre infra e devel
Cultura DevOps e integração entre infra e develCultura DevOps e integração entre infra e devel
Cultura DevOps e integração entre infra e devel
 
Prototipação de software
Prototipação de softwarePrototipação de software
Prototipação de software
 
10 dicas de carreira em PHP
10 dicas de carreira em PHP10 dicas de carreira em PHP
10 dicas de carreira em PHP
 
PAAI/DI - 07-08 - Teste de usabilidade
PAAI/DI - 07-08 - Teste de usabilidadePAAI/DI - 07-08 - Teste de usabilidade
PAAI/DI - 07-08 - Teste de usabilidade
 
Abrace as incertezas - a ilusão do controle
Abrace as incertezas - a ilusão do controleAbrace as incertezas - a ilusão do controle
Abrace as incertezas - a ilusão do controle
 
Desenvolvimento ágil na prática - Agile Tour 2011 Poços de Caldas
Desenvolvimento ágil na prática - Agile Tour 2011 Poços de CaldasDesenvolvimento ágil na prática - Agile Tour 2011 Poços de Caldas
Desenvolvimento ágil na prática - Agile Tour 2011 Poços de Caldas
 
Prototipação de software
Prototipação de softwarePrototipação de software
Prototipação de software
 
O papel do UX Designer na criação de Interfaces Conversacionais: Chatbots e I...
O papel do UX Designer na criação de Interfaces Conversacionais: Chatbots e I...O papel do UX Designer na criação de Interfaces Conversacionais: Chatbots e I...
O papel do UX Designer na criação de Interfaces Conversacionais: Chatbots e I...
 
Arte - 7º Ano - Teste de Turing - Teatro
Arte - 7º Ano - Teste de Turing - TeatroArte - 7º Ano - Teste de Turing - Teatro
Arte - 7º Ano - Teste de Turing - Teatro
 
Entrevista
EntrevistaEntrevista
Entrevista
 
Modelo ágil
Modelo ágilModelo ágil
Modelo ágil
 
Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...
Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...
Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...
 
Técnica de prototipação - Aula 1
Técnica de prototipação - Aula 1Técnica de prototipação - Aula 1
Técnica de prototipação - Aula 1
 
7 Dicas para Desenvolvedores e Designers em um projeto
7 Dicas para Desenvolvedores e Designers em um projeto7 Dicas para Desenvolvedores e Designers em um projeto
7 Dicas para Desenvolvedores e Designers em um projeto
 
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?
 
Usabilidade 7-8 - Teste de Usabilidade
Usabilidade 7-8 - Teste de UsabilidadeUsabilidade 7-8 - Teste de Usabilidade
Usabilidade 7-8 - Teste de Usabilidade
 

Último

Revista-Palavra-Viva-Profetas-Menores (1).pdf
Revista-Palavra-Viva-Profetas-Menores (1).pdfRevista-Palavra-Viva-Profetas-Menores (1).pdf
Revista-Palavra-Viva-Profetas-Menores (1).pdfMárcio Azevedo
 
CRUZADINHA - Leitura e escrita dos números
CRUZADINHA   -   Leitura e escrita dos números CRUZADINHA   -   Leitura e escrita dos números
CRUZADINHA - Leitura e escrita dos números Mary Alvarenga
 
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....LuizHenriquedeAlmeid6
 
ATIVIDADE PARA ENTENDER -Pizzaria dos Descritores
ATIVIDADE PARA ENTENDER -Pizzaria dos DescritoresATIVIDADE PARA ENTENDER -Pizzaria dos Descritores
ATIVIDADE PARA ENTENDER -Pizzaria dos DescritoresAnaCarinaKucharski1
 
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestre
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestreCIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestre
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestreElianeElika
 
Mapa mental - Classificação dos seres vivos .docx
Mapa mental - Classificação dos seres vivos .docxMapa mental - Classificação dos seres vivos .docx
Mapa mental - Classificação dos seres vivos .docxBeatrizLittig1
 
o ciclo do contato Jorge Ponciano Ribeiro.pdf
o ciclo do contato Jorge Ponciano Ribeiro.pdfo ciclo do contato Jorge Ponciano Ribeiro.pdf
o ciclo do contato Jorge Ponciano Ribeiro.pdfCamillaBrito19
 
Discurso Direto, Indireto e Indireto Livre.pptx
Discurso Direto, Indireto e Indireto Livre.pptxDiscurso Direto, Indireto e Indireto Livre.pptx
Discurso Direto, Indireto e Indireto Livre.pptxferreirapriscilla84
 
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdfENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdfLeloIurk1
 
análise de redação completa - Dissertação
análise de redação completa - Dissertaçãoanálise de redação completa - Dissertação
análise de redação completa - DissertaçãoMaiteFerreira4
 
Pedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptxPedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptxleandropereira983288
 
Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)ElliotFerreira
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...azulassessoria9
 
Manual da CPSA_1_Agir com Autonomia para envio
Manual da CPSA_1_Agir com Autonomia para envioManual da CPSA_1_Agir com Autonomia para envio
Manual da CPSA_1_Agir com Autonomia para envioManuais Formação
 
11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...
11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...
11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...licinioBorges
 
COMPETÊNCIA 4 NO ENEM: O TEXTO E SUAS AMARRACÕES
COMPETÊNCIA 4 NO ENEM: O TEXTO E SUAS AMARRACÕESCOMPETÊNCIA 4 NO ENEM: O TEXTO E SUAS AMARRACÕES
COMPETÊNCIA 4 NO ENEM: O TEXTO E SUAS AMARRACÕESEduardaReis50
 
Rota das Ribeiras Camp, Projeto Nós Propomos!
Rota das Ribeiras Camp, Projeto Nós Propomos!Rota das Ribeiras Camp, Projeto Nós Propomos!
Rota das Ribeiras Camp, Projeto Nós Propomos!Ilda Bicacro
 
Ficha de trabalho com palavras- simples e complexas.pdf
Ficha de trabalho com palavras- simples e complexas.pdfFicha de trabalho com palavras- simples e complexas.pdf
Ficha de trabalho com palavras- simples e complexas.pdfFtimaMoreira35
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...azulassessoria9
 

Último (20)

Revista-Palavra-Viva-Profetas-Menores (1).pdf
Revista-Palavra-Viva-Profetas-Menores (1).pdfRevista-Palavra-Viva-Profetas-Menores (1).pdf
Revista-Palavra-Viva-Profetas-Menores (1).pdf
 
CRUZADINHA - Leitura e escrita dos números
CRUZADINHA   -   Leitura e escrita dos números CRUZADINHA   -   Leitura e escrita dos números
CRUZADINHA - Leitura e escrita dos números
 
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
 
ATIVIDADE PARA ENTENDER -Pizzaria dos Descritores
ATIVIDADE PARA ENTENDER -Pizzaria dos DescritoresATIVIDADE PARA ENTENDER -Pizzaria dos Descritores
ATIVIDADE PARA ENTENDER -Pizzaria dos Descritores
 
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestre
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestreCIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestre
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestre
 
Mapa mental - Classificação dos seres vivos .docx
Mapa mental - Classificação dos seres vivos .docxMapa mental - Classificação dos seres vivos .docx
Mapa mental - Classificação dos seres vivos .docx
 
CINEMATICA DE LOS MATERIALES Y PARTICULA
CINEMATICA DE LOS MATERIALES Y PARTICULACINEMATICA DE LOS MATERIALES Y PARTICULA
CINEMATICA DE LOS MATERIALES Y PARTICULA
 
o ciclo do contato Jorge Ponciano Ribeiro.pdf
o ciclo do contato Jorge Ponciano Ribeiro.pdfo ciclo do contato Jorge Ponciano Ribeiro.pdf
o ciclo do contato Jorge Ponciano Ribeiro.pdf
 
Discurso Direto, Indireto e Indireto Livre.pptx
Discurso Direto, Indireto e Indireto Livre.pptxDiscurso Direto, Indireto e Indireto Livre.pptx
Discurso Direto, Indireto e Indireto Livre.pptx
 
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdfENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
 
análise de redação completa - Dissertação
análise de redação completa - Dissertaçãoanálise de redação completa - Dissertação
análise de redação completa - Dissertação
 
Pedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptxPedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptx
 
Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
 
Manual da CPSA_1_Agir com Autonomia para envio
Manual da CPSA_1_Agir com Autonomia para envioManual da CPSA_1_Agir com Autonomia para envio
Manual da CPSA_1_Agir com Autonomia para envio
 
11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...
11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...
11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...
 
COMPETÊNCIA 4 NO ENEM: O TEXTO E SUAS AMARRACÕES
COMPETÊNCIA 4 NO ENEM: O TEXTO E SUAS AMARRACÕESCOMPETÊNCIA 4 NO ENEM: O TEXTO E SUAS AMARRACÕES
COMPETÊNCIA 4 NO ENEM: O TEXTO E SUAS AMARRACÕES
 
Rota das Ribeiras Camp, Projeto Nós Propomos!
Rota das Ribeiras Camp, Projeto Nós Propomos!Rota das Ribeiras Camp, Projeto Nós Propomos!
Rota das Ribeiras Camp, Projeto Nós Propomos!
 
Ficha de trabalho com palavras- simples e complexas.pdf
Ficha de trabalho com palavras- simples e complexas.pdfFicha de trabalho com palavras- simples e complexas.pdf
Ficha de trabalho com palavras- simples e complexas.pdf
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
 

Design de Interação - SECOMP 2011 - Segundo dia

  • 1. Design de Interação ++ Métodos e técnicas essenciais para Desenvolvedores projetarem artefatos tecnológicos mais humanos. Douglas Schmidt Paulo Ferreira quinta-feira, 15 de setembro de 11
  • 2. Processo de Ideação quinta-feira, 15 de setembro de 11
  • 4. Prototipação Produção de alternativas de design artefatos ou experiências Níveis crescentes de delidade desde protótipos em papel até completamente funcionais. quinta-feira, 15 de setembro de 11
  • 5. Protótipo: Ferramenta de Colaboração 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. quinta-feira, 15 de setembro de 11
  • 6. Protótipo: Ajuda a controlar o risco 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. “Erre logo para ser bem sucedido mais cedo” IDEO quinta-feira, 15 de setembro de 11
  • 7. Protótipo: Modo rápido e barato 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. quinta-feira, 15 de setembro de 11
  • 9. Protótipos de papel quinta-feira, 15 de setembro de 11
  • 10. 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
  • 12. Wireframes Layout Arquitetura da informação Modelo navegacional Testes com usuários quinta-feira, 15 de setembro de 11
  • 13. Protótipos funcionais quinta-feira, 15 de setembro de 11
  • 14. Protótipos funcionais Mais caros (tempo) Projetos maiores Tecnologias como Flash, Qt Quick e Arduino quinta-feira, 15 de setembro de 11
  • 16. 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
  • 18. 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
  • 20. 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
  • 21. Avaliação Heurística As 10 heurísticas de Nielsen 1) feedback 6) minimizar a sobrecarga de memória do usuário 2) falar a linguagem do usuário 7) atalhos 3) saídas claramente demarcadas 8) diálogos simples e naturais 4) consistência 9) boas mensagens de erro 5) prevenir erros 10) ajuda e documentação quinta-feira, 15 de setembro de 11
  • 22. Testes de usabilidade quinta-feira, 15 de setembro de 11
  • 23. 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
  • 24. 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