Você está na página 1de 11

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