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

CONTEXTO

• 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.

AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO

 Webdesign
Introdução

CONTEXTO

• Consequentemente, desenvolver interfaces

eficientes tornou-se um grande desafio para os pt.wix.com
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.
Fonte: Autor

AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO

 Webdesign
Web design

O que é 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.

AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO

 Webdesign
Web design

O web designer

• 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.

AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO

 Webdesign
Web design

Características desejáveis:

• 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.

AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO

 Webdesign
Conteúdo programático

1. Contexto histórico e atual da evolução digital

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.

Fonte: sxc.hu

AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO

 Webdesign
Conteúdo programático

2. Planejamento

2.1. Briefing. |
2.2. Definindo escopo e objetivos.
2.3. Entendendo recursos de linguagem web
(CSS3/HTML5).

Fonte: freerangestock.com

AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO

 Webdesign
Conteúdo programático

3. Conceituação

3.1. Requisitos do projeto; |

3.2. Pesquisa visual e de concorrentes;
3.3. Conceito editorial;
3.4. Justificativa do projeto.

Fonte: freerangestock.com

AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO

 Webdesign
Conteúdo programático

4. Estrutura e prototipação

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.

Fonte: freerangestock.com

AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO

 Webdesign
Conteúdo programático

5. Criação

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.
Fonte: freerangestock.com

AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO

 Webdesign
Conteúdo programático

6. Estratégias

6.1. Introdução ao SEO: Estratégias online |

Fonte: freerangestock.com

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árias envolvendo 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).

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.
AULA 01: APRESENTAÇÃO DO PLANO DE ENSINO