serg (c) SERG, 2010
INF1403
INF1403 – – Introdu Introdu ç ç ão a Intera ão a Intera ç ç ão ão Humano
Humano - - Computador (IHC) Computador (IHC)
Turma 3WA Turma 3WA Aula dada por Andr
Aula dada por Andrééia Sampaioia Sampaio Projeto de IHC:
Projeto de IHC:
Modelos de Design de Intera Modelos de Design de Interaççãoão
12/05/2010 12/05/2010
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.
serg (c) SERG, 2010
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
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
serg (c) SERG, 2010
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?
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
serg (c) SERG, 2010
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?
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.
serg (c) SERG, 2010
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
Designs alternativos (Cont.)
• Como escolher a melhor alternativa?
– AVALIANDO
• Quando avaliar?
– Depende do ciclo de vida do design e do desenvolvimento do sistema.
serg (c) SERG, 2010
Modelos do Ciclo de Vida de um Sistema Interativo
• Modelo de ciclo de vida simples para design de IHC
Avaliar Avaliar (Re)Design
(Re)Design
Identificar necessidades/
estabelecer requisitos
Construir versões interativas
Final product
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
serg (c) SERG, 2010
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
O modelo ESPIRAL (Boehm)
serg (c) SERG, 2010
Modelos do Ciclo de Vida de um Sistema Interativo (Cont.)
• Modelos de ciclo de vida para IHC
– O modelo ESTRELA (Hartson & Hix)
Evaluation
Conceptual/
formal design
Requirements specification Prototyping
task/functional analysis Implementation
Resumindo
• No Design de Interação é importante:
– Conhecer o Usuário – Focar no Usuário
– Elaborar alternativas de design (se possível, interativas) – Selecionar um modelo “iterativo”
• Existem modelos para apoiar o design de interação:
– Simples – Cascata
Pesquisando para Modelar Usuários do
WNH
Ferramenta para usuário comunicar modificações de
sistemas
serg (c) SERG, 2010
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
Não vejo necessidade!
Por que o sistema não envia email Preciso enviar
email para quem criou o processo e É melhor
um link.
Problemática: como trocar ideias sobre modificações de sistemas?
Inserir um botão de envio de email aos responsáveis pela tarefa anterior Inserir onde?!
serg (c) SERG, 2010
Não vejo necessidade!
Por que o sistema não envia email automaticamente?
DD
E se algo der errado?
Preciso enviar email para quem criou o processo e
não para quem atuou na estapa
anterior!
É melhor um link.
Problemática: como trocar ideias sobre modificações de sistemas?
Inserir um botão de envio de email aos responsáveis pela tarefa anterior Inserir onde?!
A ideia não ficou clara.
Não serve para ele.
Questionou o
tipo de objeto. Quer mudar as
regras Solução
otimizada Apontou
requisito de Engenharia de
Software
Por que o sistema não envia email Será que isso é
bom no meu caso?
Não vejo necessidade!
?
Representação Icônica
Próxima da UIL
serg (c) SERG, 2010
Cabeçalho
De: [email protected] Para: [email protected] CC: [email protected]
Assunto: Inserir botão de email para os alunos
Mensagem
Estou no papel de: designer Falando para: designer
Tipo de fala: sugiro
Descrição geral: Temos recebido emails de alunos querendo comunicar-se com as pessoas que estão avaliando seus processos. Sugiro inserir um botão de email 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.
Tipo de Alteração da ferramenta.
Clicar com o botão esquerdo.
Objetos ficam marcados de vermelho quando
recebem anotação
serg (c) SERG, 2010
serg (c) SERG, 2010
