Humano-Computador (IHC)

Transcrição

1 1 INF1403 Introdução a Interação Humano-Computador (IHC) Turma 3WA Aula dada por Andréia Sampaio Projeto de IHC: Modelos de Design de Interação 12/05/2010

2 2 Explorando o design da Urna Eletrônica Brasileira Questões 1. Quem são os usuários? R: TODOS os eleitores brasileiros. 2. Necessidades? R: Exercer o direito/dever civil de votar. 3. O que é votar? R: Indicar sobre qual(quais) candidato(s) recai sua preferência. 4. O que é voto branco e voto nulo? R: Voto branco = não indicar preferência. Voto nulo = invalidar voto, através de erro voluntário ou involuntário. Texto ao lado retirado, em 15/05/2006, do website do TSE na URL: :// O Código C Eleitoral prevê que se mais da metade dos votos for de votos nulos, será convocada nova eleição ("Art Se a nulidade atingir a mais de metade dos votos do País s nas eleições presidenciais, do Estado nas eleições federais e estaduais, ou do Município nas eleições municipais, julgar-se se-ão prejudicadas as demais votações, e o Tribunal marcará dia para nova eleição dentro do prazo de 20 (vinte) a 40 (quarenta) dias ). Os votos em branco, de forma diversa, não anulam o pleito, pois não são considerados como nulos para efeito do art. 224 do Código C Eleitoral (Acórdão nº n 7.543, de 03/05/1983).

3 3 Do que trata o design de interação Design = plano ou concepção intelectual que será executada posteriormente Atividades Básicas do Design de Interação 1. Identificar necessidades e estabelecer requisitos 2. Desenvolver designs alternativos 3. Construir versões interativas (avaliáveis, mesmo que como esboço ou maquete) dos designs 4. Avaliar as alternativas

4 4 Do que trata o design de interação (Cont.) Design = plano ou concepção intelectual que será executada posteriormente Atividades Básicas do Design de Interação 1. Identificar necessidades e estabelecer requisitos 2. Desenvolver designs alternativos Design conceitual: como representar? Representações abstratas (em notações gráficas ou textuais) Representações em discurso (textos descritivos/narrativos em português ou outra língua, com/sem ilustrações gráficas) 3. Construir versões interativas (avaliáveis, mesmo que como esboço ou maquete) dos designs Desgin físico: como representar? Esboços ou maquetes Protótipos (de baixa ou de alta fidelidade, parciais ou completos) 4. Avaliar as alternativas

5 5 Do que trata o design de interação (Cont.) Design = plano ou concepção intelectual que será executada posteriormente Atividades Básicas do Design de Interação 1. Identificar necessidades e estabelecer requisitos 2. Desenvolver designs alternativos 3. Construir versões interativas (avaliáveis, mesmo que como esboço ou maquete) dos designs 4. Avaliar as alternativas Avaliação sobre representações Que métodos podem ser aplicados? Qual o significado dos resultados? Como tomar decisões sobre a melhor escolha?

6 6 Do que trata o design de interação (Cont.) Características-chave do processo de design de IHC 1. Manter sempre o foco no usuário 2. Estabelecer objetivos específicos com relação à experiência que se espera que o usuário tenha 3. Iterar o processo

7 7 Usuários Quem são os usuários? 1. Obviamente, quem usa o sistema. 2. Mas também, quem tem relação direta com quem usa (por exemplo: superiores ou subordinados, clientes, etc.) Classificação de Eason (1987) Usuários primários (freqüentes). Usuários secundários (ocasionais ou que têm intermediários) Usuários terciários (afetados pela introdução do sistema ou os decisores que determinam a sua introdução) Stakeholders são todos os que têm alguma participação ou interesse no uso do sistema. Pergunta: Quem são os stakeholders da urna eletrônica brasileira?

8 8 Usuários (Cont.) Quais as suas necessidades? O design de IHC deve contemplar as necessidades dos usuários (i.e. resposta para a pergunta: Do que [você] precisa?, respondida pelo próprio e/ou por pessoas envolvidas no atendimento destas necessidades. O design de IHC deve contemplar também as oportunidades que os usuários poderiam passar a ter (e as novas necessidades daí advindas) pela introdução de tecnologia nova.

9 9 Designs alternativos Como criar? Examinar problemas similares e suas respectivas soluções Adaptar soluções correntes Construir uma (ou mais) solução(soluções) nova(s) Não havendo problemas similares Inventar uma solução e explorar alternativas para ela

10 10 Designs alternativos (Cont.) Como escolher a melhor alternativa? AVALIANDO Quando avaliar? Depende do ciclo de vida do design e do desenvolvimento do sistema.

11 11 Modelos do Ciclo de Vida de um Sistema Interativo Modelo de ciclo de vida simples para design de IHC Identificar necessidades/ estabelecer requisitos (Re)Design Avaliar Construir versões interativas Final product

12 12 Explorando o design da Urna Eletrônica Brasileira Exemplo de Avaliação Objetivo: encontrar uma alternativa de design para a interface do voto nulo na Urna Eletrônica Brasileira. 1. Identificar as necessidades de um eleitor com o seguinte perfil: consegue ler/entender palavras ou frases curtas escritas tem alguma familiaridade com caixas eletrônicos ou quiosques usados para serviços da Previdência Social 2. Elaborar um design alternativo para o eleitor votar nulo 3. Representar seu design 4. Avaliar esta representação com um ou mais métodos conhecidos.

13 13 Modelos do Ciclo de Vida de um Sistema Interativo (Cont.) Modelos de ciclo de vida elaborados para engenharia de software O modelo CASCATA Análise de requisitos, design, codificação, teste e manutenção RAD (rapid application development) Set up, oficinas com usuários (JAD), iteração design/construção, engenharia final e teste, implementação/revisão

14 14 O modelo ESPIRAL (Boehm) From cctr.umkc.edu/~kennethjuwng/spiral.htm

15 15 Modelos do Ciclo de Vida de um Sistema Interativo (Cont.) Modelos de ciclo de vida para IHC O modelo ESTRELA (Hartson & Hix) Implementation task/functional analysis Prototyping Evaluation Requirements specification Conceptual/ formal design

16 16 Resumindo No Design de Interação é importante: Pesquisando para Modelar Usuários do WNH Conhecer o Usuário Focar no Usuário Elaborar alternativas de design (se possível, interativas) Ferramenta para usuário comunicar modificações de sistemas Selecionar um modelo iterativo Existem modelos para apoiar o design de interação: Simples Cascata RAD Espiral Estrela

17 17 EUD - End User Development Existe uma tendência de envolver e capacitar usuários no processo de desenvolvimento de software (EUD). O que temos feito para ajudar os usuários a participarem do ciclo de design junto com os desenvolvedores? Modelo para Comunicar ideias de Modificações de Sistemas

18 18 Problemática: como trocar ideias sobre modificações de sistemas? Inserir onde?! Inserir um botão de envio de aos responsáveis pela tarefa anterior Não vejo necessidade! É melhor um link. Preciso enviar para quem criou o processo e não para quem atuou na estapa anterior! Por que o sistema não envia automaticamente? E se algo der errado? D

19 19 Problemática: como trocar ideias sobre modificações de sistemas? Inserir onde?! A ideia não ficou clara. Inserir um botão de envio de aos responsáveis pela tarefa anterior Não serve para Não vejo necessidade! ele. Questionou o tipo de objeto. É melhor um link. Preciso enviar para quem criou o processo e não para quem atuou na estapa anterior! Quer mudar as regras D Apontou E se requisito algo der de errado? Engenharia de Software Solução otimizada Por que o sistema não envia automaticamente?

20 20 Representação Icônica Será que isso é bom no meu caso? Não vejo necessidade!? Próxima da UIL E se algo der errado? Por que o sistema não envia automaticamente? D

21 Modelo 21 Cabeçalho De: Para: CC: Assunto: Inserir botão de para os alunos Mensagem Estou no papel de: designer Falando para: designer Tipo de fala: sugiro Descrição geral: Temos recebido s de alunos querendo comunicar-se com as pessoas que estão avaliando seus processos. Sugiro inserir um botão de para o aluno, de maneira que ele possa enviar sua dúvida diretamente para o coordenador que está com o processo dele. Descrição detalhada: Segue em anexo o HTML com a proposta de modificação.

22 Ferramenta 22 Tipo de Alteração da ferramenta. Clicar com o botão esquerdo. Objetos ficam marcados de vermelho quando recebem anotação

23 Ferramenta 23

24 Ferramenta 24

25 25 Referência Bibliográfica Capítulo 6 de Preece, Rogers e Sharp (2005) Design de Interação. Usuário podem Escrever Extensões de Sistemas? IHC2008 (Sampaio, A. L, de Souza, C.S., 2008)