Aplicativos Web – Web Design

Apresentação em tema: "Aplicativos Web – Web Design"— Transcrição da apresentação:

1 Aplicativos Web – Web Design
Ensino Médio Integrado Ana Paula Alves de Lima Técnicas e Projeto de Sistemas – Técnico Subsequente

2 FUNDAMENTOS DE DESIGN WEB
O que é

3

4 O que é? Design não é deixar um produto “bonitinho”.
Design é muito mais que estética. 

5 "(Design é) a visualização criativa e sistemática dos processos de interação e das mensagens de diferentes atores sociais."

6 Hâ????

7 DESIGN…  É uma forma de comunicar uma ideia ou conceito, usando processos, elementos e princípios do design.

8 Você já ouviu falar em design de interface?
Interface gráfica?

9 INTERFACE… Objetivo principal conectar você a uma ferramenta, utilizando um de seus sentidos, fazendo com que uma determinada informação chegue até você de forma amigável e compreensível..

10 Hâ???? Exemplo... SACHE DE CHÁ. É a interface que faz o
link entre o homem e a máquina. Isso vai muito além do computador... Exemplo... SACHE DE CHÁ.

11 Vamos entender... Existe uma interface entre o sachet e a fita de papel que segura a cordinha presa ao sache! Possui duas tarefas, veja...

12 Vamos entender... 1º - A fita de papel pode indicar alguma publicidade, como sabor do chá através da cor. 2º Facilidade de colocar o sache na água quente sem tocar na água e não se queimar.

13 Essa pequena fita de papel é o que passar a ser essencial para manuseio do produto.

14 Segundo o designer Gui Bonsiepe...
Compreende a interface como ponto central do design. São três elementos:

15 Essas três áreas conectadas formam a interface...
O usuário A tarefa a ser executada A ferramenta necessária para a execução da tarefa Essas três áreas conectadas formam a interface...

16 OBJETIVO DE TODO WEB DESIGNER...
Algo que vai além da beleza... Códigos html, textos, imagens e navegação bem mais amigáveis e compreensíveis... Contribuir para uma interface gráfica não só bonita, mas funcional.

17 Elementos do Web Design
Um bom design web se difere por sua funcionalidade e harmonia estética entre os mais variados elementos.

18 Elementos de Navegação
Ajuda o usuário a se mover dentro do site e acessar áreas específicas.

19 Elementos de Orientação
Diz ao usuário onde ele está dentro do site.

20 Elementos de Interação
Processa informações e dados incluídos pelo usuário. Exemplo: uma busca, formulários, enquetes, etc.

21 Elementos de Conteúdo Toda a informação em forma de texto, imagens, sons, vídeos ou animações.

22 Elementos de Emoção Apelam para o sentimento do usuário, provocando curiosidade ou convidando a continuar a visitação, destacando alguma seção do site, produto ou serviço. Esses elementos podem ser imagens, animações, sons ou composições textuais.

23 Uso Orientado do Design Web
Qual será o seu público principal? Esse layout será feito para quem? Que tipo de pessoa irá interagir com esse layout?

24 O conjunto dos elementos conteúdo/interação/emoção/orientação/navegação devem ser adequados ao público-alvo.

25 Um bom conteúdo, uma animação inovadora, bons layouts, só são bem recebidos se falarem a linguagem do usuário.

26 Exemplo... Se você tiver TV a cabo ou antena parabólica já deve ter sintonizado na RTP, uma rede de televisão portuguesa. Neste canal encontramos um programa bastante curioso, cujo nome é "Contra-Informação". Trata-se de um programa humoristico com centenas de bonecos de personalidades portuguesas.

27 se você for português, dará gargalhadas com esse programa
se você for português, dará gargalhadas com esse programa. Mas o brasileiro dificilmente entenderá as piadas portuguesas desse humorístico.

28 Exemplo de piada portuguesa...
"Porque é que os alentejanos plantam três laranjeiras juntas? Resposta: Para dar Trinaranjus!”

29 Trazendo isso para o design web, podemos dizer que é praticamente impossível agradar a todos. Por isso a importante necessidade de definição desse público. Uma pesquisa aprofundada, de campo, é o ideal para se ter essa informação.

30

31 Mãos na massa... Veja cada personagem abaixo e compare, fazendo relação com o perfil e os sites apresentados. Ligue os pontos

32 Os piores sites do mundo...

33