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% 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 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://validator.w3.org/

http://jigsaw.w3.org/css-validator/
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