Interfaces Design IHC

IHC [Profa.
Milene Silveira]
Processo de Design de IHC
Projeto de Interao: relembrando

usualmente projetavam-se telas e elementos de interface com base em princpios genricos e diretrizes empricas, geralmente propostas pelos fabricantes de sistemas operacionais em que o sistema implementado. Exemplo:
The Windows Interface: guidelines for software design http://msdn.microsoft.com/library/default.asp?url=/library/enus/dnwue/html/welcome.asp
exemplos
Professora Milene Selbach Silveira FACIN/PUCRS
livro online
correto vs. incorreto
diagramao cdigo
Faculdade de Informtica/PUCRS
IHC [Profa.Milene Silveira]
Forma Usual: problemas (1/2)

base em princpios genricos e diretrizes empricas
Forma Usual: problemas (2/2)

base em princpios genricos e diretrizes empricas
Problemas assim estes princpios costumam resolver
J estes
Limit the set of option buttons to a small number, typically seven or fewer, but always at least two. If you need more choices, consider using a different type of control, such as a single-selection list box or a dropdown list box.
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnwue/html/ch08c.asp
Como resolver os problemas?

cuidadoso estudo de quem o usurio, como ele trabalha ou atua, e por que assim o faz.
Processo de Design de Interao

caractersticas fundamentais:
ser centrado no usurio e envolv-los tanto quanto possvel, para que eles tenham oportunidades de influenciar as decises sobre o produto integrar conhecimento e experincia de diferentes disciplinas que possam contribuir para o projeto de IHC ser altamente iterativo, para que avaliaes e testes possam ser realizados para verificar que o projeto esteja realmente satisfazendo os requisitos dos usurios
Processo de Design de Interao (mais do que apenas as telas, quadros de dilogos, etc)
O objetivo do projeto de um sistema interativo construir sistemas adequados a um grupo de usurios e s tarefas que precisam realizar
[Barbosa, 2002]
[Preece et al., 1994]
O Ciclo de Vida Estrela
Ciclo de Vida Estrela: por que centrar na avaliao de usabilidade?

Anlise (Sistema, Funcional, Tarefas, Usurio)
Distribuio
Especificao de Requisitos/ Usabilidade
Distribuio
AVALIAO DE USABILIDADE
Produo do Software
Projeto (e Representaes do Projeto) Prototipao Rpida
Produo do Software
[Hix e Hartson, 1993]
Ciclo de Vida Estrela: por que centrar na avaliao de usabilidade?
O Ciclo de Vida Estrela
Distribuio
Produo do Software
Fases do Processo de Design de Interao

o processo de design essencialmente iterativo e consta basicamente - dos seguintes passos:
elicitao e anlise modelagem de tarefas modelagem de interao storyboarding e prototipao
O que geramos?
durante o processo de design de interao ou de IHC, geramos insumos para o projeto da interao e da interface de usurio, atravs de:
cenrios de tarefa modelos de tarefas modelos de interao padres de interface projeto detalhado (ou especificao) da interface
o que estaremos vendo no curso? Diferentes formas de seguir estes passos, com nfase (projeto) no uso do MOLIC [de Paula, 2003]
Bibliografia Consultada (introduo)

Barbosa, Simone D.J. Projeto e Avaliao de Sistemas Interativos. Notas de Aula. Departamento de Informtica/PUC-Rio, 2002. Hix, D., & Hartson H.R. Developing User Interfaces: ensuring usability through product & process. New York, NY: John Wiley & Sons, 1993. Microsoft. The Windows Interface: guidelines for software design. http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnwue/html/welcome.asp de Paula, M. G. Projeto da Interao Humano-Computador Baseado em Modelos Fundamentados na Engenharia Semitica: Construo de um Modelo de Interao. Dissertao de Mestrado. Departamento de Informtica/PUC-Rio, 2003. Preece, J. et al. Human-Computer Interaction. Harlow: Addison-Wesley, 1994.
Fase
elicitao e anlise
Elicitao e Anlise
esta etapa compreende as atividades de elicitao (ou levantamento) e anlise de:
usurios ambiente de trabalho dos usurios tarefas dos usurios (*)
Usurios e Ambiente de Trabalho (1/2)

Problema: nenhum estilo de interface serve para todos os tipos de usurio. Soluo: resposta pergunta Quem utilizar o seu software? Para tomar decises de projeto adequadas, preciso conhecer bem algumas caractersticas especficas destes usurios: * seu conhecimento e experincia no seu trabalho * suas caractersticas psicolgicas e fsicas
(*) veremos a anlise das tarefas no item referente a Modelagem de tarefas.
* suas preferncias e expectativas
[Barbosa, 2002]
Usurios e Ambiente de Trabalho (2/2)

Perfil/Caractersticas dos Usurios
como eles se definem (cargos e funes; tarefas; ferramentas; e modelos mentais); como eles diferem entre si (motivao; caractersticas pessoais, fsicas, culturais); como eles usam os produtos ao longo do tempo (que escolhas eles fazem sobre o nvel de especializao que eles querem ou precisam atingir).
Traando o perfil dos usurios: PAPIS (1/2)

Papis: diversidade? influncia sobre o comportamento? visibilidade? definio dos papis? evoluo? Realizao das tarefas: grau de especializao? freqncia de
realizao? forma de aprendizado de uma tarefa? histrico e evoluo das tarefas?
Ferramentas: experincia nas ferramentas? forma de aprendizado das

ferramentas? satisfao com influncia das ferramentas? as ferramentas? conhecimento prvio?
Ambiente de Trabalho
Tipicamente, as pessoas no trabalham completamente isoladas umas das outras. Na hora de projetar a interface de um produto, preciso levar em conta o ambiente de trabalho em que ele ser utilizado. Caso contrrio, o produto pode ser difcil de usar, frustrante, e at mesmo rejeitado pelos usurios. Eles podem voltar a realizar as tarefas do modo antigo ou at mesmo corromper os sistemas que lhes so impostos.
Caractersticas Caractersticas
pessoais:
estilos
de
aprendizado?
tipos
de
personalidade? preferncias?
fsicas e cognitivas: deficincias motoras? deficincias visuais? deficincias auditivas? deficincias de aprendizado ou cognitivas? Motivao: origem da nova soluo? poder de deciso? impresses dos
usurios?
[Barbosa, 2002; Hackos e Redish, 1998]
Traando o perfil dos usurios: PAPIS (2/2)

Diferenas culturais: linguagem utilizada? cones? Ambiente fsico: espao fsico? uso de equipamento? nvel de rudo?
iluminao adequada? fatores ambientais? fornecimento de energia? riscos para a sade?
Tcnicas de Elicitao mais Utilizadas

entrevista (tem acesso ao local de trabalho?) [Nielsen et al., 1996]
Por que voc faz isto? Como voc faz isto? Por que voc faz isto assim e no da maneira X? Quais so as pr-condies para fazer isto? Quais so os resultados de se fazer isto? Posso ver o produto do seu trabalho? Ocorrem erros ao fazer isto? Como voc descobre e corrige estes erros?
natureza qualitativa
Ambiente social: presso? acesso a ajuda? trabalho colaborativo?

distribuio geogrfica? relaes hierrquicas? distribuio no espao? relacionamento com os clientes?
Ambiente
cultural: diversidade de nacionalidades? distribuio geogrfica? hbitos estabelecidos? subgrupos? expectativas com relao a documentao?
questionrio (grupos de usurios distribudos geograficamente?)

deve conter uma introduo vocabulrio simples e claro sem ambigidades incluir opo Outros. Favor especificar_____
natureza principalmente quantitativa
Anlise de Usurios atravs de Questionrios (1/2)

1. determine as categorias de usurios geralmente semelhantes s funes e cargos da organizao ex: gerentes, tcnicos, secretrios, recepcionistas, auxiliares determine as caractersticas relevantes dos usurios elabore um questionrio preliminar inclua uma introduo sobre o objetivo e os benefcios do questionrio obtenha feedback (da gerncia) sobre o questionrio e revise-o conduza um questionrio-piloto com entrevistas e revise-o objetivo: verificar a clareza da redao, completeza, exclusividade mtua, adequao das questes utilize 2 ou 3 usurios de cada categoria
Anlise de Usurios atravs de Questionrios (2/2)

6. selecione uma amostra de usurios ex: 10% da populao de cada categoria distribua os questionrios indique prazos e facilite a devoluo projete a entrada e anlise de dados utilize planilhas, editores de texto, etc., permitindo acomodar comentrios digite, resuma e interprete os dados resuma as caractersticas-chave e suas implicaes para a usabilidade da interface
7. 2. 3.
exemplo
8.
4.
9.
5.
[Mayhew, 1999]
10. apresente os resultados distribua as concluses e implicaes de design, com o resumo dos dados como apndice, para os outros membros da equipe prepare uma apresentao oral [Mayhew, 1999]
Usurios na Web: consideraes

Problema muitas vezes so inacessveis ou desconhecidos Alternativa questionrios para amostra significativa de usuriosalvo questionrios no prprio site
Bibliografia Consultada (Elicitao e Anlise)

Barbosa, S. D.J. Projeto e Avaliao de Sistemas Interativos. Notas de Aula. Departamento de Informtica/PUC-Rio, 2002. Hackos, J. T.; Redish, J. C. User and Task Analysis for Interface Design. New York, NY: John Wiley & Sons, 1998. Mayhew, D. The Usability Engineering Lifecycle: a practitioners handbook for user interface design. San Francisco, CA: Morgan Kaufmann, 1999. Nielsen, J.; Mack, R.B.; Bergendorff, J.H.; Grischkowsky, N.L. Integrated software useage in professional work environment: evidence from questionnaires and interviews. In: Human facotrs in Computing Systems, CHI86 Conference Proceedings, 162-167. New York: ACM Press, 1996. Preece, J. et al. Human-Computer Interaction. Harlow: Addison-Wesley, 1994.
Fase
anlise e modelagem de tarefas
Anlise de Tarefas
esta etapa consiste em compreender as atividades do usurio do ponto de vista dele prprio
Para que?
para fornecer ao designer a viso dos usurios das tarefas que eles precisam realizar atravs do sistema a ser desenvolvido
Por que?
para projetar ou reprojetar uma aplicao que apie os usurios adequadamente na realizao destas atividades, necessrio inicialmente compreender como eles pensam, conversam e realizam seu trabalho, dentro de seu ambiente de trabalho real [Meyer e Holtzblat, 1998]
O que uma tarefa envolve?

Sob a perspectiva do usurio quais so os objetivos?
estado de um sistema que o usurio deseja atingir pode ser decomposto em submetas
Para que levantar estes dados?

quanto mais dados se obtiver para ajudar nos processos de deciso, mais altas sero as chances de sucesso nestas decises. resoluo de conflitos.
quais so as tarefas necessrias para alcanar esse objetivo utilizando um determinado dispositivo?
podem ser decompostas em subtarefas
o projetista precisa de dados e no de suposies!
qual a seqncia de aes que o usurio precisa executar?

atividade simples um nico passo para completar a tarefa
[Barbosa, 2002]
Tcnicas para Anlise de Tarefas

entrevistas, reunies e observao direta (como as vistas para a anlise de usurios) anlise contextual de tarefas [Mayhew, 1999] cenrios [Carroll et al., 1994] questionamentos sistemticos sobre cenrios [Carroll et al., 1994] anlise hierrquica de tarefas [Annet e Duncan, 1967; Preece et al., 1994]
Tcnica: Cenrios
Um cenrio uma narrativa, textual ou pictrica, de uma situao de uso da aplicao, envolvendo usurios, processos e dados reais ou potenciais. A grosso modo, pode-se dizer que cenrios so instncias de casos de uso, ricas em detalhes contextuais.
Objetivo:
Um dos objetivos do uso de cenrios esclarecer questes complexas ou explorar decises alternativas de projeto. Por serem ricos em contextualizao, os cenrios permitem explorar com detalhes os impactos da tecnologia a ser projetada nos processos de trabalho dos usurios. Apesar de detalhados, os cenrios no devem conter detalhes da interface propriamente dita, como textos e rtulos, seleo de widgets, etc.
[Carroll et al., 1994]
Cenrios como ferramenta de projeto

sistematizar sua construo, tornando-os mais completos, reduzindo suas ambigidades e revelando detalhes omitidos; refin-los at que deles se possa extrair os objetos, atividades e outras caractersticas do domnio que possam estar ocultas nos cenrios iniciais.
Exemplo de cenrio de tarefas

Ana Lcia colaboradora da Associao Sade-Criana Renascer h vrios anos. Quando tem um tempo livre maior, ajuda em atividades da Organizao. Ela resolve consultar o Quadro de Avisos para ver se esto precisando de algo especfico, ou se ela tem alguma idia diferente. Ana est bastante acostumada com o uso do Quadro. Como seu contato direto pequeno, ela tem notcias do que est acontecendo a partir dos avisos na Internet...[2] Semanalmente ela d uma olhadinha para ver o que tem de novo! [6] Mas agora Ana no quer s dar uma espiada. Ela quer saber de que eles podem estar precisando. Em vez de navegar pelas sees do Quadro [7,8], ela resolve buscar os avisos especficos sobre isto [7]. Assim, ela pode conseguir as informaes que deseja de forma mais gil. Ela informa que deseja buscar avisos sobre doao, e todos os avisos que contm esta palavra so mostrados [7]. Ela logo se interessa por um dos pedidos, relacionado a roupas de inverno.
[Carroll et al., 1994]
Cenrios: papis e perguntas exploradas

deve-se complementar os cenrios com a identificao dos papis (usurios que poderiam participar das situaes descritas) e com as perguntas que o projetista almeja responder ao construir o cenrio as perguntas destacam os elementos, situaes ou aspectos do cenrio que o designer deseja descobrir, explorar, verificar ou ratificar junto aos usurios
Exemplos de papis e perguntas

Papis:
visitante (usurio annimo) membro (usurio identificado atravs de login) autor de aviso ( membro, ou seja, pode fazer tudo o que um membro pode fazer) responsvel por seo ( membro) administrador ( membro)
Perguntas:
1. Dentro/Fora do Renascer, quem utiliza o QA? 2. Do ponto de vista de um funcionrio/voluntrio/colaborador/ interessado do Renascer, para que serve o QA? 3. Que tipos de informao podem ser divulgados no QA? 4. Quem pode divulgar informaes no QA? 5. Quem pode consultar o QA? 6. De quanto em quanto tempo deve-se consultar o QA em busca de novidades? 7. Quais so as formas de encontrar um aviso no QA? 8. Como os avisos esto organizados no QA?
Tcnicas para Modelagem de Tarefas

Cenrios [Carroll et al., 1994] GOMS (Goals, Operators, Methods, and Selection Rules) [Card et al., 1983] CTT (Concur Task Trees) [Patern, 2000] Modelo Hierrquico de Tarefas [Preece et al., 1994]
Tcnica: CTT (Concur Task Tree)
[Patern, 2000]
Tcnica: Diagrama de Metas

T1
(pr-modelagem hierrquica)
Tcnica: Modelagem Hierrquica de Tarefas

B
Entrar no quadro
Quadro de avisos
Consultar avisos Abandonar consulta
Solicitar inscrio
V
Usar o quadro
T2
Administrar o quadro Efetuar login Adm
Localizar aviso
Administrar usurios
*
C 1 2
Examinar aviso
Consultar os avisos
T2
Manipular avisos
Administrar sees
Efetuar login
C
V, M
I D E J K
Ordenar avisos
Remover usurio
Mudar de seo
Buscar avisos
Selecionar aviso
Ler detalhes do aviso
Imprimir aviso
Inserir usurio Remover um aviso
Alterar dados de usurio
Postar aviso
Alterar um aviso Aut, RS, Adm
Aut, RS, Adm

F G H
Atividade-fim da aplicao
PAPIS: V = visitante (usurio annimo) M = membro (usurio identificado atravs de login) Aut = autor do aviso ( membro, ou seja, pode fazer tudo o que um membro pode fazer) RS = responsvel pela seo ( membro) Adm = administrador ( membro)
Definir Busca
Incluir uma seo Alterar uma seo RS Remover uma seo
Examinar resultado
Tarefas de suporte para a aplicao
Fornecer critrio
Selecionar busca personalizada
[de Paula, 2003; Preece et al., 1994]
Exemplo I
A Marcar uma reunio seqencial
Exemplo II
ubqua 2
1 Localizar data da reunio alternativa
A Marcar reunio na data/hora desejada independente de ordem Consultar documento Sair
A Ir para data desejada
B Verificar datas disponveis
1 Indicar data e hora desejadas iterao
2 Fornecer dados da reunio 1? Efetuar login operador usurio deve ter acesso ao sistema 2? Buscar documento 3 Escolher documento 4 <<visualizar (documento)>>
1 Localizar semana
2 Verificar horrios disponveis A Decidir data/hora desejada B Localizar outra semana = A.1.B.1
re-uso
pr-condio
esteretipo
Bibliografia Consultada (Anlise e Modelagem de Tarefas)

Annett, J.; Duncan, K. D. Task analysis and training design. Journal of Occupational Psychology, 41, 211-221. 1967. Barbosa, S.D.J. Projeto e Avaliao de Sistemas Interativos. Notas de Aula. Departamento de Informtica/PUC-Rio, 2002. Card, S.; Moran,T.; Newell A. The Psychology of Human-Computer Interaction. Hillsdale, NJ: Lawrence Erlbaum Associates, 1983. Carroll, J.M.; Mack, R.L.; Robertson, S.P.; Rosson, M.B. Binding Objects to Scenarios of Use. International Journal of Human-Computer Studies 41:243-276. Academic Press, 1994. Mayhew, D. The Usability Engineering Lifecycle: a practitioners handbook for user interface design. San Francisco, CA: Morgan Kaufmann, 1999. Meyer, B. & Holtzblatt, K. Contextual design: defining customer-centered systems. San Francisco, CA: Morgan Kaufmann, 1998. Patern, F. Model-Based Design and Evaluation of Interactive Applications. Londres, Springer-Verlag. 2000. de Paula, M. G. Projeto da Interao Humano-Computador Baseado em Modelos Fundamentados na Engenharia Semitica: Construo de um Modelo de Interao. Dissertao de Mestrado. Departamento de Informtica/PUC-Rio, 2003. Preece, J. et al. Human-Computer Interaction. Harlow: Addison-Wesley, 1994.
Fase
modelagem de interao
E agora?
Usurios? Ambiente de Trabalho? Tarefas modeladas? Interao j!!
Mtodos e Tcnicas para Modelagem de Interao (1/2)

Tradicionalmente os modelos de interao encontrados na literatura privilegiam determinado estilo de interao. Alm de privilegiar determinados estilos de interao, muitas vezes parte-se de um modelo de tarefas diretamente para um modelo de interfaces (com determinao de telas, widgets, rtulos, etc).
Para que?
Para definir o mapeamento de uma estrutura de tarefas (representada por um modelo de tarefas) em possveis seqncias de interao que o usurio deve realizar para completar as tarefas.
Mtodos e Tcnicas para Modelagem de Interao (2/2)

TAG (Task-Action Grammar) [Payne e Green, 1989] UAN (User Action Notation) [Hartson et al., 1990] MOLIC (Modelling Language for Interaction as Conversation) [de Paula, 2003]
Tcnica: UAN (User Action Notation)

Privilegia a manipulao direta.
[Hartson et al., 1990]
Necessidade
Um maior nvel de abstrao e a modelagem real da INTERAO, conforme esta conceituada pela IHC:
Tcnica: MOLIC (Modelling Language for Interaction as Conversation)

discurso interativo: possveis conversas travadas entre usurio e sistema possveis: caminhos de interao tpicos, alternativos e de exceo conversas: interao, sem detalhes de interface usurio: ser inteligente sistema: porta-voz do designer, e no apenas um conjunto organizado de funes modelo diagramtico: d aos designers uma viso global do discurso interativo permite refletir sobre solues alternativas de design elementos bsicos: cenas, processos do sistema e transies especificao textual: detalhamento dos dilogos de cada cena seleo e articulao dos signos de cada dilogo [de Paula, 2003]
Interao o processo de comunicao entre pessoas e sistemas interativos

Neste processo, usurio e sistema trocam turnos em que um fala e o outro ouve, interpreta e realiza uma ao.
MOLIC: Cenas, Processos de Sistemas e Transies

Cena:
Solicitar inscrio
MOLIC: Acesso Ubquo, Pr e Ps-condies

Acesso ubquo (a partir de qualquer cena)
[fornecer dados] p: erro informaes invlidos ou falta de informaes obrigatrias
Cena: tpico da conversa + dilogos
pr: _login=F u: [efetuar login]
u: [cancelar login]
Transio Transio
u: [confirmar]
p: sucesso ps: _login<-T
Efetuar login
Transio
p: sucesso
[fornecer dados de login]
Aguarde e-mail do Administrador
Processo do sistema Transio: pr- e pscondies

u: [confirmar]
p: erro - login inexistente ou senha invlida ps: _login<-F
[de Paula, 2003]
[de Paula, 2003]
MOLIC: zoomde parte do modelo de interao
MOLIC: Representao de Solues Alternativas
Buscar avisos [informar critrios] [escolher forma de apresentao] u: [confirmar]
p: nenhum aviso encontrado ps: _busca F
u: [OK]
p: nenhum aviso encontrado Nenhum aviso encontrado
A.2 (b)
p: aviso(s) encontrado(s) s: aviso(s) encontrado(s)
A.2 (a)
Examinar resultado de busca
Examinar resultado de busca
[de Paula, 2003]
MOLIC: Especificao Textual

detalhamento dos dilogos de cada cena seleo e articulao dos signos de cada dilogo
Bibliografia Consultada (modelagem de interao)

Barbosa, Simone D.J. Projeto e Avaliao de Sistemas Interativos. Notas de Aula. Departamento de Informtica/PUC-Rio, 2002. Hartson, H.R.; Siochi, A.C.; Hix, D. The UAN: A User-Oriented Representation for Direct Manipulation Interface Designs. In: ACM Transaction on Information Systems 8, 3:181-203, 1990.
p: nenhum aviso encontrado ps: _busca F
de Paula, M. G. Projeto da Interao Humano-Computador Baseado em Modelos Fundamentados na Engenharia Semitica: Construo de um Modelo de Interao. Dissertao de Mestrado. Departamento de Informtica/PUC-Rio, 2003. Payne, S.; Green, T.R.G. Task-action grammar: the model and its developments. In: Diaper, D. (ed.) Task Analysis for Human-Computer Interaction. Chichester: Ellis Horwood, 1989. Preece, J. et al. Human-Computer Interaction. Harlow: Addison-Wesley, 1994.
A.2
Cena: Buscar Avisos A [informar critrios] critrio? <texto livre: obrigatrio> B [escolher forma de apresentao] forma_apresentacao? <escolha simples: obrigatrio>
Fase
storyboarding e prototipao
Storyboarding
Com base no modelo de interao, os projetistas podem prosseguir para construir storyboards da interface. O que um storyboard? Um storyboard uma seqncia de desenhos ou ilustraes que representam estados da interface ao longo do caminho de interao. Esta tcnica permite explorar alternativas de concretizao do projeto de interface, j considerando o ambiente computacional em que a aplicao estar disponvel. Trata-se de uma ferramenta eficiente de comunicao entre a equipe de projeto e os usurios da aplicao. [Barbosa, 2002]
10
Storyboarding: construo
Pode-se construir um storyboard com ou sem ajuda do computador. Deve-se apresentar um rascunho de organizao da tela, j com os elementos de interface (textos, grficos e widgets) que se pretende utilizar. Os storyboards podem ser utilizados nos estgios iniciais de projeto como uma ferramenta de prototipao no funcional, permitindo verificar hipteses e validar decises de design.
Storyboard para consulta em uma biblioteca
[Barbosa, 2002]
[Barbosa, 2002]
Alguns storyboards do Quadro de Avisos
Ler chamadas usurio annimo

LOGO + link q. principal, se no estiver l Quadro Principal NOME DA SEO
Ttulo dd/mm/aaaa Autor
usurio annimo
Buscar
anterior/prxima Ordena por:
Inscrio
Login
Seo A Seo B Seo se houver C Seo pg. D Seo E Seo F

7-12 de 36 avisos < anterior prximo >
chamada do aviso, com um texto reduzido mas que permite entender do que se trata Leia mais Ttulo dd/mm/aaaa Autor chamada do aviso, com um texto reduzido mas que permite entender do que se trata
s se o aviso tiver mais detalhes
Ttulo dd/mm/aaaa Autor chamada do aviso, com um texto reduzido mas que permite entender do que se trata
[OR, 2003]
Imprimir chamadas
Ler chamadas usurio logado

LOGO + link q. principal, se no estiver l Quadro Principal NOME DA SEO
Ttulo dd/mm/aaaa Autor
se estiver logado
Prototipao
Postar Encerrar
Buscar
Favoritos
Seo A Seo B Seose Chouver Seo pg. D Seo E Seo F

anterior/prxima Ordena por:
Um prottipo um design experimental e incompleto, construdo para que projetistas possam explorar suas idias e obter feedback do usurio sobre alternativas de projeto. Prottipos so construdos principalmente porque os usurios tm dificuldade em entender documentos e modelos tcnicos e vislumbrar as conseqncias das decises de projeto. Alm disto, pode ser dificlimo, se no impossvel, construir uma representao completa, consistente e legvel da interao em um sistema computacional
7-12 de 36 avisos < anterior prximo >

favorito se estiver logado: j vem marcado caso esteja entre os favoritos do usr
chamada do aviso, com um texto reduzido mas que permite entender do que se trata Leia mais Ttulo dd/mm/aaaa Autor
s se o usurio corrente tiver inserido o aviso ou for o autor, o administrador ou o s se o aviso tiver mais detalhes
alterar
remover
favorito
chamada do aviso, com um texto reduzido mas que permite entender do que se trata
Ttulo responsvel pela seo dd/mm/aaaa Autor
favorito
chamada do aviso, com um texto reduzido mas que permite entender do que se trata Imprimir chamadas
11
Bibliografia Consultada (storyboarding e prototipao)

Barbosa, Simone D.J. Projeto e Avaliao de Sistemas Interativos. Notas de Aula. Departamento de Informtica/PUC-Rio, 2002. OR. Projeto OR. Disponvel em http://serg.inf.puc-rio.br/ore. Preece, J. et al. Human-Computer Interaction. Harlow: Addison-Wesley, 1994.
Construo do Sistema de Ajuda
Sistemas de Ajuda Tradicionais Acesso ajuda

Como fao isto?
A Ajuda na viso da Engenharia Semitica Teoria
O que isto?
[Silveira et al., 2000; 2001; 2002]
A Ajuda na viso da Engenharia Semitica Proposta: aumentar o poder de expresso do usurio

adicionando-se expresses de comunicabilidade s dvidas mais freqentes do usurio
Como fao isto? Onde est? Epa!
Cenrio: Jos e Joo controlando alteraes no Word
Socorro! E agora? Para que serve isto? O que isto? Por que devo fazer isto?
[Silveira e Barbosa, 2001]
12
Cenrio: Jos e Joo controlando alteraes no Word
Proposta: apresentao do contedo da ajuda via

minimalismo e layering
index
...browsing...
Como fao isto? E agora? Epa! E agora? Para um selecione a opo Controlar Existe outrarevisar maneira de texto, fazer isto? alteraes, no menu Ferramentas. De quem isto depende? Como fao isto? No consigo fazer isto. Como fao isto? E agora?
? ?
? ?
Como fao isto? O que aconteceu? selecione a opo Controlar Epa! Para controlar alteraes, E agora? alteraes, no menu Ferramentas. Se voc deseja O que isto? Existe outra maneira deo fazer isto? Epa! ativar/desativar modo de reviso, selecione o sub-item Onde est? Realar alteraes. Se voc quiser aceitar ou rejeitar De quem isto depende? Existe outra maneira de fazer isto? cada uma das revises, selecione Aceitar ou rejeitar Onde eu estava? No consigo fazer isto. De se quem istoquiser depende? alteraes. Por fim, voc comparar dois Por que devo fazer isto? documentos, selecione Comparar documentos. O que aconteceu? No consigo fazer isto. Por que no funciona? O que isto? O que aconteceu? Quem afetado por isso? Onde est? O que isto? Help! Onde eu estava? Onde est? Por que devo fazer isto? Por que no funciona? Quem afetado por isso? Help! Onde eu estava? Por que devo fazer isto? Por que no funciona? Quem afetado por isso? Help!
[Silveira e Barbosa, 2001]
Composio do contedo da ajuda: primeira

abordagem modelo de ajuda
Composio do contedo da ajuda: abordagem atual

Modelo de Domnio
Domnio
baseia Aplicao composta por
Domnio
baseia Aplicao
Modelo da Aplicao
composta por
pertencem a Tarefas utilizam executam Aes Agentes operacionalizadas por
pertence a utilizam executam Tarefas operacionalizadas por Modelo de Tarefas
Agentes Modelo de Usurios
Aes efetuadas sobre
Modelo de Interao
efetuadas sobre
Elementos de Interface
Elementos de Interface
Modelo de interface
[Silveira et al., 2000]
[Silveira et al., 2002]
Modelos de design e o contedo da ajuda

Ilustrao atravs do Quadro de Avisos do Projeto OR
- diviso em sees - espao pblico e privativo
Modelos de design e o contedo da ajuda
MODELO DE DOMNIO (poro)

SIGNO DE DOMNIO Indicador da seo atual { DESCRIO (Este o indicador de qual a seo atual (pode ser Quadro Geral ou Como Ajudar ou Eventos, etc).) UTILIDADE (Para indicar qual a seo atual.) }
nfase na captura das informaes essenciais construo da ajuda
MODELO DE TAREFA (poro)

TAREFA Informar os dados solicitados { TAREFA_ME (Criar um aviso) OPERADOR (seqncia) SEQUENCIA (1) ... } TAREFA Inserir o aviso { TAREFA_ME (Criar um aviso) OPERADOR (seqncia) SEQUENCIA (2) ... }
13
Gerao do rascunho do contedo da ajuda (1/2)
Gerao do rascunho do contedo da ajuda (2/2)

template de resposta para a expresso Como fao isto?
tarefa, e tarefa. tarefa, ou tarefa.
MODELO DE DOMNIO (poro)

SIGNO DE DOMNIO Indicador da seo atual { DESCRIO (Este o indicador de qual a seo atual (pode ser Quadro Geral ou Como Ajudar ou Eventos, etc).) UTILIDADE (Para indicar qual a seo atual.) }
template de resposta para a expresso O que isto?

descrio(signo)
MODELO DE TAREFA (poro)

TAREFA Informar os dados solicitados { TAREFA_ME (Criar um aviso) OPERADOR (seqncia) SEQUENCIA (1) ... } TAREFA Inserir o aviso { TAREFA_ME (Criar um aviso) OPERADOR (seqncia) SEQUENCIA (2) ... }
Como fao isto?

deve
Resposta: Para Tarefa_me voc

pode busca, no Modelo de Tarefas, as tarefas que so filhas da tarefa indicada.
Resposta <indicador de seo atual>

Este o indicador de qual a seo atual (pode ser Quadro Geral ou Como Ajudar ou Eventos, etc).
[, na ordem que voc desejar]. depende dos operadores e da seqncia das tarefas
Resposta <Criar um aviso>

Para criar um aviso voc deve informar os dados solicitados e inserir o aviso.
Refinamento do contedo da ajuda
Ajuda Local no Quadro de Avisos Verso 1.0
Ajuda Geral no Quadro de Avisos Verso 1.0
[Silveira et al., 2002; Silveira, 2002]
Possibilidades de desenvolvimento
desenvolvimento de um editor de ajuda desenvolvimento de bibliotecas de criao de ajuda ajuda para diferentes perfis de usurio
muitos trabalhos futuros a serem feitos
extrao das informaes da UML ajuda para ambientes colaborativos apoio construo de mensagens de erro
novas ferramentas para construo ? sugestes? voluntrios? orientandos?
14
Bibliografia Consultada (sistemas de ajuda online)

Silveira, M.S.; Barbosa, S.D.J.; de Souza, C.S. Modelo e Arquitetura de Help Online. Em: Anais do IHC2000. pp.122131. 2000. Silveira, M.S.; Barbosa, S.D.J. Layering via Interjeies: possibilidades de detalhamento contextual e progressivo de informaes de help. Em: Anais do IHC2001. pp.145-156. 2001. Silveira, M.S.; Barbosa, S.D.J.; de SOUZA, C.S. Augmenting the Affordance of Online Help Content. Em: Proceedings of IHM-HCI 2001. pp.279-296. 2001. Silveira, M.S.; Barbosa, S.D.J.; de Souza, C.S. Semiotic Engineering Contributions for Designing of Online Help Systems. Proceedings of ACM SIGDOC2001. ACM Press. New York, NY. pp.31-38. Silveira, M.S.; de Souza, C.S.; Barbosa, S.D.J. Design de Sistemas de Ajuda Online baseado em Modelos. Em: Anais of IHC2002. BNB. Fortaleza, 2002. pp. 117-128. Silveira, M.S. Metacomunicao Designer-Usurio na Interao Humano-Computador: design e construo do sistema de ajuda. Tese de Doutorado. Departamento de Informtica Pontifcia Universidade Catlica do rio de Janeiro. Dezembro, 2002. Silveira, M.S.; de Souza, C.S.; Barbosa, S.D.J. Um Mtodo da Engenharia Semitica para a Construo de Sistemas de Ajuda Online. Em Anais do CLIHC2003. Rio de Janeiro, 2003.
15

Interfaces Design IHC

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Interfaces Design IHC

Enviado por

Direitos autorais:

Formatos disponíveis

IHC [Profa.

Processo de Design de IHC

Projeto de Interao: relembrando

Professora Milene Selbach Silveira FACIN/PUCRS

correto vs. incorreto

IHC [Profa.Milene Silveira]

Forma Usual: problemas (1/2)

Forma Usual: problemas (2/2)

Problemas assim estes princpios costumam resolver

Como resolver os problemas?

Processo de Design de Interao

[Preece et al., 1994]

O Ciclo de Vida Estrela

Ciclo de Vida Estrela: por que centrar na avaliao de usabilidade?

Anlise (Sistema, Funcional, Tarefas, Usurio)

Especificao de Requisitos/ Usabilidade

Especificao de Requisitos/ Usabilidade

Projeto (e Representaes do Projeto) Prototipao Rpida

Projeto (e Representaes do Projeto) Prototipao Rpida

[Hix e Hartson, 1993]

IHC [Profa.Milene Silveira]

Ciclo de Vida Estrela: por que centrar na avaliao de usabilidade?

O Ciclo de Vida Estrela

Anlise (Sistema, Funcional, Tarefas, Usurio)

Especificao de Requisitos/ Usabilidade

Projeto (e Representaes do Projeto) Prototipao Rpida

Fases do Processo de Design de Interao

Bibliografia Consultada (introduo)

IHC [Profa.Milene Silveira]

Usurios e Ambiente de Trabalho (1/2)

(*) veremos a anlise das tarefas no item referente a Modelagem de tarefas.

* suas preferncias e expectativas

Usurios e Ambiente de Trabalho (2/2)

Traando o perfil dos usurios: PAPIS (1/2)

Ferramentas: experincia nas ferramentas? forma de aprendizado das

[Barbosa, 2002; Hackos e Redish, 1998]

Traando o perfil dos usurios: PAPIS (2/2)

Tcnicas de Elicitao mais Utilizadas

Ambiente social: presso? acesso a ajuda? trabalho colaborativo?

questionrio (grupos de usurios distribudos geograficamente?)

IHC [Profa.Milene Silveira]

Anlise de Usurios atravs de Questionrios (1/2)

Anlise de Usurios atravs de Questionrios (2/2)

Usurios na Web: consideraes

Bibliografia Consultada (Elicitao e Anlise)

IHC [Profa.Milene Silveira]

O que uma tarefa envolve?

Para que levantar estes dados?

o projetista precisa de dados e no de suposies!

qual a seqncia de aes que o usurio precisa executar?

[Preece et al., 1994]

Tcnicas para Anlise de Tarefas

[Carroll et al., 1994]

Cenrios como ferramenta de projeto

Exemplo de cenrio de tarefas

[Carroll et al., 1994]

IHC [Profa.Milene Silveira]

Cenrios: papis e perguntas exploradas

Exemplos de papis e perguntas

Tcnicas para Modelagem de Tarefas

Tcnica: CTT (Concur Task Tree)

Tcnica: Diagrama de Metas

Tcnica: Modelagem Hierrquica de Tarefas

Consultar avisos Abandonar consulta