1-Introduo

Relatrio de Projeto de Interface

para Sistema de Compra Online

Foco: Compra online de computadores

Pblico:

Amplo

Diferentes nveis de conhecimento

Necessidades de informaes diferentes

Dificuldade: Atender todo o pblico

Objetivo do projeto: Permitir que qualquer usurio
realize uma compra online de um computador

2-Descrio das Interfaces

1-Introduo

2.1-Compra de Computadores Padronizados

Contexto

de uso: Permite ao usurio com

menor conhecimento em informtica adquirir
um computador que atenda suas necessidades.

Interfaces Analisadas:

Compra de Computadores Padronizados

Compra de Computadores Customizados

Cadastro de Clientes

Tipos de usurios envolvidos:

Baixo conhecimento em informtica

Necessidade de informaes mais bsicas

2-Descrio das Interfaces

2-Descrio das Interfaces

2.1-Compra de Computadores Padronizados

2.1-Compra de Computadores Padronizados

 Storyboards:

 Storyboards:

2-Descrio das Interfaces

2-Descrio das Interfaces

2.1-Compra de Computadores Padronizados

2.1-Compra de Computadores Padronizados

 Storyboards:

 Storyboards:

2-Descrio das Interfaces

2-Descrio das Interfaces

2.1-Compra de Computadores Padronizados

2.1-Compra de Computadores Padronizados

 Storyboards:

 GOMS:
FU1; 1.1: escolher computador
FU1; 1.2a: se (computador atende expectativa)
ento (comprar computador){
1: selecionar opo de compra
2a: se (usurio cadastrado e no est logado)
ento (autenticar usurio){
1: digitar nome e senha de usurio
2: selecionar opo de autenticao
}
2b: se (usurio no cadastrado)
ento (cadastrar cliente)

10

2-Descrio das Interfaces

2-Descrio das Interfaces

2.1-Compra de Computadores Padronizados

2.1-Compra de Computadores Padronizados

 GOMS (cont.):
3a: se (dados da compra esto corretos)
ento (finalizar compra){
1: selecionar opo de confirmao
2: emitir boleto bancrio
3: selecionar opo de encerramento
}
3b: se (dados da compra esto incorretos)
ento (voltar)

Caractersticas da Interface:

Interface Visual

Simplicidade

Ilustrao dos Produtos

Informaes menos tcnicas

Anunciar benefcios prticos

Interface com boa comunicabilidade

}
FU1; 1.2b: se (computador no atende expectativa)
ento (voltar)

11

12

2-Descrio das Interfaces

2-Descrio das Interfaces

2.2-Compra de Computadores Customizados

2.2-Compra de Computadores Customizados

 Storyboards:

Contexto de Uso: Possibilitar ao usurio com

maior conhecimento em informtica, adquirir

um computador customizado atravs da
interface.

Tipos de Usurios Envolvidos:

Maior conhecimento em informtica

Necessidade de informaes mais tcnicas

13

14

2-Descrio das Interfaces

2-Descrio das Interfaces

2.2-Compra de Computadores Customizados

2.2-Compra de Computadores Customizados

 GOMS:

 Storyboards:

15

16

2-Descrio das Interfaces

2-Descrio das Interfaces

2.2-Compra de Computadores Customizados

2.2-Compra de Computadores Customizados

 GOMS (cont.):

 GOMS (cont.):

FU1; 1.4a:

se (existem um ou mais produtos listados)

ento (escolher produto)
FU1; 1.5a:
se (produto escolhido atende expectativa)
ento (adicionar)
FU1; 1.5b:
se (produto no atende expectativa)
ento (voltar)
//aps escolha do ltimo componente
FU1; 1.6a:
se (usurio cadastrado e no est logado)
ento (autenticar usurio){
1: digitar nome e senha de usurio
2: selecionar opo de autenticao
}

17

//para cada componente

FU1; 1.1a:
se (deseja realizar uma busca)
ento (buscar produto){
1: digitar nome do produto
2: disparar busca
}
FU1; 1.2a:
se (deseja filtrar produtos por atributo)
ento (filtrar produtos){
1: selecionar atributo para filtrar
}
FU1; 1.3a:
se (deseja ordenar produtos listados)
ento (ordenador produtos){
1: selecionar um campo de atributo
}

FU1; 1.6b:
FU1; 1.7a:

FU1; 1.7b:

se (usurio no cadastrado)
ento (cadastrar cliente)
se (dados da compra esto corretos)
ento (finalizar compra){
1: selecionar opo de confirmao
2: emitir boleto bancrio
3: selecionar encerramento
}
se (dados da compra esto incorretos)
ento (voltar)

18

2-Descrio das Interfaces

2-Descrio das Interfaces

2.2-Compra de Computadores Customizados

2.3-Cadastro de Clientes

Caractersticas da Interface :

Contexto de Uso : Permitir que o usurio seja

Interface Visual

Seqncia de passos para realizar a compra

Apresentao de informaes tcnicas

Recursos para buscar, filtrar e ordenar produtos

Permite ao usurio verificar a relao de custo

registrado no sistema uma nica vez facilitando

compras posteriores.

Tipos de Usurios Envolvidos:

Qualquer tipo de usurio

Necessidade de instruo para usurios novatos

benefcio dos produtos

19

20

2-Descrio das Interfaces

2-Descrio das Interfaces

2.3-Cadastro de Clientes

2.3-Cadastro de Clientes

 Storyboards:

 GOMS:
FU1; 1.1: preencher dados{
1: digitar dados //especificados no storyboard
2a: se (algum dados incorreto ou no preenchido)
1: digitar dados //reuso
}
FU1;
1.2:
enviar dados

21

22

2-Descrio das Interfaces

2-Descrio das Interfaces

2.3-Cadastro de Clientes

Caractersticas da Interface:

Relao Usurio

Implementa um formulrio

Solicita dados suficientes

and Pointers) com o usurio

e necessrios para a
compra

Verifica e trata todos os dados de forma a no haver
dados inconsistentes

23

X Interface :

Interao do tipo WIMP (Windows, Icons, Menus

24

3-Concluso

Dvidas?

Dificuldade

de adaptao das interfaces aos

vrios tipos de usurios.

Diferentes necessidades de informao influem
no projeto da interface.

25

26