1 Modelos de implementação: WUIs Maria Alice Grigas Varella Ferreira EP-USP Abril 2003

Maria Alice Grigas Varella Ferreira – EP-USP 2 Paradigma WUI WUI – Web User Interface Técnicas de Desenho: Modelo de Hix Modelo de Mayhew

Maria Alice Grigas Varella Ferreira – EP-USP 3 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 4 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 5 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 6 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 7 Proposta de Desenho 1. Definir a visão e a missão do sítio 2. Anteveja a audiência provável para o sítio, modelando-a através de um número finito de tipos de usuários. 3. 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 )

Maria Alice Grigas Varella Ferreira – EP-USP 8 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 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 9 Proposta de Desenho 5. Desenhar a rotulagem e o sistema de buscas de forma a que fique otimizada para o uso das tarefas 6. Testar o projeto

Maria Alice Grigas Varella Ferreira – EP-USP 10 Outras propostas Diretivas Experiência Projeto Avaliação Implementação Especificação Protótipo/Sistema Avaliação Padrões Requisitos Padrões DiretivasRequisitos Modelos formais Ciclo de vida iterativo da Engenharia de Usabilidade

Maria Alice Grigas Varella Ferreira – EP-USP 11 Outras propostas Projeto Conceitual Implementação Avaliação Análise de tarefas RequisitosProtótipo Ciclo de vida iterativo em estrela (Hix)

Maria Alice Grigas Varella Ferreira – EP-USP 12 Referências bibliográficas Nerurkar, U. Web User Interface Design: Forgotten Lessons. IEEE Software. Nov./Dec p