DESIGN WEB

PROCESSOS DE DESIGN
Prof.. Giorgia Barreto L. Parrio [2017]
ETAPAS
1 2 3
Entendimento Planejamento Criao

4 5
Implementao Testes

2
 1
Entendimento

Usurio
Informao
Contexto
 1
Entendimento

Ferramentas
Briefing: um documento contendo informaes (coleta de dados) para o
desenvolvimento de um projeto, indicando seus objetivos e necessidades.
Pesquisa: uma excelente ferramenta para se atingir a originalidade num projeto.
Veja o que existe no mercado para desenvolver uma ideia totalmente nova.
Brainstorm: (tempestade de ideias) deve-se buscar sempre o inusitado, aquela ideia
que a princpio parece a mais estranha.
 2
Planejamento

Tecnologia: Definio do tipo de servidor, banco de dados, linguagem de

programao, etc.
Funcionalidade: Nmero de complexidade de aes que o sistema pode realizar
(Norman,2003). Para que o sistema atinja seus objetivos, temos que ter muito claro
em nosso projeto, qual ser a sua Funo, ou seja, qual ser o seu propsito, ao
caracterstica.
Arquitetura de informao: Quais informaes sero disponibilizadas no site e como
elas sero organizadas?
Navegabilidade: Qual ser o estilo de navegao do site e como ser aplicado?
Nveis de interao: Que tipo de interao ser oferecida aos usurios do site?
 2
Planejamento

Mapa de Navegao
Definies de Layout: Cores, Fontes, imagens, ilustraes Formatos, etc.
Rough (Rafe)
Wireframe
 3
Criao

Produzir Fotos e imagens.

Criao dos layouts para os Wireframes definidos (Templates)
Implementao de Layout (Prottipos)
 4
Implementao

Criao de prottipos em HTML

Criao da Folha de Estilo CSS
Programao (PHP, JAVA, etc.)
Implementao de Banco de Dados
 5
Testes

Cdigos
Links
Imagens
Navegao
Usabilidade
Acessibilidade
 TRABALHO ETAPA 1 (RELATRIO)
1. Defina seu grupo de trabalho, que dever ser composto de no mximo 4 pessoas.
2. A partir do briefing recebido siga as etapas de trabalho abaixo:
A. Faa um pesquisa na internet sobre os concorrentes do seu cliente, sobre o produto/e ou servio que
ser apresentado no site e principalmente sobre o seu pblico-alvo (usurio).
B. A partir do resultado dos item A faa um brainstorm com sua equipe e defina o conceito do site e
suas funcionalidades.
3. Elabore um relatrio dos dados coletados, seguinte na ordem definida abaixo:
A. Pesquisa: usurio, concorrentes e produto/e ou servio.
B. Conceito.
C. Funcionalidades.
 Obrigada!
Obrigada!!!
Prof.. Giorgia Barreto

11