O documento discute os documentos usados no planejamento de um website, incluindo esboço da interface, wireframe, sitegrama e fluxograma. Também aborda conceitos de design como conceito, originalidade, simplicidade e legibilidade. Por fim, menciona categorias de sites como portais, institucionais, comércio eletrônico e blogs.
3. Projeto
Quando planejamos um website agregamos
vários documentos que nos ajudam no
desenvolvimento:
1) Esboço da interface
2) Wireframe
3) Sitegrama
4) Fluxograma
5. Wireframe
Toub, S. Evaluating Information Architecture: A practical guide to assessing web site organization, Argus, 2000.
http://argus-acia.com/white_papers/evaluating_ia.pdf.
6. Wireframe
Toub, S. Evaluating Information Architecture: A practical guide to assessing web site organization, Argus, 2000.
http://argus-acia.com/white_papers/evaluating_ia.pdf.
7. Sitegrama
LIVE WEB EDUCA
Página inicial Cursos Perfil
Oficina de Leitura Meu perfil Mensagens do fórum Meus arquivos
Fórum de notícias
Fórum de discussão
Atividade 1
Texto, artigo ou
capítulo de um livro
Envio de
arquivo digital
Digitação de
texto on-line
Participantes
8. Fluxograma
Confirma filme
Ingressos Escolher filme Tipo ingresso
Forma de entrega
Cadastro /
Poltrona
Login
Compra pela Forma de
primeira vez? Pagamento
S N
S
Primeiro Botão
E-mail / Senha Login?
Cadastro
OK
N
10. O que é Design?
Design é projetar conceitos,
equilibrando estética e funcionalidade.
11. Princípios do Design
Para começar a projetar deve-se estar
sempre atento aos princípios do design
como:
• Conceito
• Originalidade
• Simplicidade
• Pregnância
• Legibilidade
12. Conceito
Conceito é um conjunto de
informações representadas por
elementos gráficos (como cor,
tipografia, imagens, etc) e que, juntos,
transmitem uma ideia.
18. Pesquisa
Realize na internet pesquisa para
conhecer as diversas categorias de
sites. Exemplos: vídeos, instituição
financeiras, educação, blogs, portais,
notícias, sites pessoais, wikis, música,
etc.