web (design+developer)

57
Meu nome é site: gust4vo.com \\ twitter: @gust4vo

Upload: gustavo-zimmermann

Post on 24-Jun-2015

2.517 views

Category:

Technology


0 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Web (design+developer)

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

Page 2: Web (design+developer)

<script language="JavaScript"> function palestra(){

var temaPalestra = new Array("design", "developer");

document.write("Web("+temaPalestra[0]+ "+"+temaPalestra[1]+")");

}

palestra();

</script>

Page 3: Web (design+developer)
Page 4: Web (design+developer)

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

Page 5: Web (design+developer)

o inventor do HTML

Construído por Tim Berners-Lee (07/ago de 1991):

1º site na Web

http://bit.ly/z1N8L

Page 6: Web (design+developer)

NAVEGADORES

*Vídeo: Guerra dos Navegadores: http://youtu.be/DeEafmwRk6A

Page 7: Web (design+developer)

navegadores: MUNDO (fev/2012)

34,81%

30,87%

24,98%

6,72%

1,78%

Page 8: Web (design+developer)

navegadores: BRASIL (fev/2012)

45,49%

30,61%

21,70%

1,39%

0,48%

Page 9: Web (design+developer)

TODOS CONECTADOS

até 1945

1946 a 1964

1965 a 1977

A partir de 1978

Page 10: Web (design+developer)

A EVOLUÇÃO DA INTERNET

Page 11: Web (design+developer)

A EVOLUÇÃO

apresentação + informação = 1991

o ontem...

Page 12: Web (design+developer)

A EVOLUÇÃO

interação + intuição + feedback =

o hoje...

Page 13: Web (design+developer)

A EVOLUÇÃO

receber + compreender + feedback =

o amanhã...

Page 14: Web (design+developer)
Page 15: Web (design+developer)

QUERIDO

Page 16: Web (design+developer)

MÃOS A OBRA

Page 17: Web (design+developer)
Page 18: Web (design+developer)

depto. MAGAYVER’S

Page 19: Web (design+developer)

CALL TO ACTION

depto.

Page 20: Web (design+developer)

CLIENTE

Page 21: Web (design+developer)

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

Page 22: Web (design+developer)

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

Page 23: Web (design+developer)

CONHECIMENTOS

• UX Design/UCD/Ergonomia

• Arquitetura de Informação

• Usabilidade/Navegabilidade

• Acessibilidade Digital

• Linguagem de Marcação e Formatação

Page 24: Web (design+developer)

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

Page 25: Web (design+developer)

CALL TO ACTION

depto.

Page 26: Web (design+developer)
Page 27: Web (design+developer)

CLIENTE

Page 28: Web (design+developer)

CALL TO ACTION

depto.

Page 29: Web (design+developer)

DESIGNER NÃO É UM SIMPLES DESENHISTA

Placa de STOP http://youtu.be/GjXXsUujpLI

Page 30: Web (design+developer)
Page 31: Web (design+developer)

CLIENTE

Page 32: Web (design+developer)

CALL TO ACTION

depto.

Page 33: Web (design+developer)

DESIGNER NÃO É UM SIMPLES DESENHISTA

Designers vs. Clientes http://youtu.be/CYu1cQs4Y5Y

Page 34: Web (design+developer)

CLIENTE

Page 35: Web (design+developer)

CALL TO ACTION

depto.

Page 36: Web (design+developer)
Page 37: Web (design+developer)
Page 38: Web (design+developer)
Page 39: Web (design+developer)

CALL TO ACTION

depto.

Page 40: Web (design+developer)

VALIDAÇÕES DE CÓDIGO

http://jigsaw.w3.org/css-validator/

http://validator.w3.org/

Page 41: Web (design+developer)

CLIENTE

Page 42: Web (design+developer)

DESIGNER NÃO É UM SIMPLES DESENHISTA

O desabafo de um Web Designer http://youtu.be/m711mKI54iI

Page 43: Web (design+developer)

depto. Programo por pizza e café

Page 44: Web (design+developer)

UMA LUTA LENDÁRIA

Page 45: Web (design+developer)

CALL TO ACTION

depto.

Page 46: Web (design+developer)
Page 47: Web (design+developer)
Page 48: Web (design+developer)

CALL TO ACTION

depto.

Page 49: Web (design+developer)

CLIENTE

Page 50: Web (design+developer)

CALL TO ACTION

depto.

Page 51: Web (design+developer)

A MENTE LÓGICA

Desabafo de um Desenvolvedor Web http://youtu.be/V-cyaXVmNUQ

Page 52: Web (design+developer)

O INIMIGO EM COMUM

Page 53: Web (design+developer)

O INIMIGO EM COMUM

Page 54: Web (design+developer)

PRODUZIDOS PELO SOBRINHO

Page 55: Web (design+developer)

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/

Page 56: Web (design+developer)

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/

Page 57: Web (design+developer)

</fim> Zimmermann

site: gust4vo.com \\ twitter: @gust4vo