WEBDESIGN | UFPE

1. Professor 

Prof. Dr. Guilherme Ranoya

2. Oferta 

Prevista para  
 

3. Resumo 

Esta disciplina tem a função de ensinar o processo e os conceitos envolvidos no projeto e produção de websites. Ela trabalhará com os aspectos e conceitos técnicos como infra-estrutura e transporte de dados pela internet, e também com a construção de código HTML, e chegará até o processo criativo de projetos gráficos para a web.

Todos estes assuntos serão abordados de forma introdutória. A disciplina não tem a missão de formar programadores ou desenvolvedores web, e mesmo dentro do escopo de design, são necessários bem mais do que 6 meses de aulas para que um profissional seja plenamente capaz de assumir projetos voltados para web, considerando que as tecnologias e as técnicas mudam constante e rapidamente.

O intuito deste grupo de estudo é introduzir o assunto e envolver gradualmente o aluno no mundo do design para web.

4. Recomendações e encaminhamento 

Recomenda-se aos alunos que se interessarem na área de design para mídias digitais que cursem, após a cadeira de Webdesign, as demais disciplinas do eixo, como apresentadas no diagrama abaixo. Esta trajetória não se configura como algo obrigatório ou necessário, mas uma recomendação para que o aproveitamento formativo seja integral.

5. Quem deve cursar esta disciplina?

Alunos de graduação que desejam iniciar seu aprendizado sobre o design para web.

6. Quem NÃO deve cursar esta disciplina?

Alunos que já tenham conhecimento ou prática com o assunto, uma vez que o conteúdo abordado pelo grupo de estudo é introdutório.

7. Ementa 

Eixos predominantes de estética e tecnologia
nível básico

Estudo dos processos e metodologia utilizados no design de informação utilizando o website como suporte, contemplando sua arquitetura de informação, estrutura e materialidade gráfica, assim como a introdução aos aspectos técnicos da mídia computacional, das convenções e peculiaridades da linguagem, e dos conceitos envolvidos para a viabilidade de sua produção.

8. Objetivos 

A proposta deste componente curricular é preparar o aluno para as atividades, as práticas e o raciocínio envolvidos na construção de um formato específico das mídias digitais, o website. Apesar de comum, este tipo de projeto é complexo e envolve questões técnicas, tecnológicas e produtivas, além dos próprios desafios presentes na construção de uma expressão gráfica-visual que proporcione identidade, identificação, comunicação e sentido. Desta forma, o presente grupo de estudo visa desenvolver a competência projetual utilizando esta mídia como campo de experimentação, e assim aprofundar o entendimento de que projetar é um trabalho intelectual mais do que instrumental.

9. Metodologia 

Aulas expositivas para apresentação e discussão de conceitos e questões envolvidas no projeto de websites, e aulas práticas para experimentação com a mídia e reflexão sobre a aplicação dos conceitos.

10. Conteúdo Programático 

  1. Arquitetura da mídia e fundamentos

    Introdução ao funcionamento da web
    O que é webdesign: a necessidade de se projetar o que pessoas vão utilizar na web
    Ambiente: o navegador e os diferentes navegadores
    Largura de banda, transferência de dados, cache e outras limitações técnicas
    Contexto de uso: mobile, desktop, e as diferentes formas de uso dos websites
    Relação cliente-servidor: como funciona um sistema
    Ferramentas de produtividade e as diferentes formas como um website é produzido
  2. Linguagem de marcação e instrumentação

    Estrutura e funcionamento do código HTML
    Organização, operadores e propriedades do código CSS
    Separação e organização de códigos
    Construção de códigos para contextos diferentes
    Exercício de
  3. Arquitetura de informação

    Princípios de usabilidade
    Navegação, wayfinding, findability
    Contexto, conteúdo e uso
    Ontologia da informação
    Plataforma, programa e protocolo
    Wireframes: planejamento, estrutura e consistência gráfica
    Das necessidade do negócio ao layout: camadas de um projeto web
    Exercício de
  4. Prototipação

    Aplicação de conceitos (arquitetura de informação, linguagem, otimização, etc.)
    Construção gráfica e planejamento para código de marcação
    Sistematização e consolidação do processo produtivo
    Exercício de

Documentação de aula

Plano de aula


11. Sistema de avaliação e critérios 

A avaliação será realizada através da entrega de 3 exercícios propostos:
, e .

Os dois primeiros exercícios correspondem, cada um, a ¼ da composição da nota, e o último exercício a ½ da composição final da nota. Estes são os critérios para avaliação dos três trabalhos práticos:

  • 20% Respeito aos prazos;
    Avaliada a capacidade de produzir de forma disciplinada (produtividade)
    OBS: Trabalhos entregues no formato errado, com nomenclatura errada, que não podem ser abertos, ou que desrespeitem as especificações feitas, serão considerados como não entregues.

  • 40% Documentação (explicações claras e legíveis das soluções adotadas);
    Avaliada a capacidade de entendimento teórico-prático e raciocínio sobre o conhecimento

  • 40% Execução (solução bem resolvida e bem acabada);
    Avaliada a capacidade de uso, aproveitamento e aplicação do conhecimento

  • Web HQ Ontologia Redesign
    0,5 1,0 1,0 0,5 1,0 1,0 1,0 2,0 2,0

Acompanhamento da avaliação

12. Bibliografia 

13. Resultados e contribuições 

Esta disciplina contribui ao contexto social em que estamos inseridos preparando profissionais de design para que pensem, projetem, produzam e aperfeiçõem websites, mídia cuja ênfase são as informações públicas sobre empresas, negócios, produtos, serviços dentre uma grande variedade de outras atividades para as quais a web serve como suporte informacional.

Ela também contribui com o processo formativo do designer, em conjunto às demais disciplinas oferecidas no curso de Bacharelado em Design da Universidade Federal de Pernambuco, introduzindo o aluno aos artefatos digitais e ao design construído através do código computacional, e inicia o desenvolvimento da competência de se projetar para mídias complexas, como pode ser obervado nos trabalhos desenvolvidos na disciplina:

 

14. Histórico 

 
Copyright © 2017, Prof. Dr. Guilherme Ranoya.
Departamento de design: dDesign | UFPE