curso web faveni aula 27

26
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesign Prof. Luis Marcelo Zanlucki – [email protected] Curso Web FAVENI Curso Web FAVENI Aula 27 Aula 27 Teoria e prática do Webdesign Teoria e prática do Webdesign 11/12/2010 11/12/2010

Upload: luis-marcelo-zanlucki

Post on 06-Jun-2015

535 views

Category:

Education


4 download

DESCRIPTION

Teoria e prática do webdesignAula apresentada em 11/12/2010

TRANSCRIPT

Page 1: Curso web faveni aula 27

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]

Curso Web FAVENICurso Web FAVENIAula 27Aula 27

Teoria e prática do WebdesignTeoria e prática do Webdesign

11/12/201011/12/2010

Page 2: Curso web faveni aula 27

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]

O que é Design?O que é Design?

Denomina-se design qualquer processo técnico e criativo relacionado à

configuração, concepção, elaboração e especificação de um artefato. Esse

processo normalmente é orientado por uma intenção ou objetivo, ou para a solução de

um problema.

fonte

Page 3: Curso web faveni aula 27

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]

Qual a diferença entre Design e Arte?Qual a diferença entre Design e Arte?

•A arte inspira. O Design motiva.

•A arte existe para ser interpretada. O design existe para ser entendido.

•A arte evoca uma mensagem diferente para cada pessoa. O design transmite a mesma mensagem para todas as pessoas.

•A arte é um talento nato. O design é uma habilidade adquirida.fonte

Page 4: Curso web faveni aula 27

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]

O que é Webdesign?O que é Webdesign?

“O webdesign é um fragmento do design. Não existe webdesigner. Existe o designer que faz web, e este profissional tem que aprender tudo, tipografia, fotografia, semiótica, gestalt, matemática, ótica, percepção, comportamento humano, etc. Senão, ele não consegue fazer web.” (Alexandre Wollner).

fonte

Page 5: Curso web faveni aula 27

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]

Quais as habilidades de um Quais as habilidades de um webdesigner?webdesigner?

Habilidades pessoais:

•Criatividade

•Atenção ao detalhe

•Memória visual

•Pensamento lógico

•Habilidade em lidar com pessoas

•...

Page 6: Curso web faveni aula 27

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]

Quais as habilidades de um Quais as habilidades de um webdesigner?webdesigner?

Habilidades pessoais:

•Senso estético

•Determinação

•Organização

•Empreendedorismo – Capacidade de identificar e gerar oportunidades.

Page 7: Curso web faveni aula 27

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]

Quais as habilidades de um Quais as habilidades de um webdesigner?webdesigner?

Habilidades técnicas:•Tipografia – link

•Cores – link1 – link2

•Fotografia – link

•Redação – link

•E as tecnologias da web: HTML, CSS ...

Page 9: Curso web faveni aula 27

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]

Mas, o que é preciso para fazer um site? Mas, o que é preciso para fazer um site?

•Registro de um domínio

registro.br

•Hospedagem gratuita:

http://000webhost.com saiba mais

•Hospedagens pagas: UOL, Localweb, ...

Page 10: Curso web faveni aula 27

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]

Recursos úteisRecursos úteis

•Bancos de imagens - link

•Ícones - link

•Scripts - link

•Tutoriais, CMS, sites de referência...

Page 11: Curso web faveni aula 27

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]

Para fazer o seu site...Para fazer o seu site...

•Uma descrição sobre você e o seu trabalho

•Um portfólio de trabalhos realizados

•Formulário de contato

Transforme seu nome

em uma marca.

Page 12: Curso web faveni aula 27

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]

Para fazer um site para um cliente...Para fazer um site para um cliente...

O que é um cliente?•Em economia, cliente é toda

pessoa física ou jurídica que adquire algum produto ou serviço.

•Parte compradora de um contrato de fornecimento. Geralmente é quem determina as especificações do produto.

Page 13: Curso web faveni aula 27

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]

Quem pode ser seu cliente?Quem pode ser seu cliente?

•Você mesmo, a empresa em que você trabalha, a sua própria empresa, seu colega, um parente, um amigo, um contato, um conhecido...

Page 14: Curso web faveni aula 27

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]

Escolha seus clientesEscolha seus clientes

Se você tentar agradar a todo mundo, não vai agradar ninguém.

Page 15: Curso web faveni aula 27

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]

Cuidado com clientes que:Cuidado com clientes que:

•tentam de forma insistente negociar valor. Ele vai querer determinar quanto vale o seu trabalho;

•tem um site muito mal feito. A culpa pode ter sido deles;

•eles mesmos ou um funcionário fizeram o site atual;

•...

Page 16: Curso web faveni aula 27

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]

Cuidado com clientes que:Cuidado com clientes que:

•querem fazer reuniões e discussões demais para tomar uma decisão. Provavelmente ele não sabe o que quer e não confia em você;

•não comunicam o que querem do site. Só depois de tudo pronto eles vão dizer que não era isso que eles queriam;fonte

Page 17: Curso web faveni aula 27

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]

O cliente é o segredo do O cliente é o segredo do sucesso de um site sucesso de um site

•Se você não define o papel do cliente, ele define o seu.

•O cliente define os problemas, o webdesigner acha as soluções.

•O cliente é o gerador de conteúdo, o webdesigner organiza a comunicação.

Page 18: Curso web faveni aula 27

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]

O cliente é o segredo do O cliente é o segredo do sucesso de um sitesucesso de um site

•O cliente define o que é prioritário para o seu negócio, o webdesigner escolhe a forma de apresentação.

•O cliente define qual é o objetivo do site. O webdesigner busca atingir este objetivo e mede os resultados.

fonte

Page 19: Curso web faveni aula 27

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]

Como cobrar por um site?Como cobrar por um site?

Imaginado a situação de criar um site usando um CMS, como o XOOPS:

•Estabeleça um valor de instalação mínima, de instalação dos módulos e de criação de páginas de conteúdo;

•Defina os tipos de site que você irá atender e crie tabelas de preço para cada perfil de site;

Page 20: Curso web faveni aula 27

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]

Como cobrar por um site?Como cobrar por um site?

•Defina um valor ideal para a criação de um site completo e distribua este valor entre os componentes do site;

•Complemente com outros serviços

•Documente cada etapa com contratos e recibos fonte

Page 21: Curso web faveni aula 27

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]

Como planejar um site?Como planejar um site?

•BriefingLevantamento dos requisitos, objetivos,

conteúdo, prioridades.

•Arquitetura da InformaçãoEstratégias de organização do conteúdo

de forma a otimizar a comunicação.

•LayoutDefinições técnicas de apresentação

usando as tecnologias da webfonte

Page 22: Curso web faveni aula 27

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]

O que não fazer em um site?O que não fazer em um site?

O que você já sabe que não deve usar em um site:

•Musiquinha

•Muita coisa se mexendo e piscando

•Fontes diferentes em excesso

•Etc...

Page 23: Curso web faveni aula 27

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]

O que é importante lembrar:O que é importante lembrar:

•Um site deve ser encarado como um desafio de comunicação, não como um desafio tecnológico;

•Um site é projetado para comunicar a mensagem do seu cliente para o público-alvo dele, não tem nada a ver com o seu gosto pessoal;

Page 24: Curso web faveni aula 27

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]

O que é importante lembrar:O que é importante lembrar:

•Um elemento no site sem objetivo é poluição visual. Pergunte a si mesmo “e se eu tirar isso?”;

•Inovação visual não compensa falta de relevância do conteúdo e usabilidade ruim.

Page 25: Curso web faveni aula 27

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]

O que mais fazer além de sites?O que mais fazer além de sites?

•Email marketing

•Vídeos institucionais

•Páginas do Facebook

•Aplicativos para celular

•Atualização de conteúdo

•Monitoramento de redes sociais

Page 26: Curso web faveni aula 27

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]

Mãos à obra!