Desenho centrado em utilizao

Desenho centrado em utilizao

Engenharia de Usabilidade Prof.: Clarindo Isaas Pereira da Silva e Pdua
Departamento de Cincia da Computao - UFMG

Referncias
o Constantine, L.L., & Lockwood, L.A.D. Software for Use : A Practical Guide to the Models and Methods of Usage-Centered Design, Addison-Wesley, 1999. o www.foruse.com o Hackos, J.T. , Redish, J.C. User and Task Analysis for Interface Design. John Wiley & Sons, 1998.
2

26/8/2008
Clarindo Pd u a

Desenho centrado em utilizao

Desenho centrado em utilizao

Abordagem de desenho centrado em utilizao

o Abordagem de desenho centrado em utilizao o Modelagem de usurio

o Desenho centrado no usurio representa uma mudana de foco da tecnologia para o usurio o Desenho centrado em utilizao concentra-se em como e para que fim a ferramenta de software vai ser utilizada

26/8/2008
Clarindo Pd u a

26/8/2008
Clarindo Pd u a

Desenho centrado em utilizao > Abordagem de desenho centrado em utilizao

Desenho centrado em utilizao > Abordagem de desenho centrado em utilizao

Elementos
o Diretrizes pragm ticas de desenho. o Processo de desenho dirigido por modelo o Atividades de desenvolvimento organizadas o Melhorias iterativas o Medidas de qualidade

Modelos guiando o desenvolvimento

o Utilizam o conceito de abstrao.
o a abstrao encoraja inovaes

o Ajudam desenvolvedores a levantar o problema de uma forma que organiza o pensamento e facilita o entendimento visando o desenho da soluo o No podem ser complicados a ponto de atrasar o desenvolvimento.
26/8/2008
Clarindo Pd u a

26/8/2008
Clarindo Pd u a

Desenho centrado em utilizao > Abordagem de desenho centrado em utilizao > modelos guiando o desenvolvimento

Desenho centrado em utilizao > Abordagem de desenho centrado em utilizao > modelos guiando o desenvolvimento

Modelagem essencial
o Busca capturar a essncia dos problemas atravs de descries livre de tecnologia, idealizada e abstratas o Tendem a ser mais robustas e reus veis o Procura retratar propsito e necessidades dos usurios

Arquitetura da interface
o Arquitetura da interface se refere a estrutura completa, toda a organizao da interface. o Muitos projetistas de interfaces usam telas, janelas, widgets. Os melhores pensam em termo de arquitetura da interface. o A organizao da interface importante para o usurio no se perder.

26/8/2008
Clarindo Pd u a

26/8/2008
Clarindo Pd u a

Desenho centrado em utilizao > Abordagem de desenho centrado em utilizao > modelos guiando o desenvolvimento

Desenho centrado em utilizao > Abordagem de desenho centrado em utilizao > Modelos guiando o desenvolvimento > vises mltiplas

Vises mltiplas
o Diferentes vises (modelos) so necessrias para a modelagem da interface.
o Exemplo da engenharia civil com a utilizao de diversas plantas.

Questes a serem respondidas

o Quem so os usurios e como eles se relacionam com o sistema ? o Quais tarefas os usurios vo buscar resolver com a ajuda do sistema ? o O que os usurios necessitam do sistema ? o Como o sistema deve ser organizado ? o Quais so as condies de operao na utilizao do sistema ? o Qual a aparncia e comportamento da interface ?

o Permite o estudo do problema sob diferentes ngulos.

26/8/2008
Clarindo Pd u a

26/8/2008
Clarindo Pd u a

10

Desenho centrado em utilizao > Abordagem de desenho centrado em utilizao > Modelos guiando o desenvolvimento > vises mltiplas

Desenho centrado em utilizao > Abordagem de desenho centrado em utilizao > Modelos guiando o desenvolvimento > vises mltiplas

Modelos utilizados oModelos centrais. oModelos adicionais

Modelos centrais
o Modelo de papeis de usurios
o Relacionamento entre usurios e o sistema.

o Modelo de tarefa
o Estrutura das tarefas que os usurios tm que realizar.

o Modelo de contedo
o Organizao da interface em espaos de trabalho.

26/8/2008
Clarindo Pd u a

11

26/8/2008
Clarindo Pd u a

12

Desenho centrado em utilizao > Abordagem de desenho centrado em utilizao > Modelos guiando o desenvolvimento > vises mltiplas > modelos centrais

Desenho centrado em utilizao > Abordagem de desenho centrado em utilizao > Modelos guiando o desenvolvimento > vises mltiplas

Cada modelo consiste de duas partes: uma cole o de descri es e um mapeamento de inter-relacionamentos entre elas:

Modelos adicionais
o Modelo operacional
o Contexto operacional em que o sistema vai ser usado

o Modelo de papeis de usurios

o Papis de usurio o Mapeamento de papel de usurio

o Modelo de tarefa
o Caso de uso essencial o Mapeamento de casos de uso

o Modelo de implementao
o Projeto visual da interface e descrio de sua operao

o Modelo de contedo
o Espa o de trabalho o Mapeamento de navega o

26/8/2008
Clarindo Pd u a

13

26/8/2008
Clarindo Pd u a

14

Desenho centrado em utilizao > Abordagem de desenho centrado em utilizao > Modelos guiando o desenvolvimento > vises mltiplas

Desenho centrado em utilizao > Abordagem de desenho centrado em utilizao > Modelos guiando o desenvolvimento> vises mltiplas

Modelos essenciais
Modelo de papis de usurios Modelo de tarefas Modelo de contedo

o Observar que:
o No h indicao de uma seqncia para o desenvolvimento dos modelos
Desenho

Anlise

o Outros modelos, como modelos de dados esto fora de

Modelo de implementao

escopo dessa abordagem o Deve-se buscar, iterativamente, simplificar e generalizar os modelos

Modelo operacional

Dependncia

26/8/2008
Clarindo Pd u a

15

26/8/2008
Clarindo Pd u a

16

Desenho centrado em utilizao

Desenho centrado em utilizao > Modelagem de usu rio

Papel de usurio

Modelagem de usurio
o Introduo o Papel de usurio o Construo de modelos o Modelagem de papel de usurio

o Um papel de usurio uma coleo abstrata de necessidades caractersticas, interesses, expectativas, comportamentos e responsabilidades, caracterizando um tipo particular de relao entre alguns usurios e o sistema. o Um papel representado por um nome e descrio de suas caractersticas de interesse. o Usaremos a notao Superviso-almoxarifado para papis. De preferncia, o nome deve indicar papis ao invs de nome de profisso.

26/8/2008
Clarindo Pd u a

17

26/8/2008
Clarindo Pd u a

18

Desenho centrado em utilizao > Modelagem de usu rio > Papel de usu rio

Desenho centrado em utilizao > Modelagem de usu rio > Papel de usu rio

o Um papel de usurio um conceito relacionado ao conceito de ator da UML.

o ator (UML): conjunto coerente de papis que usurios de casos de uso representam quando interagindo com casos de uso.

o Vrios usurios podem exercer um mesmo papel e vrios papis podem ser representados por um mesmo usurio. o Papis podem mudar com o tempo.

26/8/2008
Clarindo Pd u a

19

26/8/2008
Clarindo Pd u a

20

Desenho centrado em utilizao > Modelagem de usu rio > Papel de usu rio

Desenho centrado em utilizao > Modelagem de usu rio > Papel de usu rio

o Importante: usurios so de interesse dos desenvolvedores no como pessoas, mas por causa dos papis que eles desempenham no relacionamento com o sistema. o Bom senso: o desenvolvedor no pode prescindir da participao do usurio mas o usurio tambm no pode ditar o desenho do sistema. o No registre informao sem sentido ou que se sabe desnecessria. o No tente adivinhar: observe, pesquise!

Motivao
o O objetivo principal da modelagem de papis de usurios facilitar a identificao de casos de uso. o No entanto, o modelo de papis de usurios utilizado em diversas situaes como a definio da arquitetura da interface de modo geral, definio da navegao, leiaute de telas , etc.

26/8/2008
Clarindo Pd u a

21

26/8/2008
Clarindo Pd u a

22

Desenho centrado em utilizao > Modelagem de usu rio > Papel de usu rio

Desenho centrado em utilizao > Modelagem de usu rio

o Exemplo: papis de usurios perante um processador de texto:

1.Escritor

Modelagem de papel do usurio o Questes

o Quem utilizaria ou poderia utilizar o sistema? o Qual a classe ou grupo a que ele pertence ?

2.Edio-de-redao 3.Diagramao

o O que distingue como ele usa ou poderia usar o sistema?

26/8/2008
Clarindo Pd u a

23

26/8/2008
Clarindo Pd u a

24

Desenho centrado em utilizao > Modelagem de usu rio > Modelagem de papel do usu rio

Desenho centrado em utilizao > Modelagem de usu rio > Modelagem de papel do usu rio

Questes
o O que caracteriza seu relacionamento com o software? o O que ele tipicamente necessita do software? o Como ele se comporta em relao ao software e como ele espera que o software se comporte?

Papel focal
o Um conjunto selecionado de Papis considerados principais ou tpicos ou que sejam considerados importante por algum motivo como do ponto de vista de negcio so considerados focais. o Os papis focais so considerados com mais ateno. o So utilizados por razes prticas, por simplificao.

26/8/2008
Clarindo Pd u a

25

26/8/2008
Clarindo Pd u a

26

Desenho centrado em utilizao > Modelagem de usu rio > Modelagem de papel do usu rio

Desenho centrado em utilizao > Modelagem de usu rio > Modelagem de papel do usu rio

Atividades de modelagem
o Brainstorm ou reunio estruturada para gerao dos papis candidatos. o Etapas de construo de modelos. o Identificao de papis-de-usurio focais.

Mapeamento de papis de usurios

o Define inter-relacionamentos entre os papis de usurios o Revela como os diversos papis se encaixam na utilizao do sistema. o O conceito matemtico de relao utilizado para representar inter-relacionamentos. o Usar notao UML.

26/8/2008
Clarindo Pd u a

27

26/8/2008
Clarindo Pd u a

28

Desenho centrado em utilizao > Modelagem de usu rio > Modelagem de papel do usu rio > Mapeamento de pap is de usu rios

Desenho centrado em utilizao > 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 estilo de interao, expectativas ou qualquer outra caracterstica . o Usar a notao de relacionamento de associao UML com esteretipo <<affinity>> o Ex.: num sistema de biblioteca, um papel de usurio Pesquisador tem afinidade com um papel Professor segundo o tipo de interesse.
26/8/2008
Clarindo Pd u a

o Especializao: A especializa B
o Representa subtipo, no caso, A herda as caractersticas de B. o Ex.: Funcionrio-Administrativo e Funcionrio-Tcnico podem ser dois papis que representam variaes especializadas do papel Funcionrio.

29

26/8/2008
Clarindo Pd u a

30

Desenho centrado em utilizao > Modelagem de usu rio > Modelagem de papel do usu rio > Mapeamento de pap is de usu rios

Desenho centrado em utilizao > Modelagem de usu rio > Modelagem de papel do usu rio > Mapeamento de pap is de usu rios
<<affinity>>

o Agregao: A agrega B
o Utilizado para indicar que um papel combina as caractersticas de dois ou mais papis (relao todo-parte), eventualmente com outras caractersticas prprias. o Ex. Num sistema para uma empresa, o papel de Gerncia Administrativa agrega os papis de Gerncia de Secretaria, Controle de Almoxarifado e o de Manuteno.

Diagrama UML:
Professor Pesquisador

Funcionrio

Gerncia Administrativa

Funcionrio Tcnico

Funcionrio Administrativo

Gerncia de Secretaria

Controle de Almoxarifado

Manuteno

26/8/2008
Clarindo Pd u a

31

26/8/2008
Clarindo Pd u a

32

Desenho centrado em utilizao > Modelagem de usu rio > Modelagem de papel do usu rio

Exemplo: applet para insero de smbolos em editor de texto

o Considere os vrios perfis de usurios e suas necessidades.

26/8/2008
Clarindo Pd u a

33

26/8/2008
Clarindo Pd u a

34

Desenho centrado em utilizao > Modelagem de usu rio > Modelagem de papel de usu rio > Exemplo...

Desenho centrado em utilizao > Modelagem de usu rio > Modelagem de papel de usu rio

Papis de usurios
o Digitao-casual o Traduo-casual o Matemtico-casual o Cientista-casual o Engenheiro-casual o Codificao-casual o Fuador-enfeitador-visual
o Educacional o Proficincia o Interao o Informao

Perfis de papel de usurio

o Objetivos de usabilidade o Suporte funcional o Ambiente de trabalho o Outros perfis

26/8/2008
Clarindo Pd u a

35

26/8/2008
Clarindo Pd u a

36

Desenho centrado em utilizao > Modelagem de usu rio > Papel de usu rio

Desenho centrado em utilizao > Modelagem de usu rio > Modelagem de papel de usu rio > Perfis de papel

o Ver exemplo de gabarito de papel de usurio

Educacional
o Geral (treinamentos, experincia, sofisticao, etc)
o Operador de sistema de empresa rea necessita treinamento e memorizao dos cdigos

o Conhecimento do domnio
o Gerente de banco conhece muito de finanas e contabilidade mas pode ter pouca prtica na operao de um sistema bancrio

o Conhecimento do sistema

26/8/2008
Clarindo Pd u a

37

26/8/2008
Clarindo Pd u a

38

Desenho centrado em utilizao > Modelagem de usu rio > Modelagem de papel de usu rio > Perfis de papel

Desenho centrado em utilizao > Modelagem de usu rio > Modelagem de papel de usu rio > Perfis de papel

Proficincia
o Nvel de habilidade na operao do sistema
o Novio o Intermitente o Freqente
26/8/2008
Clarindo Pd u a

Interao
o Descreve o padro tpico ou esperado de utilizao do sistema. o Freqncia: com que freqncia os usurios atuam neste papel ? o Regularidade: no papel, h um perodo regular de uso ou este espordico? o Continuidade: a interao contnua ou intermitente?
39 26/8/2008
Clarindo Pd u a

40

Desenho centrado em utilizao > Modelagem de usu rio > Modelagem de papel de usu rio > Perfis de papel > Interao

Desenho centrado em utilizao > Modelagem de usu rio > Modelagem de papel de usu rio > Perfis de papel > Interao

o Concentrao: no papel, a utilizao se d em rajada (burst)

o Previsibilidade: as interaes no papel so regulares/previsveis ou so altamente variveis ?

ou fornadas (batch) ou de forma mais distribuda?

o Forma de controle: no papel, a interao

o Intensidade: qual a taxa de utilizao ?

dirigida por processo ou controlada pelo usurio

o Complexidade

26/8/2008
Clarindo Pd u a

41

26/8/2008
Clarindo Pd u a

42

Desenho centrado em utilizao > Modelagem de usu rio > Modelagem de papel de usu rio > Perfis de papel

Desenho centrado em utilizao > Modelagem de usu rio > Modelagem de papel de usu rio > Perfis de papel

Informao
o Descreve origem da informao para o usurio e como ela flui.
o Origem da entrada o Direo de fluxo o Volume o Complexidade

Objetivos de Usabilidade
o Descreve a importncia dos diversos atributos de usabilidade.
o Produtividade o Aprendizado o Reteno na memria o Preveno de erros

26/8/2008
Clarindo Pd u a

43

26/8/2008
Clarindo Pd u a

44

Desenho centrado em utilizao > Modelagem de usu rio > Modelagem de papel de usu rio > Perfis de papel > Objetivos de Usabilidade

Desenho centrado em utilizao > Modelagem de usu rio > Modelagem de papel de usu rio > Perfis de papel

o Satisfao o Confiabilidade o Acurcia o Clareza o Outros

26/8/2008
Clarindo Pd u a

Suporte Funcional
o Descreve necessidades funcionais ou caractersticas especficas.
o Ex.: a necessidade de um teclado especial para um papel que exige rapidez de digitao

45

26/8/2008
Clarindo Pd u a

46

Desenho centrado em utilizao > Modelagem de usu rio > Modelagem de papel de usu rio > Perfis de papel

Desenho centrado em utilizao > Modelagem de usu rio > Modelagem de papel de usu rio > Perfis de papel

Ambiente de trabalho
oAmbiente fsico oAmbiente social oAmbiente cultural
26/8/2008
Clarindo Pd u a

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 Prescriode-medicamento em um sistema de hospital.

o Requisitos de dispositivos o Ambiente

47

26/8/2008
Clarindo Pd u a

48