o processo de design de interação
DESCRIPTION
Apresentação baseada no capítulo 6 do livro Design de InteraçãoTRANSCRIPT
![Page 1: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/1.jpg)
O Processo de Design de InteraçãoDesign de interação, capítulo 6
![Page 2: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/2.jpg)
INTRODUÇÃO
![Page 3: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/3.jpg)
Objetivos do capítulo
1. Considerar o que implica fazer design de interação2. Fazer perguntas e oferecer respostas para algumas
questões importantes sobre o processo de design de interação
3. Introduzir a ideia de um modelo de ciclo de vida de engenharia de software e de IHC e discutir como eles se relacionam com o processo de design de interação
4. Apresentar um modelo de ciclo de vida de design de interação
![Page 4: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/4.jpg)
Design
Atividade prática e criativa, cujo objetivo final consiste em desenvolver um produto que ajude os usuários a atingir suas metas.
Configuração, concepção, elaboração e especificação de um artefato. Essa é uma atividade técnica e criativa, normalmente orientada por uma intenção ou objetivo, ou para a solução de um problema.
Simplificando, pode-se dizer que design é projeto.
![Page 5: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/5.jpg)
Design
Design trata de compensações, de equilibrar necessidades conflitantes.
Requer experiência, mas também exige o desenvolvimento e a avaliação de soluções alternativas.
![Page 6: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/6.jpg)
Design centrado no usuário
http://dcavedon.wordpress.com/2011/05/11/design-centrado-no-usuario/
![Page 7: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/7.jpg)
Design de interação
Design de interação é uma área do design especializada no projeto de artefatos interativos, como websites, PDA, jogos eletrônicos e softwares.
O foco do Design de Interação são as relações humanas tecidas através dos artefatos interativos, que funcionam também como meios de comunicação interpessoal.
![Page 8: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/8.jpg)
Características chave do design de interação
1. Necessidade de focar no usuário2. Objetivos específicos da experiência identificados,
documentados e acordados no início do projeto.3. A iteração permite refinar a proposta com base em
respostas de usuários e de clientes
![Page 9: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/9.jpg)
ATIVIDADES DO DESIGN DE INTERAÇÃO
![Page 10: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/10.jpg)
Identificar necessidades e estabelecer requisitosConhecer quem são os usuários-alvo e que tipo de
produto interativo útil pode ser oferecido.
![Page 11: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/11.jpg)
Usuários
Pessoas que interagem diretamente com o produtoQuem gerencia os usuários diretosQuem recebe produtos do sistemaQuem testa o sistemaQuem toma decisão de compraQuem utiliza produtos concorrentes
![Page 12: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/12.jpg)
Usuários
Usuário primário: usam com frequênciaUsuário secundário: usam ocasionalmente ou por
meio de intermediáriosUsuários terciários: afetados pela introdução do
sistema na empresa, ou terão influência na sua compra
![Page 13: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/13.jpg)
Stakeholders
Indivíduos ou organizações que serão afetados pelo sistema e que têm influência direta ou indireta nas necessidades deste sistema.
![Page 14: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/14.jpg)
Usuários e stakeholders
![Page 15: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/15.jpg)
Necessidades
Não se trata de perguntar à pessoa: “Do que você precisa?”
É importante conhecerSuas característicasSuas capacidadesSeus objetivosComo fazem issoComo fariam, se houvesse possibilidade de mudar
![Page 16: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/16.jpg)
![Page 17: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/17.jpg)
![Page 18: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/18.jpg)
Necessidades
Antes do celular não havia como levantar necessidades de uso.
Mas era possível observar comportamentos de usuários de telefones convencionaisAnotar númerosProcurar em agendasAnotar recados para outras pessoas
![Page 19: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/19.jpg)
![Page 20: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/20.jpg)
Desenvolver soluções alternativas
Sugerir ideias que atendam aos requisitos.Um modelo conceitual descreve o que o produto
poderia fazer.O design concreto considera detalhes como cores,
sons, imagens, posicionamentos.
![Page 21: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/21.jpg)
Desenvolver soluções alternativas
O ser humano tende a apegar-se a suas ideias. Inovações surgem do enxerto de ideias de aplicações
diferentes, da evolução de um produto por meio do uso e observação ou da simples cópia de outros produtos semelhantes.
![Page 22: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/22.jpg)
![Page 23: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/23.jpg)
Desenvolver soluções alternativas
Designers resolvem problemas apoiando-se no conhecimento obtido a partir da solução de problemas anteriores semelhantes.
Deve-se procurar por fontes de inspiração.
![Page 24: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/24.jpg)
![Page 25: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/25.jpg)
Seleção de alternativa
Implica tomar decisão considerando características:Visíveis Internas
Adequação à tarefaAdequação ao perfil do usuárioAdequação ao contexto
![Page 26: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/26.jpg)
Avaliar as soluções
A maneira mais sensata de os usuários avaliarem é interagir, o que requer uma versão interativa.Protótipos: baixa, média ou alta fidelidade
![Page 27: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/27.jpg)
Avaliar as soluções
Processo de determinar a usabilidade e aceitação do produto ou da proposta.
Pode-se medir o número de erros cometidosSe as interfaces são atraentes ou interessantesSe as propostas atendem aos requisitosDeve-se desenvolver versões interativas alternativas.
![Page 28: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/28.jpg)
Comunicar a solução
Documentação escrita não consegue captar a dinâmica do comportamento.
Protótipos evitam desentendimentos com o cliente e permite testar a viabilidade técnica da solução.
![Page 29: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/29.jpg)
Comunicar a solução
Engenharia de usabilidadeProcesso de escrever critérios de usabilidade
verificáveis e mensuráveis Implica especificar medidas quantificáveis do
desempenho de um produto, documentá-las em uma especificação de usabilidade e avaliar o produto em relação a essas medidas
![Page 30: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/30.jpg)
O processo clássico de design de Gui Bonsiepe1. Problematização [definição do que melhorar, fatores
essenciais e influentes doproblema] 2. Análise [listas de verificação | análise das funções |
documentação ou análise fotográfica | recodificação do material existente | matriz de interação |desenhos esquemáticos, técnicos e estruturais]
3. Definição do problema [lista de requisitos | valorização do peso e estabelecimento de prioridades entre os requisitos formulação do projeto: introdução, finalidade ou objetivos, programa de trabalho e recursos humanos e de tempo]
4. Anteprojeto ou Geração de alternativas [técnicas de geração de alternativas]
5. Realização do projeto [desenvolvimento do projeto]
![Page 31: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/31.jpg)
Rational Unified Process (RUP) IBM
1. Concepção [modelo de negócios | requerimentos] 2. Elaboração [análise e design]3. Construção [implementação | testes] 4. Transição [implementação e entrega].
![Page 32: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/32.jpg)
MODELOS DE CICLOS DE VIDA
![Page 33: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/33.jpg)
Modelos de ciclo de vida
Modelos que captam um conjunto de atividades e a maneira como elas se relacionam.
Permitem ter uma visão geral do esforço de desenvolvimento, de forma que o progresso possa ser rastreado; os resultados, especificados; os recursos, alocados; as metas, estabelecidas; assim por diante.
![Page 34: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/34.jpg)
Modelo de ciclo de vida de design de interação
![Page 35: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/35.jpg)
Ciclo de vida em cascata
![Page 36: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/36.jpg)
Modelo espiral
![Page 37: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/37.jpg)
![Page 38: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/38.jpg)
Resumo
1. O processo de design de interação constitui-se da atividades básicas: Identificar as necessidades e estabelecer
requisitos Desenvolver soluções alternativas Construir versões interativas
![Page 39: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/39.jpg)
Resumo
2. Características chave: Envolvimento do usuário Iteração Critérios específicos de usabilidade
3. Antes de mais nada deve-se entender quem são os usuários e quais são as suas metas
![Page 40: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/40.jpg)
Resumo
4. É importante observar soluções desenvolvidas por outras pessoas.
5. Critérios de usabilidade, viabilidade técnica e resposta dos usuários em relação aos protótipos são utilizados na escolha de uma alternativa.
6. Protótipos são ferramentas úteis para facilitar as respostas dos usuários em todos os estágios do projeto.
![Page 41: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/41.jpg)
![Page 42: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/42.jpg)
“Não imaginava o trabalho que dá para fazer um carro. Eles são lindos, adorei. Testar o Fusion Hybrid foi o máximo. Também gostei de saber que os carros da Ford têm peças feitas de garrafas PET e outros materiais reciclados., Fiquei cada vez mais fã da marca.”
“Como sou advogada e trabalhei durante muito tempo com defesa do consumidor, valorizo essa atitude da Ford, de abrir a casa e se mostrar de forma transparente.”
“Existem experiências que marcam a nossa vida. Para mim, essa foi uma delas. Agora estou curiosa para ver o resultado.”
![Page 43: O processo de design de interação](https://reader033.vdocuments.net/reader033/viewer/2022061103/5407a2e48d7f72d8088b4d66/html5/thumbnails/43.jpg)