Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando...
Transcript of Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando...
![Page 1: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/1.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Concepção, Planejamento e Arquitetura de Sites
![Page 2: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/2.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Objetivo
Conhecer os conceitos básicos de Web necessários para um profissional atualizado, abordando as principais tendência s www.
![Page 3: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/3.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Conteúdo
• Noções básicas para criação na Web
• Cores
• Tipografia
• Imagens
![Page 4: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/4.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
História da Internet
![Page 5: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/5.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
A guerra dos browsers
![Page 6: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/6.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Um site de sucesso
![Page 7: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/7.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Um site de sucesso
•Um bom domínio
•Uma idéia inovadora
•Conhecer a concorrência
•Conhecer o público-alvo
•Falar a linguagem do seu cliente
![Page 8: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/8.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Site dinâmico X Site estático
Sites na Web necessitam ser atualizados constantemente com novas informações. Quando isso não acontece, o usuário não sente a necessidade de voltar ao site para obter mais informações, uma vez que são sempre as mesmas.
•Estático – Sempre atualizado por pessoas técnicas, que tenham o mínimo de conhecimento em HTML. Nunca pode ser delegado a uma pessoa não técnica.
•Dinâmico – É construído com uma ferramenta, desenvolvida com o objetivo de incluir, excluir e atualizar informações. Necessariamente usa-se banco de dados para armazenar informações.
![Page 9: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/9.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Site X Portal
•Site – Possui uma estrutura mais simples e pode abordar um assunto específico. Visual mais clean. Poucas informações com muito espaço para textos e imagens. Pode ser dinâmico ou estático.
•Portal – Caracteriza-se pela estrutura complexa com o máximo de informações sobre o assunto abordado. Visual mais completo e com características próprias. Muitas informações e pouco espaço. Site dinâmico.
![Page 10: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/10.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Site X Portal
Exemplos de Sites
http://pt-br.www.mozilla.com/pt-BR/firefox/
http://www.csszengarden.com/
Exemplos de Portais
http://www.uol.com.br/
http://g1.globo.com/
http://www.dell.com/
![Page 11: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/11.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Evolução dos Sites
http://www.archive.org/index.php
![Page 12: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/12.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
WYSIWYG – What You See Is What You Get
São editores que nos permitem montar um página HTML sem o conhecimento mínimo necessário.
Torna-se desvantajoso por não possuir códigos otimizados e que não seguem aos padrões de desenvolvimento para Web.
Exemplo – google Sites
http://www.google.com
![Page 13: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/13.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
![Page 14: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/14.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Anatomia de uma página Web: Estrutura básica HTML
![Page 15: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/15.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Anatomia de uma página Web: DIVisões
![Page 16: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/16.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Anatomia de uma página Web: O código da página HTML
![Page 17: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/17.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil"
Layout fixo X layout fluido
Fluido
http://www.w3.org/
http://www.vivabit.com/
http://www.uxmag.com/
Fixo
http://g1.globo.com
http://www.americanas.com.br
![Page 18: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/18.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Resolução da Tela
Para 1024X768 usar 1000 px de larguraPara 800X600 usar 760 px de largura
![Page 19: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/19.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Cores
A cor exerce influência na vida de uma pessoa,
interferindo nos sentidos, emoções e intelecto; pode ser usada para
se atingir objetivos específicos.
O uso apropriado de cores pode resultar em uma rápida e
correta assimilação da informação. Mas seu uso incorreto pode
trazer resultados indesejáveis.
![Page 20: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/20.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Conhecer um pouco de teoria das cores, ajuda a chegar no resultado esperado mais rapidamente:
• representar associações simbólicas
• chamar e direcionar a atenção
• enfatizar alguns aspectos da interface
• determinar um estado de espírito
• não devemos abusar do uso de cores
• temos que entender o que cada tonalidade representa.
• conhecer que emoção passa
![Page 21: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/21.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
![Page 22: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/22.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
![Page 23: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/23.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
![Page 24: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/24.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
![Page 25: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/25.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
![Page 26: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/26.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
![Page 27: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/27.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
![Page 28: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/28.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
![Page 29: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/29.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
RGB - Adotado em monitores e TV
![Page 30: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/30.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
CMYK - Adotado em impressões
![Page 31: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/31.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Tipografia na Web
Sites interessantes:
www.dafont.com
www.1001fonts.com
http://pt.fontriver.com
http://www.netfontes.com.br
![Page 32: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/32.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Tipografia na Web
Famílias
![Page 33: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/33.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Imagens na Web
Bitmap X Vetorial
PIXEL – Ponto que compõe uma imagem bitmap. Quando a imagem é ampliada, os pixels se tornam visíveis, na forma de quadrados de cor e luz. Dando o efeito de textura e profundidade.
VETOR – É um segmento de reta que possui comprimento e direção, podendo ser definido também como uma expressão matemática que indica tamanho e direção. Gráficos vetoriais são compostos por “nós”, os quais interconectam-se por meio de linhas e curvas.
Existem imagens que se baseiam em pixels, como é o caso das fotografias, e imagens que se baseiam em vetores, como os logotipos.
![Page 34: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/34.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Imagens na Web
Bitmap
![Page 35: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/35.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Imagens na Web
Vetorial
![Page 36: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/36.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Introdução a usabilidade na Web
Definições
Ergonomia
Ergonomia (ou Fatores Humanos) é a disciplina científica que trata da compreensão das interações entre os seres humanos e outros elementos de um sistema, e a profissão que aplica teorias, princípios, dados e métodos, a projetos que visam otimizar o bem estar humano e a performance global dos sistemas.
Os praticantes da Ergonomia, Ergonomistas contribuem para o planejamento, projeto e a avaliação de tarefas, postos de trabalho, produtos, ambientes e sistemas para torná-los compatíveis com as necessidades, habilidades e limitações das pessoas.
![Page 37: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/37.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Introdução a usabilidade na Web
Definições
Usabilidade
Pela definição da International Organization for Standardization, usabilidade é a extensão na qual um produto pode ser usado por usuários específicos para alcançar objetivos específicos com efetividade, eficiência e satisfação em um contexto de uso específico (ISO 9241-11).
Para Jacob Nielsen, um site deve ser ser de fácil aprendizagem, permitir utilização eficiente e apresentar poucos erros são os três aspectos fundamentais para a percepção da boa usabilidade por parte do usuário.
![Page 38: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/38.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Introdução a usabilidade na Web
Usabilidade X Funcionalidade
![Page 39: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/39.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Introdução a usabilidade na Web
Padrões para Web – Abas
![Page 40: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/40.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Introdução a usabilidade na Web
Padrões para Web – Link Principal
![Page 41: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/41.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Introdução a usabilidade na Web
Padrões para Web – Seletor de Idiomas
![Page 42: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/42.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Introdução a usabilidade na Web
Padrões para Web – Pesquisa Simples
![Page 43: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/43.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Introdução a usabilidade na Web
Padrões para Web – Página 404
![Page 44: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/44.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Introdução a usabilidade na Web
Testes de Usabilidade
![Page 45: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/45.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Introdução a usabilidade na Web
Testes de Usabilidade - Laboratório
![Page 46: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/46.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Introdução a usabilidade na Web
Testes de Usabilidade – Protótipo de Papel
![Page 47: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/47.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Padrões e Acessibilidade
Leis e Padrões Web
“ O poder da Web está em sua universalidade. O acesso feito por qualquer pessoa, independentemente de sua capacidade, é um
aspecto essencial. “
Tim Berners-Lee, W3C Director and Inventor of the World Wide Web
![Page 48: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/48.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Padrões e Acessibilidade
Leis
Lei Federal: Lei nº 10.098, de 19 de dezembro de 2000, assinada pelo ex-Presidente Fernando Henrique Cardoso.
Decreto nº 5.296, assinado em 2 de dezembro de 2004 que estabelece as normas gerais e critérios básicos para a promoção da acessibilidade das pessoas portadoras de deficiência ou com mobilidade reduzida.
http://www.planalto.gov.br
![Page 49: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/49.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Padrões e Acessibilidade
Usuários
![Page 50: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/50.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Padrões e Acessibilidade
Avaliação de Sites
W3C
http://www.w3.org/WAI
Acessibilidade Brasil
http://www.acessobrasil.org.br
![Page 51: Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.](https://reader035.fdocument.pub/reader035/viewer/2022062512/552fc13c497959413d8dac66/html5/thumbnails/51.jpg)
Concepção, Planejamento e Arquitetura de Sites
CEEE-2011
Centro de Estudos de Pessoal"Valorizando o Homem, serve ao Exército e ao Brasil"
Como fazer um Site online grátis
Google – Sites
Wix
Webs
Webnode