Introdução ao Web Design: Aula 1 - Imersão ao Web Design
0 gostou•659 visualizações
1) A aula introduz conceitos fundamentais de web design, como a história da internet, evolução da web, definição de web design e etapas de um projeto web. 2) É explicado o que é web design e quais conhecimentos são necessários, como UX design, layout, web standards e responsividade. 3) São apresentadas as principais etapas de um projeto web em uma agência, incluindo briefing, wireframes, desenvolvimento e validações.
![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](https://image.slidesharecdn.com/aula1-171226215435/85/Introducao-ao-Web-Design-Aula-1-Imersao-ao-Web-Design-13-320.jpg)
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