Modelos de
implementação: WUIs
Maria Alice Grigas Varella Ferreira
EP-USP
Abril 2003
1
Paradigma WUI
WUI – Web User Interface
Técnicas de Desenho:
Modelo de Hix
 Modelo de Mayhew

Maria Alice Grigas Varella Ferreira – EP-USP
2
Diferenças entre o paradigma
GUI e o paradigma WUI
1. Caracterização do usuário
GUI – possível de ser determinada para
o público que se espera para um dado
sistema de software
WUI – difícil; a audiência é
praticamente desconhecida
Maria Alice Grigas Varella Ferreira – EP-USP
3
Diferenças entre o paradigma
GUI e o paradigma WUI
2. Tipo de Aplicação
GUI – centradas em tarefas
WUI – centradas na informação
Maria Alice Grigas Varella Ferreira – EP-USP
4
Diferenças entre o paradigma
GUI e o paradigma WUI
3. Lealdade do “consumidor”
GUI – os usuários tornam-se cativos dos
programas que compram e que conhecem
WUI – usuários não se fixam nos sítios; às
vezes nunca mais retornam, principalmente
se sentirem dificuldade de uso
Maria Alice Grigas Varella Ferreira – EP-USP
5
Diferenças entre o paradigma
GUI e o paradigma WUI
4. Navegação entre as páginas
GUI – praticamente inexistente, ou muito
simples
WUI – flexível; qualquer trajeto pode levar a
uma determinada página
Maria Alice Grigas Varella Ferreira – EP-USP
6
Proposta de Desenho
1.
2.
3.
Definir a visão e a missão do sítio
Anteveja a audiência provável para o sítio,
modelando-a através de um número finito
de tipos de usuários.
Especifique as tarefas prováveis de cada
tipo de usuário. Incluir-se aqui as
informações que, provavelmente, estes
usuários irão interessados em visualizar
(Tarefa Find <conteúdo>)
Maria Alice Grigas Varella Ferreira – EP-USP
7
Proposta de Desenho
4.
Desenhar as páginas da Web, incluindo
conteúdo e elementos de apresentação,
construindo um mapeamento entre as
páginas e as tarefas. A tarefa Find
<conteúdo> irá definir o conteúdo requerido
nas páginas. Algumas tarefas irão se
estender por várias páginas, criando-se
assim uma hierarquia de páginas e um
trajeto de navegação.
Maria Alice Grigas Varella Ferreira – EP-USP
8
Proposta de Desenho
5.
6.
Desenhar a rotulagem e o sistema de
buscas de forma a que fique otimizada para
o uso das tarefas
Testar o projeto
Maria Alice Grigas Varella Ferreira – EP-USP
9
Outras propostas
Diretivas
Padrões
Avaliação
Experiência
Requisitos
Projeto
Especificação
Modelos formais
Implementação
Diretivas
Padrões
Requisitos
Protótipo/Sistema
Avaliação
Ciclo de vida iterativo da Engenharia de Usabilidade
Maria Alice Grigas Varella Ferreira – EP-USP
10
Outras propostas
Implementação
Protótipo
Análise de tarefas
Avaliação
Requisitos
Projeto Conceitual
Ciclo de vida iterativo em estrela (Hix)
Maria Alice Grigas Varella Ferreira – EP-USP
11
Referências bibliográficas
Nerurkar, U. Web User Interface Design: Forgotten
Lessons. IEEE Software. Nov./Dec. 2001. p. 69-71.
Maria Alice Grigas Varella Ferreira – EP-USP
12