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

1. Meu nome é
site: gust4vo.com twitter: @gust4vo

2. <script language="JavaScript">
function palestra(){
var temaPalestra = new Array("design", "developer");
document.write("Web("+temaPalestra[0]+ "+"+temaPalestra[1]+")");
}
palestra();
</script>

4. 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

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

7. navegadores: MUNDO (fev/2012)
34,81% 6,72%
30,87% 1,78%
24,98%

8. navegadores: BRASIL (fev/2012)
45,49% 1,39%
30,61% 0,48%
21,70%

9. TODOS CONECTADOS
até 1945 1965 a 1977
1946 a 1964
A partir de 1978

10. A EVOLUÇÃO DA INTERNET

11. A EVOLUÇÃO
apresentação + informação =
1991
o ontem...

12. A EVOLUÇÃO
interação + intuição + feedback =
o hoje...

13. A EVOLUÇÃO
receber + compreender + feedback =
o amanhã...

15. QUERIDO

16. MÃOS A OBRA

18. depto.
MAGAYVER’S

19. CALL TO ACTION
depto.

20. CLIENTE

21. depto.
NÓS NO FANTÁSTICO MUNDO DE BOBBY

22. 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.
”

23. CONHECIMENTOS
• UX Design/UCD/Ergonomia
• Arquitetura de Informação
• Usabilidade/Navegabilidade
• Acessibilidade Digital
• Linguagem de Marcação e Formatação

24. 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

25. CALL TO ACTION
depto.

27. CLIENTE

28. CALL TO ACTION
depto.

29. DESIGNER NÃO É UM SIMPLES DESENHISTA
Placa de STOP
http://youtu.be/GjXXsUujpLI

31. CLIENTE

32. CALL TO ACTION
depto.

33. DESIGNER NÃO É UM SIMPLES DESENHISTA
Designers vs. Clientes
http://youtu.be/CYu1cQs4Y5Y

34. CLIENTE

35. CALL TO ACTION
depto.

39. CALL TO ACTION
depto.

40. VALIDAÇÕES DE CÓDIGO
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/

41. CLIENTE

42. DESIGNER NÃO É UM SIMPLES DESENHISTA
O desabafo de um Web Designer
http://youtu.be/m711mKI54iI

43. depto.
Programo por pizza e café

44. UMA LUTA LENDÁRIA

45. CALL TO ACTION
depto.

48. CALL TO ACTION
depto.

49. CLIENTE

50. CALL TO ACTION
depto.

51. A MENTE LÓGICA
Desabafo de um Desenvolvedor Web
http://youtu.be/V-cyaXVmNUQ

52. O INIMIGO EM COMUM

53. O INIMIGO EM COMUM

54. PRODUZIDOS PELO SOBRINHO

55. 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/

56. 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/

57. </fim>
Zimmermann
site: gust4vo.com twitter: @gust4vo