Desenho centrado em utilização

02/10/2012
Desenho centrado em utilização
Desenho centrado em utilização
Referências
o Constantine, L.L., & Lockwood, L.A.D. Software for
Engenharia de Usabilidade
Use : A Practical Guide to the Models and Methods
Prof.: Clarindo Isaías Pereira da Silva e Pádua
of Usage-Centered Design, Addison-Wesley, 1999.
o www.foruse.com
Departamento de Ciência da Computação - UFMG
o Hackos, J.T. , Redish, J.C. User and Task Analysis
for Interface Design. John Wiley & Sons, 1998.
2
02/10/2012
©Clarindo Pádua
Desenho centrado em utilização
Desenho centrado em utilização
Abordagem de desenho centrado em utilização
o Abordagem de desenho centrado em
o Desenho centrado no usuário representa uma mudança de
foco da tecnologia para o usuário
utilização
o Desenho centrado em utilização concentra-se em “como e
o Modelagem de usuário
02/10/2012
©Clarindo Pádua
para que fim” a ferramenta de software vai ser utilizada
3
02/10/2012
4
©Clarindo Pádua
1
02/10/2012
Desenho centrado em utilização > Abordagem de
desenho centrado em utilização
Desenho centrado em utilização > Abordagem de
desenho centrado em utilização
Elementos
Modelos guiando o desenvolvimento
o Utilizam o conceito de abstração.
o Diretrizes pragmáticas de desenho.
o a abstração encoraja inovações
o Processo de desenho dirigido por modelo
o Ajudam desenvolvedores a levantar o problema de uma forma
o Atividades de desenvolvimento organizadas
que organiza o pensamento e facilita o entendimento visando o
o Melhorias iterativas
desenho da solução
o Não podem ser complicados a ponto de atrasar o
o Medidas de qualidade
desenvolvimento.
5
02/10/2012
©Clarindo Pádua
6
02/10/2012
©Clarindo Pádua
Desenho centrado em utilização > Abordagem de
desenho centrado em utilização > modelos guiando
o desenvolvimento
Desenho centrado em utilização > Abordagem de
desenho centrado em utilização > modelos guiando
o desenvolvimento
Arquitetura da interface
Modelagem essencial
o Arquitetura da interface se refere a estrutura completa, toda
o Busca capturar a essência dos problemas através de
a organização da interface.
descrições livre de tecnologia, idealizada e abstratas
o Muitos projetistas de interfaces usam telas, janelas, widgets.
o Tendem a ser mais robustas e reusáveis
Os melhores pensam em termo de arquitetura da interface.
o Procura retratar propósito e necessidades dos usuários
o A organização da interface é importante para o usuário não
se perder.
02/10/2012
©Clarindo Pádua
7
02/10/2012
8
©Clarindo Pádua
2
02/10/2012
Desenho centrado em utilização > Abordagem de
desenho centrado em utilização > modelos guiando
o desenvolvimento
Desenho centrado em utilização > Abordagem de
desenho centrado em utilização > Modelos guiando
o desenvolvimento > visões múltiplas
Visões múltiplas
Questões a serem respondidas
o Diferentes visões (modelos) são necessárias para a
o Quem são os usuários e como eles se relacionam com o sistema ?
o Quais tarefas os usuários vão buscar resolver com a ajuda do sistema ?
modelagem da interface.
o Exemplo da engenharia civil com a utilização de diversas
o O que os usuários necessitam do sistema ?
o Como o sistema deve ser organizado ?
plantas.
o Quais são as condições de operação na utilização do sistema ?
o Permite o estudo do problema sob diferentes
o Qual a aparência e comportamento da interface ?
ângulos.
9
02/10/2012
©Clarindo Pádua
10
02/10/2012
©Clarindo Pádua
Desenho centrado em utilização > Abordagem de desenho
centrado em utilização > Modelos guiando o
desenvolvimento > visões múltiplas
Desenho centrado em utilização > Abordagem de desenho
centrado em utilização > Modelos guiando o
desenvolvimento > visões múltiplas
Modelos centrais
Modelos utilizados
o Modelo de papeis de usuários
o Relacionamento entre usuários e o sistema.
oModelos centrais.
o Modelo de tarefa
o Estrutura das tarefas que os usuários têm que realizar.
oModelos adicionais
o Modelo de conteúdo
o Organização da interface em espaços de trabalho.
02/10/2012
©Clarindo Pádua
11
02/10/2012
12
©Clarindo Pádua
3
02/10/2012
Desenho centrado em utilização > Abordagem de desenho
centrado em utilização > Modelos guiando o
desenvolvimento > visões múltiplas > modelos centrais
o
Desenho centrado em utilização > Abordagem de desenho
centrado em utilização > Modelos guiando o
desenvolvimento > visões múltiplas
Cada modelo consiste de duas partes: uma coleção de descrições e um
Modelos adicionais
mapeamento de inter-relacionamentos entre elas:
o Modelo de papeis de usuários
o Modelo operacional
o Papéis de usuário
o Mapeamento de papel de usuário
o Contexto operacional em que o sistema vai ser usado
o Modelo de tarefa
o Caso de uso essencial
o Mapeamento de casos de uso
o Modelo de implementação
o Modelo de conteúdo
o Espaço de trabalho
o Projeto visual da interface e descrição de sua operação
o Mapeamento de navegação
13
02/10/2012
©Clarindo Pádua
14
02/10/2012
©Clarindo Pádua
Desenho centrado em utilização > Abordagem de desenho
centrado em utilização > Modelos guiando o
desenvolvimento > visões múltiplas
Desenho centrado em utilização > Abordagem de desenho
centrado em utilização > Modelos guiando o
desenvolvimento> visões múltiplas
Modelos essenciais
Modelo de conteúdo
Modelo de papéis de
usuários
o Observar que:
Modelo de tarefas
o Não há indicação de uma seqüência para o
Análise
Desenho
desenvolvimento dos modelos
Modelo operacional
o Outros modelos, como modelos de dados estão fora de
escopo dessa abordagem
Modelo de
implementação
o Deve-se buscar, iterativamente, simplificar e
generalizar os modelos
Dependência
02/10/2012
©Clarindo Pádua
15
02/10/2012
16
©Clarindo Pádua
4
02/10/2012
Desenho centrado em utilização
Desenho centrado em utilização > Modelagem de
usuário
Papel de usuário
Modelagem de usuário
o Um papel de usuário é uma coleção abstrata de necessidades,
características, interesses, expectativas, comportamentos e
o Introdução
responsabilidades, caracterizando um tipo particular de relação
entre alguns usuários e o sistema.
o Papel de usuário
o Um papel é representado por um nome e descrição de suas
características de interesse.
o Construção de modelos
o Usaremos a notação “Supervisão-almoxarifado” para papéis. De
o Modelagem de papel de usuário
preferência, o nome deve indicar papéis ao invés de nome de
profissão.
17
02/10/2012
©Clarindo Pádua
©Clarindo Pádua
Desenho centrado em utilização > Modelagem de
usuário > Papel de usuário
Desenho centrado em utilização > Modelagem de
usuário > Papel de usuário
o Vários usuários podem exercer um
o Um papel de usuário é um conceito
mesmo papel e vários papéis podem
relacionado ao conceito de ator da UML.
ser representados por um mesmo
o ator (UML): conjunto coerente de papéis que
usuários de casos de uso representam quando
©Clarindo Pádua
usuário.
o Papéis podem mudar com o tempo.
interagindo com casos de uso.
02/10/2012
18
02/10/2012
19
02/10/2012
20
©Clarindo Pádua
5
02/10/2012
Desenho centrado em utilização > Modelagem de
usuário > Papel de usuário
Desenho centrado em utilização > Modelagem de
usuário > Papel de usuário
Motivação
o Importante: usuários são de interesse dos desenvolvedores não como
o O objetivo principal da modelagem de papéis de usuários é
pessoas, mas por causa dos papéis que eles desempenham no
relacionamento com o sistema.
facilitar a identificação de casos de uso.
o Bom senso: o desenvolvedor não pode prescindir da participação do
usuário mas o usuário também não pode ditar o desenho do sistema.
o No entanto, o modelo de papéis de usuários é utilizado em
o Não registre informação sem sentido ou que se sabe desnecessária.
diversas situações como a definição da arquitetura da
o Não tente adivinhar: observe, pesquise!
interface de modo geral, definição da navegação, leiaute de
telas , etc.
21
02/10/2012
©Clarindo Pádua
22
02/10/2012
©Clarindo Pádua
Desenho centrado em utilização > Modelagem de
usuário > Papel de usuário
Desenho centrado em utilização > Modelagem de
usuário
Modelagem de papel do usuário
o Exemplo: papéis de usuários perante
o Questões
um processador de texto:
o Quem utilizaria ou poderia utilizar o sistema?
1.Escritor
o Qual é a classe ou grupo a que ele pertence ?
2.Edição-de-redação
o O que distingue como ele usa ou poderia usar o
3.Diagramação
02/10/2012
©Clarindo Pádua
sistema?
23
02/10/2012
24
©Clarindo Pádua
6
02/10/2012
Desenho centrado em utilização > Modelagem de
usuário > Modelagem de papel do usuário
Desenho centrado em utilização > Modelagem de
usuário > Modelagem de papel do usuário
Papel focal
Atividades de modelagem
o Um conjunto selecionado de Papéis considerados
o Brainstorm ou reunião estruturada para
principais ou típicos ou que sejam considerados
importante por algum motivo como do ponto de vista
geração dos papéis candidatos.
de negócio são considerados focais.
o Os papéis focais são considerados com mais atenção.
o Etapas de construção de modelos.
o São utilizados por razões práticas, por simplificação.
o Identificação de papéis-de-usuário focais.
25
02/10/2012
©Clarindo Pádua
©Clarindo Pádua
Desenho centrado em utilização > Modelagem de
usuário > Modelagem de papel do usuário >
Mapeamento de papéis de usuários
Desenho centrado em utilização > Modelagem de
usuário > Modelagem de papel do usuário
Mapeamento de papéis de usuários
o Afinidade: A afinidade B
o Representa similaridade, que pode se dar em termos de
o Define inter-relacionamentos entre os papéis de
estilo de interação, expectativas ou qualquer outra
usuários
característica .
o Revela como os diversos papéis se encaixam na
o Usar a notação de relacionamento de associação UML
utilização do sistema.
com estereótipo <<affinity>>
o O conceito matemático de relação é utilizado para
o Ex.: num sistema de biblioteca, um papel de usuário
representar inter-relacionamentos.
Pesquisador tem afinidade com um papel Professor
segundo o tipo de interesse.
o Usar notação UML.
02/10/2012
©Clarindo Pádua
26
02/10/2012
27
02/10/2012
28
©Clarindo Pádua
7
02/10/2012
Desenho centrado em utilização > Modelagem de
usuário > Modelagem de papel do usuário >
Mapeamento de papéis de usuários
Desenho centrado em utilização > Modelagem de
usuário > Modelagem de papel do usuário >
Mapeamento de papéis de usuários
o Agregação: A agrega B
o Especialização: A especializa B
o Representa subtipo, no caso, A herda as características
o Utilizado para indicar que um papel combina as
características de dois ou mais papéis (relação todo-parte),
de B.
eventualmente com outras características próprias.
o Ex.: Funcionário-Administrativo e Funcionário-Técnico
o Ex. Num sistema para uma empresa, o papel de Gerência
podem ser dois papéis que representam variações
Administrativa agrega os papéis de Gerência de Secretaria,
especializadas do papel Funcionário.
Controle de Almoxarifado e o de Manutenção.
29
02/10/2012
©Clarindo Pádua
30
02/10/2012
©Clarindo Pádua
Desenho centrado em utilização > Modelagem de
usuário > Modelagem de papel do usuário >
Mapeamento de papéis de usuários
Desenho centrado em utilização > Modelagem de
usuário > Modelagem de papel do usuário
<<affi nity>>
Exemplo: “applet” para inserção de
Diagrama UML:
Profess or
Pe s quisador
símbolos em editor de texto
o Considere os vários perfis de usuários e
Gerência
Administrativa
Funci onário
suas necessidades.
Funcionário
Técnico
02/10/2012
©Clarindo Pádua
Funcionário
Administrativo
Gerência de
Secretaria
Controle de
Almoxarifado
Ma nute nção
31
02/10/2012
32
©Clarindo Pádua
8
02/10/2012
Desenho centrado em utilização > Modelagem de
usuário > Modelagem de papel de usuário >
Exemplo...
Papéis de usuários
o Digitação-casual
o Tradução-casual
o Matemático-casual
o Cientista-casual
o Engenheiro-casual
o Codificação-casual
o Fuçador-enfeitador-visual
33
02/10/2012
©Clarindo Pádua
34
02/10/2012
©Clarindo Pádua
Desenho centrado em utilização > Modelagem de
usuário > Modelagem de papel de usuário
Desenho centrado em utilização > Modelagem de
usuário > Papel de usuário
Perfis de papel de usuário
o Ver exemplo de gabarito de papel de
o Educacional
usuário
o Proficiência
o Interação
o Informação
o Objetivos de usabilidade
o Suporte funcional
o Ambiente de trabalho
o Outros perfis
02/10/2012
©Clarindo Pádua
35
02/10/2012
36
©Clarindo Pádua
9
02/10/2012
Desenho centrado em utilização > Modelagem de
usuário > Modelagem de papel de usuário > Perfis
de papel
Desenho centrado em utilização > Modelagem de
usuário > Modelagem de papel de usuário > Perfis
de papel
Educacional
Proficiência
o Geral (treinamentos, experiência, sofisticação, etc)
o Operador de sistema de empresa área necessita treinamento e
o Nível de habilidade na operação do sistema
memorização dos códigos
o Noviço
o Conhecimento do domínio
o Gerente de banco conhece muito de finanças e contabilidade mas
pode ter pouca prática na operação de um sistema bancário
o Conhecimento do sistema
o Freqüente
37
02/10/2012
o Intermitente
©Clarindo Pádua
38
02/10/2012
©Clarindo Pádua
Desenho centrado em utilização > Modelagem de
usuário > Modelagem de papel de usuário > Perfis
de papel
Desenho centrado em utilização > Modelagem de
usuário > Modelagem de papel de usuário > Perfis
de papel > Interação
Interação
o Concentração: no papel, a utilização se dá em rajada (burst)
o Descreve o padrão típico ou esperado de utilização do
sistema.
ou “fornadas” (batch) ou de forma mais distribuída?
o Freqüência: com que freqüência os usuários atuam neste
papel ?
o Intensidade: qual é a taxa de utilização ?
o Regularidade: no papel, há um período regular de uso ou
este é esporádico?
o Complexidade
o Continuidade: a interação é contínua ou intermitente?
02/10/2012
©Clarindo Pádua
39
02/10/2012
40
©Clarindo Pádua
10
02/10/2012
Desenho centrado em utilização > Modelagem de
usuário > Modelagem de papel de usuário > Perfis
de papel > Interação
Desenho centrado em utilização > Modelagem de
usuário > Modelagem de papel de usuário > Perfis
de papel
Informação
o Previsibilidade: as interações no papel são
o Descreve origem da informação para o usuário e como ela
regulares/previsíveis ou são altamente variáveis ?
flui.
o Origem da entrada
o Forma de controle: no papel, a interação é
o Direção de fluxo
dirigida por processo ou controlada pelo usuário
o Volume
o Complexidade
41
02/10/2012
©Clarindo Pádua
42
02/10/2012
©Clarindo Pádua
Desenho centrado em utilização > Modelagem de
usuário > Modelagem de papel de usuário > Perfis
de papel
Desenho centrado em utilização > Modelagem de
usuário > Modelagem de papel de usuário > Perfis
de papel > Objetivos de Usabilidade
Objetivos de Usabilidade
o Satisfação
o Descreve a importância dos diversos atributos de
o Confiabilidade
usabilidade.
o Acurácia
o Produtividade
o Aprendizado
o Clareza
o Retenção na memória
o Outros
o Prevenção de erros
02/10/2012
©Clarindo Pádua
43
02/10/2012
44
©Clarindo Pádua
11
02/10/2012
Desenho centrado em utilização > Modelagem de
usuário > Modelagem de papel de usuário > Perfis
de papel
Desenho centrado em utilização > Modelagem de
usuário > Modelagem de papel de usuário > Perfis
de papel
Ambiente de trabalho
Suporte Funcional
oAmbiente físico
o Descreve necessidades funcionais ou
características específicas.
oAmbiente social
o Ex.: a necessidade de um teclado especial para
oAmbiente cultural
um papel que exige rapidez de digitação
45
02/10/2012
©Clarindo Pádua
02/10/2012
46
©Clarindo Pádua
Desenho centrado em utilização > Modelagem de
usuário > Modelagem de papel de usuário > Perfis
de papel
Outros perfis
o Risco operacional
o As vezes o risco operacional está mais associado a um
papel do que a um caso de uso. Ex.: papel Prescriçãode-medicamento em um sistema de hospital.
o Requisitos de dispositivos
o Ambiente
02/10/2012
47
©Clarindo Pádua
12