WEBDESIGN - Aula 1

Prévia do material em texto

AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO
Webdesign
WEBDESIGN
Aula 01: Apresentação do plano de ensino
AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO
Webdesign
Objetivos desta Aula
1. Definir a disciplina;
2. Analisar as aplicações do Web Design;
3. Descrever o conteúdo programático;
4. Explicar os procedimentos de ensino;
5. Listar os meios de avaliação;
6. Explicar a atividade estruturada;
7. Descrever o material didático;
8. Listar a bibliografia.
AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO
Webdesign
|
Introdução
• O rápido avanço tecnológico digital tem proporcionado novas formas de comunicação na sociedade;
• O foco na área de desenvolvimento e criações de sites/aplicativos/sistemas digitais tem crescido 
rapidamente em um mundo que virtualiza cada vez mais as ações e comunicações humanas;
• A tecnologia digital está em constante evolução e novas descobertas de interação ocupam um papel 
central no universo virtual; 
• A cibercultura vem modificando as formas de comunicação através do uso de smartphones, laptops, 
desktops e tablets.
CONTEXTO
AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO
Webdesign
Introdução
• Consequentemente, desenvolver interfaces 
eficientes tornou-se um grande desafio para os 
profissionais de criação;
• Aumenta cada vez mais a possibilidade do 
próprio usuário criar, por exemplo, seus sites 
em plataformas “faça você mesmo”, obrigando 
os profissionais de web design a desenvolver 
sites diferenciados não só esteticamente.
CONTEXTO
pt.wix.com
Fonte: Autor
AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO
Webdesign
|
Web design
• Os ambientes digitais têm estado cada vez mais presentes no dia a dia das pessoas. 
Consequentemente, os usuários se deparam cotidianamente com novos sites e aplicativos, e uma boa 
experiência na navegação se torna essencial para o sucesso do produto;
• Seguir uma boa tendência em design é uma ótima maneira de garantir o atrativo público, por outro 
lado tendências tem prazo limitado. Um bom projeto de web design transcende as tendências e, para 
isso, é de fundamental importância um trabalho multidisciplinar e conhecimentos do ambiente web;
• Para a criação de um estilo é necessário considerar conhecimentos envolvendo a estrutura, a 
navegabilidade, o uso das cores, o uso dos tipografias próprias para os meios digitais etc.
O que é web design?
AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO
Webdesign
|
Web design
• Conhecer o ambiente web é imprescindível para que o Designer Gráfico e o Publicitário trabalhem na 
concepção e o desenvolvimento de páginas web; colaborem no levantamento de requisitos no 
desenvolvimento do ambiente digital; participem na avaliação e fiscalização da qualidade do produto;
• Esses profissionais ainda têm, em suas atividades, a responsabilidade de desenvolver estratégias 
visando apresentar o conteúdo, tendo em conta as necessidades apontadas para um determinado 
público-alvo, de forma clara e objetiva;
• O conhecimento de ambos profissionais podem garantir, além da facilidade de uso e desempenho 
gráfico, a experiência perfeita do usuário.
O web designer
AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO
Webdesign
|
Web design
• Total conhecimento das etapas de criação de uma interface web;
• Conhecimento das tendências e novas tecnologias presentes no mercado;
• Capacidade para colaborar na definição de escopo, objetivos e requisitos do projeto;
• Habilidade para trabalhar em equipe e intermediar contatos com clientes;
• Responsabilidade com os prazos nas diferentes etapas do projeto;
• Facilidade em gerenciar e organizar os documentos e arquivos referentes ao projeto;
• Criatividade e destreza ao propor soluções eficientes;
• Capacidade de conciliar e entender a demanda do cliente e as necessidades do usuário.
Características desejáveis:
AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO
Webdesign
|
Conteúdo programático
1. Contexto histórico e atual da evolução digital
Fonte: sxc.hu
1.1. O que é um ambiente digital;
1.2. A evolução dos sites ao longo dos anos;
1.3. As mudanças estéticas, funcionais e estruturais.
AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO
Webdesign
|
Conteúdo programático
2. Planejamento
Fonte: freerangestock.com
2.1. Briefing.
2.2. Definindo escopo e objetivos.
2.3. Entendendo recursos de linguagem web 
(CSS3/HTML5).
AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO
Webdesign
|
Conteúdo programático
3. Conceituação
Fonte: freerangestock.com
3.1. Requisitos do projeto;
3.2. Pesquisa visual e de concorrentes;
3.3. Conceito editorial;
3.4. Justificativa do projeto.
AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO
Webdesign
|
Conteúdo programático
4. Estrutura e prototipação
Fonte: freerangestock.com
4.1. Arquitetura da Informação, Usabilidade e 
Ergonomia;
4.2. Mapa de Site e de Fluxo;
4.3. Criando o Grid;
4.4. Criando o Wireframe;
4.5. Criando o Protótipo.
AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO
Webdesign
|
Conteúdo programático
5. Criação
Fonte: freerangestock.com
5.1. Projetando o layout;
5.2. Cores na web;
5.3. Tipografia digital;
5.4. Uso de imagens e texturas; 
5.5. Uso de ícones;
5.6. Validando o projeto.
AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO
Webdesign
|
Conteúdo programático
6. Estratégias
Fonte: freerangestock.com
6.1. Introdução ao SEO: Estratégias online
AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO
Webdesign
Bibliografia recomendada
BEAIRD, Jason. Princípios do Web Design Maravilhoso. 
Rio de Janeiro: Alta Books, 2012.
KALBACH, James. Design de Navegação Web: Otimizando 
a Experiência do Usuário. Tradução: Eduardo Kessler
Piveta. Revisão Técnica: Marcelo Soares Pimenta. Porto 
Alegre, RS: Bookman, 2009.
MEMÓRIA, Felipe. Design para internet: projetando a 
experiência perfeita. Rio de Janeiro: Elsevier, 2005.
AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO
Webdesign
Procedimentos de avaliação
• O processo de avaliação será composto de três etapas, Avaliação 1 (AV1), 
Avaliação 2 (AV2) e Avaliação 3 (AV3). A cada uma será atribuído grau de 
0,0 (zero) a 10,0 (dez) pontos, admitindo-se uma decimal;
• As avaliações serão compostas pelas etapas de desenvolvimento de um 
projeto em design gráfico. 
Na primeira avaliação (AV1) o aluno deve entregar a primeira parte do 
projeto de web design, em forma de relatório e apresentação, que 
poderá valer de 8 a 10 pontos, contemplando as etapas de 
Planejamento, Conceituação e, se possível, o início da Estruturação;
• Caso o professor opte por atribuir o máximo de 8 pontos ao projeto, 
sugere-se que os pontos restantes sejam distribuídos ao cumprimento 
de prazos de entrega de cada uma das atividades de 
documentação solicitadas no decorrer das aulas;
AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO
Webdesign
Procedimentos de avaliação
• Para a segunda avaliação (AV2), o aluno deve entregar a versão 
integral do projeto desenvolvido, juntamente com um relatório 
do projeto, contemplando todas as etapas e processos, 
inclusive a apresentada na AV1, corrigida (quando for o caso). 
Esta disciplina não faz PNI;
• Por fim, na terceira avaliação (AV3), o aluno deverá refazer o 
trabalho prático apresentado na AV2, a partir das indicações de 
correção apresentadas pelo professor;
• Para a aprovação na disciplina, o aluno deverá, 
cumulativamente, atingir resultado igual ou superior a 6,0, 
calculado a partir da média aritmética entre os graus das 
avaliações, sendo consideradas apenas as duas maiores notas 
obtidas dentre as três etapas de avaliação (AV1, AV2 e AV3).
AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO
Webdesign
Proposta de atividade
• Alunos divididos em duplas;
• Cada dupla deverá escolher um web site para breve análise;
• Os alunos devem identificar e discutir os problemas do web 
site escolhido;
• Ao final, cada dupla deve explicar como os conhecimentos em 
Web Design poderiam auxiliar publicitários e designers 
gráficos a resolverem problemas apontados.
AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO
Webdesign
Saiba mais
Inspirações diáriasenvolvendo design digital: http://abduzeedo.com/
Curadoria com web sites em destaque: http://awwwards.com
DWD:2 (RADFAHRER, Luli) - E-book com conceitos básicos e analogias 
relevantes para melhor compreensão do Web Design (recomenda-se 
leitura dos capítulos 1, 2 e 3 para um aprofundamento inicial útil para 
a disciplina).
http://abduzeedo.com/
http://awwwards.com/
AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO
Webdesign
VAMOS AOS PRÓXIMOS PASSOS?
História da Web;
Evolução dos ambientes digitais;
Evolução das interfaces gráficas 
digitais;
Evolução das tecnologias para 
criação de web sites.
AVANCE PARA FINALIZAR 
A APRESENTAÇÃO.