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

FUNDAMENTOS DE DESIGN WEB O que é

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

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

Hâ????

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

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

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

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

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

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.

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

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

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

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.

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

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

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

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

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

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.

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?

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

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

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.

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.

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

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.

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

Os piores sites do mundo... http://www.pinceladasdaweb.com.br/blog/2009/08/20/os-36-piores-sites-do-mundo/