Introdução ao Web Design: Aula 1 - Imersão ao Web Design
•
0 recomendaciones•595 vistas
- WebAlpha - Web em Números - O que é Web Design? - Etapas de um Projeto Web
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Similar a Introdução ao Web Design: Aula 1 - Imersão ao Web Design
Similar a Introdução ao Web Design: Aula 1 - Imersão ao Web Design (20)
Más de Gustavo Zimmermann
Más de Gustavo Zimmermann (20)
Introdução ao Web Design: Aula 1 - Imersão ao Web Design
- 1. Aula 1: Imersão ao Web Design prof. Gustavo Zimmermann Curso: Introdução ao Web Design E-mail: contato@gust4vo.com
- 2. Introdução a Web Design – Aula 1: Imersão ao Web Design Sumário O que veremos? 01. WebAlpha 02. Web em Números 04. O que é Web Design? 05. Etapas de um Projeto Web
- 4. • 1975: 100 sites na Arpanet; • 1982: 315 sites na Internet; • Hoje: mais de 174 milhões de sites, na Internet. *Vídeo: A História da Internet: http://youtu.be/yyY_392Tn7Q o início de tudo
- 5. o inventor do HTML Construído por Tim Berners-Lee (07/ago de 1991): 1º site na Web http://bit.ly/z1N8L
- 6. NAVEGADORES *Vídeo: Guerra dos Navegadores: http://youtu.be/DeEafmwRk6A
- 8. TODOS CONECTADOS até 1945 1946 a 1964 1965 a 1977 A partir de 1978
- 9. Web++A EVOLUÇÃO DA INTERNET
- 10. Web 1.0apresentação informação divulgação + =
- 11. Web 2.0interação intuição feedback colaboração + = +
- 12. Web 3.0analisar compreender feedback web semântica += +
- 13. COMPARAÇÃO ENTRE MARKETING 1.0 - 2.0 - 3.0 Marketing 1.0 CENTRADO NO PRODUTO Marketing 2.0 CENTRADO NO CONSUMIDOR Marketing 3.0 GUIADO POR VALORES OBJETIVO Vender Produtos Satisfazer e reter clientes Fazer um mundo melhor FORÇAS Revolução Industrial Tecnologia da Informação Tecnologia de uma Nova Era MERCADO Compradores em Massa – Necessidades Físicas Consumidor com Coração e Mente Consumidor com Coração, Mente e Espírito CONCEITO CHAVE Desenvolvimento de Produto Diferenciação Valores FUNÇÃO DA ÁREA DE MARKETING Especificação do Produto Posicionamento do Produto e Empresa Missão, Vis]ao e Valores PROPOSIÇÃO DE VALOR Funcional Funcional e Emocional Funcional, Emocional e Espiritual INTERAÇÃO COM CONSUMIDORES Transação 1-N Relacionamento 1-1 Colaboração de N-N
- 20. 53% dos internautas ativos são homens; Brasil INDICADORES IBOPE/Nielsen http://bit.ly/1806PHu
- 21. 47% dos internautas ativos são mulheres; Brasil INDICADORES IBOPE/Nielsen http://bit.ly/1806PHu
- 29. O QUE É WEB DESIGN? por onde começar?
- 30. “Design é transformar necessidades reais do ser humano em soluções de fácil entendimento.” Fernando Rosseto
- 31. INFORMAÇÃO
- 32. A preocupação fundamental do web designer é agregar os conceitos de usabilidade com o planejamento da pessoa em destaque através de interface, garantindo que o usuário final atinja seus objetivos de forma agradável e intuitiva. ” “
- 35. O QUE PRECISO Saber? • UX Design • Layout • Web standards • Design Responsivo • Cross-browser • DHTML
- 37. O QUE PRECISO Saber? UX Design • Freedback • Implementação • Interface proativa • Intuição • Eficiência
- 38. O QUE PRECISO Saber? UX Design RUSS UNGER “Design de experiência do usuário é a criação e sincronização dos elementos que afetam a experiência dos usuários com um produto. Com isso é possível influenciar suas percepções e comportamentos.”
- 39. O QUE PRECISO Saber? UX Design Dan Staffer http://bit.ly/14sx5FA
- 43. O QUE PRECISO Saber? Cross-browser *Vídeo: Guerra dos Navegadores: http://youtu.be/DeEafmwRk6A
- 45. Tendências no momento Skeuomorphism Flat Designvs.
- 49. OSOBRINHO
- 50. ETAPAS DE UM PROJETO WEB etapas em uma agência digital...
- 53. QUERIDO
- 54. MÃOS A OBRA
- 59. CLIENTE
- 60. depto. NÓS NO FANTÁSTICO MUNDO DE BOBBY
- 61. VOCÊ PODE SER UM WEB DESIGN? A preocupação fundamental do web designer é agregar os conceitos de usabilidade com o planejamento da pessoa em destaque através de interface, garantindo que o usuário final atinja seus objetivos de forma agradável e intuitiva. ” “
- 62. CONHECIMENTOS • UX Design/UCD/Ergonomia • Arquitetura de Informação • Usabilidade/Navegabilidade • Acessibilidade Digital • Linguagem de Marcação e Formatação
- 63. ALGUMAS PREOCUPAÇÕES • O que as pessoas vão procurar no site? • Site um escorregador para o usuário! • Prevendo a Expansão • Site verde e vermelho ? E se o usuário for daltônico? • Área de Leitura Vs. Sono • Background
- 66. CLIENTE
- 68. DESIGNER NÃO É UM SIMPLES DESENHISTA Placa de STOP http://youtu.be/GjXXsUujpLI
- 70. CLIENTE
- 72. DESIGNER NÃO É UM SIMPLES DESENHISTA Designers vs. Clientes http://youtu.be/CYu1cQs4Y5Y
- 73. CLIENTE
- 80. CLIENTE
- 81. DESIGNER NÃO É UM SIMPLES DESENHISTA O desabafo de um Web Designer http://youtu.be/m711mKI54iI
- 82. depto. Programo por pizza e café
- 87. CLIENTE
- 89. A MENTE LÓGICA Desabafo de um Desenvolvedor Web http://youtu.be/V-cyaXVmNUQ
- 90. o Projeto 1. Contrato 2. Briefing 3. Benchmarking 4. Site Map depto. Comercial 5. Wireframe depto. Criação 6. Layout Estrutura Validação (com Cliente) 7. Layout Conteúdo Validação (com Cliente) 8. Codificação Estrutura Validação (com Cliente) 9. Codificação Conteúdo 10. Scripts, Animações Validação (com Cliente) depto. Desenvolvimento 11. Validação HTML/CSS 12. Des. de Sistemas 13. Aplicação dos Sistemas Validação (com Cliente) 15. Validação HTML/CSS 14. Testes 16. Publicação Validação (com Cliente)
- 91. <fim /> Gustavo Zimmermann e-mail: contato@gust4vo.com