web (design+developer)
DESCRIPTION
Palestra na XII Semana Acadêmica de Sistemas de Informação da ULBRA Cachoeira do SulTRANSCRIPT
Meu nome é site: gust4vo.com \\ twitter: @gust4vo
<script language="JavaScript"> function palestra(){
var temaPalestra = new Array("design", "developer");
document.write("Web("+temaPalestra[0]+ "+"+temaPalestra[1]+")");
}
palestra();
</script>
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
o inventor do HTML
Construído por Tim Berners-Lee (07/ago de 1991):
1º site na Web
http://bit.ly/z1N8L
NAVEGADORES
*Vídeo: Guerra dos Navegadores: http://youtu.be/DeEafmwRk6A
navegadores: MUNDO (fev/2012)
34,81%
30,87%
24,98%
6,72%
1,78%
navegadores: BRASIL (fev/2012)
45,49%
30,61%
21,70%
1,39%
0,48%
TODOS CONECTADOS
até 1945
1946 a 1964
1965 a 1977
A partir de 1978
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 ACTION
depto.
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 planejamento
da pessoa em destaque através de interface, garantindo
que o usuário final atinja seus objetivos de forma agradável
e intuitiva. ”
“
CONHECIMENTOS
• UX Design/UCD/Ergonomia
• Arquitetura de Informação
• Usabilidade/Navegabilidade
• Acessibilidade Digital
• Linguagem de Marcação e Formatação
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
CALL TO ACTION
depto.
CLIENTE
CALL TO ACTION
depto.
DESIGNER NÃO É UM SIMPLES DESENHISTA
Placa de STOP http://youtu.be/GjXXsUujpLI
CLIENTE
CALL TO ACTION
depto.
DESIGNER NÃO É UM SIMPLES DESENHISTA
Designers vs. Clientes http://youtu.be/CYu1cQs4Y5Y
CLIENTE
CALL TO ACTION
depto.
CALL TO ACTION
depto.
VALIDAÇÕES DE CÓDIGO
http://jigsaw.w3.org/css-validator/
http://validator.w3.org/
CLIENTE
DESIGNER NÃO É UM SIMPLES DESENHISTA
O desabafo de um Web Designer http://youtu.be/m711mKI54iI
depto. Programo por pizza e café
UMA LUTA LENDÁRIA
CALL TO ACTION
depto.
CALL TO ACTION
depto.
CLIENTE
CALL TO ACTION
depto.
A MENTE LÓGICA
Desabafo de um Desenvolvedor Web http://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://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/
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/
</fim> Zimmermann
site: gust4vo.com \\ twitter: @gust4vo