1.
Design de Interação

2.
Design de Interação <ul><li>Relembrando </li></ul><ul><li>Áreas relacionadas </li></ul><ul><li>Características chave </li></ul><ul><li>Questões práticas </li></ul><ul><li>Modelos de ciclo de vida </li></ul><ul><ul><li>Modelos de ciclo de vida em IHC </li></ul></ul><ul><li>Concluindo </li></ul><ul><li>Referências </li></ul>

3.
Design de Interação – Relembrando <ul><li>Do trata o Design de Interação ? </li></ul><ul><ul><li>“ Design de interação envolve um plano alimentado pelo uso que se espera do produto, pelo seu domínio-alvo e por considerações práticas relevantes.” (Preece) </li></ul></ul>

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.

10.
Design de Interação – Exemplo de Usuários Quem são os usuários do sistema de caixa de um supermercado ? <ul><li>Os Operadores do caixa , que interagem diretamente com o sistema. </li></ul><ul><li>Os Clientes , que desejam que o sistema cobre corretamente os valores e seja rápido. </li></ul><ul><li>Os Gerentes que desejam que seus operadores sejam eficientes e produtivos. </li></ul><ul><li>O Dono do supermercado que quer que seus clientes saiam satisfeitos e assim aumente seu lucro. </li></ul><ul><li>Outras pessoas afetadas pelo processo, tais como: o estoquista , os fornecedores , etc. </li></ul>

11.
Design de Interação – Questões práticas Quais são as “necessidades” do usuário? <ul><li>Deve-se compreender as características , capacidades , o que realmente as pessoas estão tentando alcançar , como elas fazem isso atualmente e como acreditam que atingiriam seus objetivos de forma mais eficiente , caso tivessem suporte. Algumas características que influenciam no Design: </li></ul><ul><li>Características físicas </li></ul><ul><li>Diversidade cultural </li></ul><ul><li>Capacidade cognitiva </li></ul><ul><li>É tentador ao designer criar produtos que ELE próprio gostaria de utilizar ou semelhantes aos produtos já desenvolvidos por ele. </li></ul>

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.

22.
Design de Interação – Identificando Necessidades e Estabelecendo Requisitos <ul><li>Por que o levantamento de requisitos é importante? </li></ul><ul><li>Em 2000, foi realizado um estudo que estimou que cerca de 80% dos projetos que tiveram falha foram causados por definição de requisitos . </li></ul><ul><li>Esse problema encadeia diversos outros: </li></ul><ul><li>O produto pode ser rejeitado </li></ul><ul><li>O produto pode causa perda de produtividade ao usuário </li></ul><ul><li>O produto pode causar prejuízo financeiro </li></ul>

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.

26.
Design de Interação – Identificando Necessidades e Estabelecendo Requisitos <ul><li>Coleta de Dados </li></ul><ul><li>O propósito é reunir informações suficientes , relevantes e apropriadas , de forma que um conjunto de requisitos estáveis possa ser produzido. </li></ul><ul><li>Principais Técnicas </li></ul><ul><li>Questionários </li></ul><ul><li>Entrevistas </li></ul><ul><li>Workshops </li></ul><ul><li>Grupos de Estudo Específicos </li></ul><ul><li>Observação Natural </li></ul><ul><li>Estudo da Documentação </li></ul>

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.

31.
Design de Interação – Identificando Necessidades e Estabelecendo Requisitos <ul><li>Diretrizes básicas de coleta de dados: </li></ul><ul><li>Concentrar-se na identificação das necessidades do usuário </li></ul><ul><li>Envolver todos os grupos de usuários </li></ul><ul><li>Envolver apenas um representante de cada grupo de usuário não é suficiente. </li></ul><ul><li>Utilizar combinação de técnicas. </li></ul><ul><li>Oferecer apoio adequado as sessões de coleta de dados, tal como protótipos ou descrição das tarefas, quando disponível. </li></ul><ul><li>Executar uma sessão piloto a fim de assegurar que a coleta de dados ocorrerá como planejado. </li></ul><ul><li>Saiba o que você está procurando e que tipos de análises pretende fazer. </li></ul><ul><li>A maneira de registrar a coleta de dados é quase tão importante quanto os próprios dados coletados. Use vídeo, áudio e anotações. </li></ul>

32.
Design de Interação – Identificando Necessidades e Estabelecendo Requisitos <ul><li>Interpretação e Análise dos Dados: </li></ul><ul><li>O objetivo da interpretação e análise de dados é começar a estruturar e registrar a descrição dos requisitos . </li></ul><ul><li>Existem várias formas de registrar esses requisitos, nós iremos abordar as mais comumente usadas com foco no usuário: </li></ul><ul><li>Cenários </li></ul><ul><li>Casos de uso </li></ul><ul><li>Casos de uso essencial </li></ul><ul><li>Análise de tarefas (AHP) </li></ul>

33.
Design de Interação – Identificando Necessidades e Estabelecendo Requisitos <ul><li>Interpretação e Análise dos Dados: </li></ul><ul><li>O objetivo da interpretação e análise de dados é começar a estruturar e registrar a descrição dos requisitos . </li></ul><ul><li>Existem várias formas de registrar esses requisitos, nós iremos abordar as mais comumente usadas com foco no usuário: </li></ul><ul><li>Cenários </li></ul><ul><li>Casos de uso </li></ul><ul><li>Casos de uso essencial </li></ul><ul><li>Análise de tarefas (AHP) </li></ul>

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.

38.
Design de Interação – Identificando Necessidades e Estabelecendo Requisitos <ul><li>Ator : Operador </li></ul><ul><li>Caso de uso : Pesquisa de Livro </li></ul><ul><li>Curso Alternativo </li></ul><ul><li>1 – O usuário seleciona a opção “pesquisar livros” </li></ul><ul><li>2 – O usuário digita o “autor” </li></ul><ul><li>3 – O usuário digita o “ano de publicação” </li></ul><ul><li>4 – O usuário clica no botão “pesquisar” </li></ul><ul><li>5 – O sistema apresenta a lista de livros segundo o filtro selecionado. </li></ul><ul><ul><li>5.1 – Se o sistema não encontrou o livro pergunta ao usuário se ele gostaria de pesquisar em outras bibliotecas. </li></ul></ul><ul><ul><li>5.2 – O usuário informa que “sim” </li></ul></ul><ul><ul><li>5.3 – O sistema lista as bibliotecas que possuem livros com o filtro selecionado. </li></ul></ul>

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

40.
Design de Interação – Identificando Necessidades e Estabelecendo Requisitos <ul><li>Casos de Uso Essencial: </li></ul><ul><li>Um caso de uso essencial é uma narrativa estruturada em três partes: </li></ul><ul><li>Nome que expressa a intenção do usuário </li></ul><ul><li>Descrição em passos da ação do usuário </li></ul><ul><li>Responsabilidades do sistema. </li></ul><ul><li>Na criação de casos e uso essenciais, não há preocupação com o design de interação em si, nem com a tecnologia aplicada. </li></ul><ul><li>O ator representa um “ papel ” que existe no sistema, que varias pessoas podem assumir quando usam o sistema. </li></ul><ul><li>. </li></ul>

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 ?