1) O documento discute o design de interação, definindo-o como um plano alimentado pelo uso esperado do produto, seu domínio-alvo e considerações práticas. 2) As principais atividades do design de interação são identificar necessidades e requisitos dos usuários, desenvolver designs alternativos, construir versões interativas e avaliar o que está sendo construído. 3) É importante focar nos usuários, entender seus objetivos e experiências, e iterar o design com base no feedback dos usuários.

1. Design de Interação

4. Design de Interação – Atividades envolvidas Identificar necessidades e estabelecer requisitos Deve-se conhecer os usuários e definir quais tipos de suporte o produto vai oferecer-lhes de forma útil . É a principal atividade do design centrado em usuário e uma das mais importantes no Design de Interação.

5. Design de Interação – Atividades envolvidas Desenvolver designs alternativos que preencham os requisitos levantados Atividade central do design, consiste em sugerir idéias que atendam aos requisitos. Pode ser dividida em duas sub-atividades: Design Conceitual – produz o Modelo Conceitual que descreve o que o produto deveria fazer , como se comportar e com o que parecer. Design Físico – considera fatores como cor , sons , imagens , design de menu e design de ícones .

6. Design de Interação – Atividades envolvidas Construir versões interativas dos designs, de maneira que possam ser comunicados e analisados. A maneira mais simples de avaliar o design é permitir que os usuários interajam com ele. Para que isso ocorra é necessário criar uma versão interativa do design que dará origem ao produto, embora isso não necessariamente signifique gerar uma versão do software.

7. Design de Interação – Atividades envolvidas Avaliar o que está sendo construído durante o processo. A avaliação diz respeito ao processo de verificar a usabilidade e aceitabilidade do produto ou design. Esta avaliação pode ser medida de diversas formas, sejam qualitativa ou quantitativas . Por exemplo: números de erros que os usuários cometem, se o produto é atraente ao usuário, se cumprem com os requisitos, etc.

8. Design de Interação – Características chave 1 – Focar no usuário - o processo de design de interação deve ser centrado no usuário, dando oportunidade que ele avalie e de feedback sobre o design ou produto. 2 – Objetivos específicos e experiência do usuário – qual o objetivo especifico que o usuário espera e qual sua experiência com produtos semelhantes ou com o assunto. Devem ser claramente documentados no inicio do projeto pois auxiliam os designers a escolher entre diferentes alternativas de design. 3 – Iteração – permite refinar o design com base no feedback do usuário. Não importa quão bons sejam os designers e quão claro seja o entendimento, sempre será necessário coletar o feedback e refinar o design.

9. Design de Interação – Questões práticas Quem são os usuários ? Indivíduos que interagem diretamente com o produto a fim de realizar uma tarefa. ERRADO ! Todos os envolvidos no uso do sistema que interagem direta ou indiretamente com o produto, que recebem um subproduto ou serviço do sistema, que patrocinam o produto e inclusive os que solicitaram a criação do produto.

12. Design de Interação – Questões práticas Como criar designs alternativos ? Os designs alternativos são criados a partir da criatividade do designer, do poder de observação a sistemas similares, versões anteriores, do trabalho de outros designer, entre outros. Ex. A partir da observação do uso da maquina de escrever foi criado o editor de texto.

13. Design de Interação – Questões práticas Como escolher uma dentre as alternativas de Design ? A maneira como os usuários interagem com o sistema é o ponto central do Design de Interação, por isso a análise do perfil de usuário determina fatores que influenciam na escolha de uma alternativa de design. Outros pontos devem ser considerados na hora de escolher um design, tais como: qualidade do design, eficiência e características de usabilidade . Ex. Usuários Idosos -> Entrada de dados por teclado, pois, em geral, eles tem dificuldade em utilizar o mouse, por deficiência motora.

14. Design de Interação – Modelos de Ciclo de Vida Modelo que representa um conjunto de atividades e como elas se relacionam. Modelo Simples de Design de Interação

15. Design de Interação – Modelos de Ciclo de Vida Modelo em Cascata Basicamente um modelo linear onde cada passo deve ser completado antes que o próximo passo possa ser iniciado.

16. Design de Interação – Modelos de Ciclo de Vida Modelo Espiral Incorpora um framework iterativo que permite que idéias e o progresso sejam repetidamente verificados e avaliados.

17. Design de Interação – Modelos de Ciclo de Vida Modelo RAD (Rapid Application Development) Centrada no usuário tenta minimizar o risco causado por requisitos que se alteram durante o curso do projeto. Geralmente com ciclos limitados a seis meses.

18. Design de Interação – Modelos de Ciclo de Vida em IHC Modelo Estrela – centrado na atividade de avaliação. Sempre que uma atividade é finalizada deve ser avaliada. Não obteve muito sucesso junto aos grandes projetos.

19. Design de Interação – Modelos de Ciclo de Vida em IHC Modelo de Engenharia de Usabilidade – Bastante detalhado, especifica tarefas de usabilidade, que podem ser integradas nos ciclos de vida normais.

20. Design de Interação – Identificando Necessidades e Estabelecendo Requisitos O que estamos tentando alcançar ? Entender o máximo possível sobre o usuário , seu trabalho , seu contexto , como suas atividades são realizadas e como o sistema pode ser desenvolvido para suportar suas necessidades de forma eficiente.

21. Design de Interação – Identificando Necessidades e Estabelecendo Requisitos Como conseguir levantar os requisitos de forma clara e estável? Realizando atividades de coleta de dados, interpretação e análise de dados, refinamento e avaliação dos requisito.

23. Design de Interação – Identificando Necessidades e Estabelecendo Requisitos O que são requisitos ? Um requisito consiste em uma declaração sobre um produto pretendido que especifica o que ele deveria fazer ou como deveria operar . Eles vem de muitas formas diferentes, mas o que precisamos é certificar de que são claros e será possível reconhecer quando forem preenchidos.

24. Design de Interação – Identificando Necessidades e Estabelecendo Requisitos Diferentes tipos de requisitos: Requisitos funcionais – dizem o que o sistema deveria fazer e o que ele não deveria fazer. Ex. O sistema deverá emitir uma nota fiscal. Requisitos não-funcionais – Indicam limitações ou especificidades do sistema. Ex. O sistema deverá ser multiplataforma. Requisitos de dados – Indicam volatilidade, persistência e precisão na quantidade de dados. Ex. Os dados devem ser registrados no sistema por 5 anos e arquivados de 2 em 2 anos.

25. Design de Interação – Identificando Necessidades e Estabelecendo Requisitos Requisitos ambientais – representar informações sobre o ambiente ou contexto onde o produto será utilizado. Ex. Caixa eletrônico não poderia usar como entrada/saída de dados comandos por voz. Requisitos de usuário – captam característica especificas dos grupos de usuários pretendidos. Ex. usuário leigos precisam de acompanhamento passo-a-passo, usuários avançados precisam de flexibilidade e maior autonomia. Requisitos de usabilidade – diretamente relacionados as metas de usabilidade. Ex. Metáforas que facilitem a memorização.

27. Design de Interação – Identificando Necessidades e Estabelecendo Requisitos Questionários Trata-se de uma série de questões com o objetivo de obter informações especificas das pessoas. Uma boa técnica para obter resposta de um grande grupo de usuários, inclusive com dispersão geográfica . Pode conter perguntas fechadas , ou seja, cuja resposta está determinada em um conjunto discreto ou abertas , cuja resposta é individualizada por pessoa. Aberta – Quantos anos você tem ? Fechada – Qual seu conhecimento em informática ? (Bom, Médio, Ruim)

28. Design de Interação – Identificando Necessidades e Estabelecendo Requisitos Entrevistas Implica em realizar uma serie de perguntas a alguém, em geral presencialmente . Pode ser realizada no ambiente de trabalho ou em casa , onde o indivíduo possa falar facilmente sobre suas atividades mostrando ao entrevistador como as realiza. As vezes é difícil encontrar tempo para realizar as entrevistas. Interagir com um ser humano ao invés de um pedaço de papel ou formulário eletrônico encoraja as pessoas a responder questões e torna o exercício mais agradável.

29. Design de Interação – Identificando Necessidades e Estabelecendo Requisitos Grupos de Estudo Específicos e Workshops As entrevistas tendem a ser individuais e mostram apenas a perspectiva de uma pessoa. Para ressaltas os interesses e conflitos entre áreas o ideal é realizar uma reunião entre os principais interessados no produto e discutir os tópicos mais relevantes , com um moderador e assuntos estruturados. As vezes é difícil conseguir reunir todos os interessados para uma reunião, por fatores geográficos ou de tempo.

30. Design de Interação – Identificando Necessidades e Estabelecendo Requisitos Observação Natural As vezes é difícil para o ser humano descrever como ele realiza uma determinada tarefa, desta forma, realizando uma observação do indivíduo no seu ambiente de trabalho e fazendo anotações ou até mesmo gravando sua interação, será possível responder à perguntas que não seriam respondidas através de outras técnicas.

34. Design de Interação – Identificando Necessidades e Estabelecendo Requisitos Cenários: Um cenário consiste em uma “descrição narrativa formal”. Ele descreve as atividades ou tarefas do usuário em uma historia que permite a exploração e discussão de contextos, necessidades e requisitos. NÃO descreve explicitamente o uso de software ou outro suporte tecnológico. Podem ser facilmente entendidos pelos usuários. Capturar cenários de comportamentos e objetivos existentes ajuda a desenvolver novos cenários.

35. Design de Interação – Identificando Necessidades e Estabelecendo Requisitos Exemplo: Pedro adora ler. Quando está a procura de um livro, ele costuma pesquisá-lo através do nome ou ano de publicação e autor. Nem sempre ele encontra o livro aonde procura, em alguns casos, lhe é indicado uma nova biblioteca onde haja o livro disponível. As vezes quando procura o livro, encontra diversos livros de autores com nomes parecidos, o que o deixa aborrecido, pois ele gostaria que trouxesse apenas o livro do autor que solicitou. Quando encontra o livro, Pedro informa seu nome, CPF e a data em que será entregue o livro.

36. Design de Interação – Identificando Necessidades e Estabelecendo Requisitos Casos de Uso: Casos de uso enfocam também no objetivo do usuário, que é chamado de ator .O foco principal do caso de uso é apresentar a interação do usuário com o sistema. O termo cenário também é apresentado no contexto de casos de uso, porém representa alternativas de interação entre o usuário e o sistema. Os casos de uso podem ser descritos graficamente , o que não descarta a necessidade da descrição escrita . Para desenvolver o caso de uso, primeiro identifique o ator, em seguida suas tarefas e objetivos .

37. Design de Interação – Identificando Necessidades e Estabelecendo Requisitos Exemplo: Ator : Operador Caso de uso : Pesquisa de Livro Curso Normal 1 – o usuário seleciona a opção “pesquisar livros” 2 – O usuário digita o “autor” 3 – O usuário digita o “ano de publicação” 4 – O usuário clica no botão “pesquisar” 5 – O sistema apresenta a lista de livros segundo o filtro selecionado.

39. Design de Interação – Identificando Necessidades e Estabelecendo Requisitos Ator : Operador Caso de uso : Pesquisa de Livro Representação gráfica

41. Design de Interação – Identificando Necessidades e Estabelecendo Requisitos Exemplo:

42. Design de Interação – Identificando Necessidades e Estabelecendo Requisitos Análise de Tarefas: É utilizada principalmente para investigar uma situação existente e não para visionar novos sistemas. A versão mais amplamente utilizada é a Análise Hierárquica de Tarefas (AHP) que consistem em pegar uma atividade principal e dividí-la em sub-tarefas para analisá-las de forma mais simples. Usa a técnica de dividir para conquistar , Pode ser utilizada para comparar a importância de sub-atividades uma com as outras, a fim de verificar quais sub-atividades são mais importantes na visão do usuário..

43. Design de Interação – Identificando Necessidades e Estabelecendo Requisitos Exemplo:

44. Design de Interação – Atividade 2 1 – Sortear os tipos de usuário. 2 – Desenvolver um cenário utilizando os tipos de usuário sorteado e as operações escolhidas 3 – Escolher uma outra técnica (caso de uso, caso de uso essencial ou análise de tarefas) para representar ás operações selecionadas relacionadas aos usuários sorteados. 4 – Identificar pelo menos dois pontos do seu levantamento que estão diretamente associados ao seu grupo de usuários. Ao final dessa atividade deverá ser entregue um relatório contendo o cenário desenvolvido e a representação em outra técnica. Lembrando que o foco em cada uma das técnicas é o USUÁRIO.

45. Design de Interação – Referências Referências: IDEO - Empresa fábrica de idéias http://www.ideo.com/thinking/approach/ http://hci.sapp.org/lectures/verplank/interaction/ Bill Verplank - Design de Interação para IHC Usabilidoido http://usabilidoido.com.br/afinal_o_que_e_design_de_interacao.html Web Content Acessibility Guidelines http://www.w3.org/TR/WCAG20/ Site oficial de Bill Moggridge http://www.designinginteractions.com/bill Design de Interação, 2005 Jenny Preece,Yvonne Rogers,Helen Sharp

46. Design de Interação – Contato Bruno Ribeiro – [email_address] Debora Modesto– [email_address] Aline Alves– [email_address] Dúvidas ?