0
Meu nome é        site: gust4vo.com  twitter: @gust4vo
<script language="JavaScript">  function palestra(){     var temaPalestra = new Array("design",   "developer");      docum...
o início de tudo • 1975: 100 sites na Arpanet; • 1982: 315 sites na Internet; • Hoje: mais de 174 milhões de sites, na Int...
o inventor do HTMLConstruído por Tim Berners-Lee             (07/ago de 1991):                1º site na Web             h...
NAVEGADORES              *Vídeo: Guerra dos Navegadores:              http://youtu.be/DeEafmwRk6A
navegadores: MUNDO (fev/2012)       34,81%            6,72%       30,87%            1,78%       24,98%
navegadores: BRASIL (fev/2012)       45,49%              1,39%       30,61%              0,48%       21,70%
TODOS CONECTADOS       até 1945                 1965 a 1977                  1946 a 1964                                A ...
A EVOLUÇÃO DA INTERNET
A EVOLUÇÃO      apresentação + informação =                        1991         o ontem...
A EVOLUÇÃO      interação + intuição + feedback =          o hoje...
A EVOLUÇÃO   receber + compreender + feedback =        o amanhã...
QUERIDO
MÃOS A OBRA
depto.         MAGAYVER’S
CALL TO ACTIONdepto.
CLIENTE
depto.   NÓS NO FANTÁSTICO MUNDO DE BOBBY
VOCÊ PODE SER UM WEB DESIGN?  “ A preocupação fundamental do web designer éagregar os conceitos de usabilidade com o plane...
CONHECIMENTOS• UX Design/UCD/Ergonomia• Arquitetura de Informação• Usabilidade/Navegabilidade• Acessibilidade Digital• Lin...
ALGUMAS PREOCUPAÇÕES• O que as pessoas vão procurar no site?• Site um escorregador para o usuário!• Prevendo a Expansão• S...
CALL TO ACTIONdepto.
CLIENTE
CALL TO ACTIONdepto.
DESIGNER NÃO É UM SIMPLES DESENHISTA                       Placa de STOPhttp://youtu.be/GjXXsUujpLI
CLIENTE
CALL TO ACTIONdepto.
DESIGNER NÃO É UM SIMPLES DESENHISTA                       Designers vs. Clienteshttp://youtu.be/CYu1cQs4Y5Y
CLIENTE
CALL TO ACTIONdepto.
CALL TO ACTIONdepto.
VALIDAÇÕES DE CÓDIGO http://validator.w3.org/ http://jigsaw.w3.org/css-validator/
CLIENTE
DESIGNER NÃO É UM SIMPLES DESENHISTA               O desabafo de um Web Designerhttp://youtu.be/m711mKI54iI
depto.         Programo por pizza e café
UMA LUTA LENDÁRIA
CALL TO ACTIONdepto.
CALL TO ACTIONdepto.
CLIENTE
CALL TO ACTIONdepto.
A MENTE LÓGICA                 Desabafo de um Desenvolvedor Webhttp://youtu.be/V-cyaXVmNUQ
O INIMIGO EM COMUM
O INIMIGO EM COMUM
PRODUZIDOS PELO SOBRINHO
VALE A PENA CONFERIR :) 1.   Maujor: http://www.maujor.com/ 2.   Design.blog: http://design.blog.br/ 3.   W3 Schools: http...
VALE A PENA CONFERIR :) 1.   The FWA: http://thefwa.com/ 2.   The CSS Awards: http://www.thecssawards.com/ 3.   Creattica:...
</fim> Zimmermann  site: gust4vo.com  twitter: @gust4vo
Web (design+developer)
Web (design+developer)
Web (design+developer)
Web (design+developer)
Web (design+developer)
Web (design+developer)
Web (design+developer)
Web (design+developer)
Web (design+developer)
Web (design+developer)
Upcoming SlideShare
Loading in...5
×

Web (design+developer)

2,618

Published on

Palestra na XII Semana Acadêmica de Sistemas de Informação da ULBRA Cachoeira do Sul

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,618
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Web (design+developer)"

  1. 1. Meu nome é site: gust4vo.com twitter: @gust4vo
  2. 2. <script language="JavaScript"> function palestra(){ var temaPalestra = new Array("design", "developer"); document.write("Web("+temaPalestra[0]+ "+"+temaPalestra[1]+")"); } palestra();</script>
  3. 3. o início de tudo • 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
  4. 4. o inventor do HTMLConstruído por Tim Berners-Lee (07/ago de 1991): 1º site na Web http://bit.ly/z1N8L
  5. 5. NAVEGADORES *Vídeo: Guerra dos Navegadores: http://youtu.be/DeEafmwRk6A
  6. 6. navegadores: MUNDO (fev/2012) 34,81% 6,72% 30,87% 1,78% 24,98%
  7. 7. navegadores: BRASIL (fev/2012) 45,49% 1,39% 30,61% 0,48% 21,70%
  8. 8. TODOS CONECTADOS até 1945 1965 a 1977 1946 a 1964 A partir de 1978
  9. 9. A EVOLUÇÃO DA INTERNET
  10. 10. A EVOLUÇÃO apresentação + informação = 1991 o ontem...
  11. 11. A EVOLUÇÃO interação + intuição + feedback = o hoje...
  12. 12. A EVOLUÇÃO receber + compreender + feedback = o amanhã...
  13. 13. QUERIDO
  14. 14. MÃOS A OBRA
  15. 15. depto. MAGAYVER’S
  16. 16. CALL TO ACTIONdepto.
  17. 17. CLIENTE
  18. 18. depto. NÓS NO FANTÁSTICO MUNDO DE BOBBY
  19. 19. VOCÊ PODE SER UM WEB DESIGN? “ A preocupação fundamental do web designer éagregar os conceitos de usabilidade com o planejamentoda pessoa em destaque através de interface, garantindoque o usuário final atinja seus objetivos de forma agradávele intuitiva. ”
  20. 20. CONHECIMENTOS• UX Design/UCD/Ergonomia• Arquitetura de Informação• Usabilidade/Navegabilidade• Acessibilidade Digital• Linguagem de Marcação e Formatação
  21. 21. 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
  22. 22. CALL TO ACTIONdepto.
  23. 23. CLIENTE
  24. 24. CALL TO ACTIONdepto.
  25. 25. DESIGNER NÃO É UM SIMPLES DESENHISTA Placa de STOPhttp://youtu.be/GjXXsUujpLI
  26. 26. CLIENTE
  27. 27. CALL TO ACTIONdepto.
  28. 28. DESIGNER NÃO É UM SIMPLES DESENHISTA Designers vs. Clienteshttp://youtu.be/CYu1cQs4Y5Y
  29. 29. CLIENTE
  30. 30. CALL TO ACTIONdepto.
  31. 31. CALL TO ACTIONdepto.
  32. 32. VALIDAÇÕES DE CÓDIGO http://validator.w3.org/ http://jigsaw.w3.org/css-validator/
  33. 33. CLIENTE
  34. 34. DESIGNER NÃO É UM SIMPLES DESENHISTA O desabafo de um Web Designerhttp://youtu.be/m711mKI54iI
  35. 35. depto. Programo por pizza e café
  36. 36. UMA LUTA LENDÁRIA
  37. 37. CALL TO ACTIONdepto.
  38. 38. CALL TO ACTIONdepto.
  39. 39. CLIENTE
  40. 40. CALL TO ACTIONdepto.
  41. 41. A MENTE LÓGICA Desabafo de um Desenvolvedor Webhttp://youtu.be/V-cyaXVmNUQ
  42. 42. O INIMIGO EM COMUM
  43. 43. O INIMIGO EM COMUM
  44. 44. PRODUZIDOS PELO SOBRINHO
  45. 45. VALE A PENA CONFERIR :) 1. Maujor: http://www.maujor.com/ 2. Design.blog: http://design.blog.br/ 3. W3 Schools: http://www.w3schools.com/ 4. Codrops: http://tympanus.net/codrops/ 5. Vida de Programador: http://vidadeprogramador.com.br/ 6. Mestre SEO: http://www.mestreseo.com.br/ 7. Mashable: http://mashable.com/
  46. 46. VALE A PENA CONFERIR :) 1. The FWA: http://thefwa.com/ 2. The CSS Awards: http://www.thecssawards.com/ 3. Creattica: http://creattica.com/ 4. ThemeForest: http://themeforest.net/ 5. Template Monster: http://www.templatemonster.com/ 6. CSS Mania: http://cssmania.com/ 7. CSSelite.com: http://www.csselite.com/ 8. HTML5 Gallery: http://html5gallery.com/ 9. Smashing Magazine: http://www.smashingmagazine.com/ 10. Onextrapixel: http://www.onextrapixel.com/
  47. 47. </fim> Zimmermann site: gust4vo.com twitter: @gust4vo
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×