Curso web faveni aula 27

742 visualizações

Publicada em

Teoria e prática do webdesign

Aula apresentada em 11/12/2010

Publicada em: Educação
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
742
No SlideShare
0
A partir de incorporações
0
Número de incorporações
15
Ações
Compartilhamentos
0
Downloads
19
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Curso web faveni aula 27

  1. 1. Curso Web FAVENI Aula 27 Teoria e prática do Webdesign 11/12/2010
  2. 2. O que é Design? <ul><li>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. </li></ul>fonte
  3. 3. Qual a diferença entre Design e Arte? <ul><li>A arte inspira. O Design motiva. </li></ul><ul><li>A arte existe para ser interpretada. O design existe para ser entendido. </li></ul><ul><li>A arte evoca uma mensagem diferente para cada pessoa. O design transmite a mesma mensagem para todas as pessoas. </li></ul><ul><li>A arte é um talento nato. O design é uma habilidade adquirida. </li></ul>fonte
  4. 4. O que é Webdesign? <ul><li>“ 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). </li></ul>fonte
  5. 5. Quais as habilidades de um webdesigner? <ul><li>Habilidades pessoais: </li></ul><ul><li>Criatividade </li></ul><ul><li>Atenção ao detalhe </li></ul><ul><li>Memória visual </li></ul><ul><li>Pensamento lógico </li></ul><ul><li>Habilidade em lidar com pessoas </li></ul><ul><li>... </li></ul>
  6. 6. Quais as habilidades de um webdesigner? <ul><li>Habilidades pessoais: </li></ul><ul><li>Senso estético </li></ul><ul><li>Determinação </li></ul><ul><li>Organização </li></ul><ul><li>Empreendedorismo – Capacidade de identificar e gerar oportunidades. </li></ul>
  7. 7. Quais as habilidades de um webdesigner? <ul><li>Habilidades técnicas: </li></ul><ul><li>Tipografia – link </li></ul><ul><li>Cores – link1 – link2 </li></ul><ul><li>Fotografia – link </li></ul><ul><li>Redação – link </li></ul><ul><li>E as tecnologias da web: HTML, CSS ... </li></ul>
  8. 8. Quais as habilidades de um webdesigner? <ul><li>Conceitos relacionados ao design: </li></ul><ul><li>Gestalt – link1 – link2 – link3 </li></ul><ul><li>Semiótica – link1 – link2 </li></ul>
  9. 9. Mas, o que é preciso para fazer um site? <ul><li>Registro de um domínio </li></ul><ul><li>registro. br </li></ul><ul><li>Hospedagem gratuita: </li></ul><ul><li>http://000webhost.com </li></ul><ul><li>saiba mais </li></ul><ul><li>Hospedagens pagas: UOL, Localweb, ... </li></ul>
  10. 10. Recursos úteis <ul><li>Bancos de imagens - link </li></ul><ul><li>Ícones - link </li></ul><ul><li>Scripts - link </li></ul><ul><li>Tutoriais, CMS, sites de referência... </li></ul>
  11. 11. Para fazer o seu site... <ul><li>Uma descrição sobre você e o seu trabalho </li></ul><ul><li>Um portfólio de trabalhos realizados </li></ul><ul><li>Formulário de contato </li></ul><ul><li>Transforme seu nome </li></ul><ul><li>em uma marca. </li></ul>
  12. 12. Para fazer um site para um cliente... <ul><li>O que é um cliente? </li></ul><ul><li>Em economia, cliente é toda pessoa física ou jurídica que adquire algum produto ou serviço. </li></ul><ul><li>Parte compradora de um contrato de fornecimento. Geralmente é quem determina as especificações do produto. </li></ul>
  13. 13. Quem pode ser seu cliente? <ul><li>Você mesmo, a empresa em que você trabalha, a sua própria empresa, seu colega, um parente, um amigo, um contato, um conhecido... </li></ul>
  14. 14. Escolha seus clientes <ul><li>Se você tentar agradar a todo mundo, não vai agradar ninguém. </li></ul>
  15. 15. Cuidado com clientes que: <ul><li>tentam de forma insistente negociar valor. Ele vai querer determinar quanto vale o seu trabalho; </li></ul><ul><li>tem um site muito mal feito. A culpa pode ter sido deles; </li></ul><ul><li>eles mesmos ou um funcionário fizeram o site atual; </li></ul><ul><li>... </li></ul>
  16. 16. Cuidado com clientes que: <ul><li>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ê; </li></ul><ul><li>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; </li></ul>fonte
  17. 17. O cliente é o segredo do sucesso de um site <ul><li>Se você não define o papel do cliente, ele define o seu. </li></ul><ul><li>O cliente define os problemas, o webdesigner acha as soluções. </li></ul><ul><li>O cliente é o gerador de conteúdo, o webdesigner organiza a comunicação. </li></ul>
  18. 18. O cliente é o segredo do sucesso de um site <ul><li>O cliente define o que é prioritário para o seu negócio, o webdesigner escolhe a forma de apresentação. </li></ul><ul><li>O cliente define qual é o objetivo do site. O webdesigner busca atingir este objetivo e mede os resultados. </li></ul>fonte
  19. 19. Como cobrar por um site? <ul><li>Imaginado a situação de criar um site usando um CMS, como o XOOPS: </li></ul><ul><li>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; </li></ul><ul><li>Defina os tipos de site que você irá atender e crie tabelas de preço para cada perfil de site; </li></ul>
  20. 20. Como cobrar por um site? <ul><li>Defina um valor ideal para a criação de um site completo e distribua este valor entre os componentes do site; </li></ul><ul><li>Complemente com outros serviços </li></ul><ul><li>Documente cada etapa com contratos e recibos </li></ul>fonte
  21. 21. Como planejar um site? <ul><li>Briefing </li></ul><ul><li>Levantamento dos requisitos, objetivos, conteúdo, prioridades. </li></ul><ul><li>Arquitetura da Informação </li></ul><ul><li>Estratégias de organização do conteúdo de forma a otimizar a comunicação. </li></ul><ul><li>Layout </li></ul><ul><li>Definições técnicas de apresentação usando as tecnologias da web </li></ul>fonte
  22. 22. O que não fazer em um site? <ul><li>O que você já sabe que não deve usar em um site: </li></ul><ul><li>Musiquinha </li></ul><ul><li>Muita coisa se mexendo e piscando </li></ul><ul><li>Fontes diferentes em excesso </li></ul><ul><li>Etc... </li></ul>
  23. 23. O que é importante lembrar: <ul><li>Um site deve ser encarado como um desafio de comunicação, não como um desafio tecnológico; </li></ul><ul><li>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; </li></ul>
  24. 24. O que é importante lembrar: <ul><li>Um elemento no site sem objetivo é poluição visual. Pergunte a si mesmo “e se eu tirar isso?”; </li></ul><ul><li>Inovação visual não compensa falta de relevância do conteúdo e usabilidade ruim. </li></ul>
  25. 25. O que mais fazer além de sites? <ul><li>Email marketing </li></ul><ul><li>Vídeos institucionais </li></ul><ul><li>Páginas do Facebook </li></ul><ul><li>Aplicativos para celular </li></ul><ul><li>Atualização de conteúdo </li></ul><ul><li>Monitoramento de redes sociais </li></ul>
  26. 26. <ul><li>Mãos à obra! </li></ul>

×