aula 07 - web

49
WEB A EVOLUÇÃO DA INTERFACE

Upload: alan-vasconcelos

Post on 29-Jun-2015

329 views

Category:

Design


2 download

TRANSCRIPT

Page 1: Aula 07 - Web

WEB A EVOLUÇÃO DA INTERFACE

Page 2: Aula 07 - Web

O QUE O DESIGN TEM A VER COM ISSO?

Page 3: Aula 07 - Web

A EVOLUÇÃO DA INTERFACE

Os objetos em geral, vão, ao longo do tempo, se aprimorando em funcionalidade e interatividade, o que altera completamente a relação entre usuário e produto. Até um Camaro precisou evoluir!!

Page 4: Aula 07 - Web

A EVOLUÇÃO DA INTERFACE

E o Design participa dessa evolução?

Page 5: Aula 07 - Web

A EVOLUÇÃO DA INTERFACE

Claro que sim! O Design atua no aprimoramento da experiência do usuário

Page 6: Aula 07 - Web

A EVOLUÇÃO DA INTERFACE

User Experience, ou UX, é um campo de estudo multidisciplinar que visa enriquecer a experiência de do usuário, propondo “algo mais” além da eficácia e da eficiência de uso.

The first requirement for an exemplary user experience is to meet the exact needs of the customer, without fuss or bother. Next comes simplicity and elegance that produce products that are a joy to own, a joy to use.”

Nielsen Norman Group

Page 7: Aula 07 - Web

A EVOLUÇÃO DA INTERFACE

A Apple é a empresa que mais investe (e lucra*) com UX.

Page 8: Aula 07 - Web

A EVOLUÇÃO DA INTERFACE

A Apple é a empresa que mais investe (e lucra*) com UX.

Page 9: Aula 07 - Web

A EVOLUÇÃO DA INTERFACE

Com a Web, não poderia ser diferente.

Page 10: Aula 07 - Web

A EVOLUÇÃO DA INTERFACE

Dos anos 90 pra cá, muitos paradigmas de uso foram alterados.

Page 11: Aula 07 - Web

A EVOLUÇÃO DA INTERFACE

Novos elementos de interação surgiram e estes foram chamados de RIA (Rich Internet Application)

Page 12: Aula 07 - Web

A EVOLUÇÃO DA INTERFACE

RIA é uma extensão do HTML comum, para se

apresentar nas aplicações web com elementos ricos em interação, como nos sistemas desktop.

Page 13: Aula 07 - Web

A EVOLUÇÃO DA INTERFACE

Tecnologias como Flash, Silverlight além das bibliotecas Javascript contribuíram muito para o

crescimento vertiginoso das RIA.

Page 14: Aula 07 - Web

A EVOLUÇÃO DA INTERFACE

Nos últimos 4 anos, novos produtos e serviços mudaram definitivamente nossa

experiência de uso na web, levando-nos a uma nova maneira de interagir.

Page 15: Aula 07 - Web

A EVOLUÇÃO DA INTERFACE

Os sites deixaram de ser meras “páginas” para se tornarem verdadeiros ambientes interativos.

Page 16: Aula 07 - Web

A EVOLUÇÃO DA INTERFACE

Mas nem todos foram convidados.

Page 17: Aula 07 - Web

A EVOLUÇÃO DA INTERFACE

O uso intensivo de Flash, Ajax e outros componentes JavaScript, acabou

prejudicando a acessibilidade nas interfaces.

Page 18: Aula 07 - Web

COMO PROMOVER A ACESSIBILIDADE

“Sonho para minha invenção, a World Wide Web, um espaço

de uso comunitário onde compartilha-se informações de

trabalho, lazer e socialização (The World Wide Web, A very

short personal history). Como desenvolvedores Web criando

sites corporativos, sociais e educacionais, nós transformamos

este sonho em realidade.”

DIRETRIZES - web

Tim Berners-Lee – o criador do conceito de Web

Page 19: Aula 07 - Web

COMO PROMOVER A ACESSIBILIDADE

“Sonho para minha invenção, a World Wide Web, um espaço

de uso comunitário onde compartilha-se informações de

trabalho, lazer e socialização (The World Wide Web, A very

short personal history). Como desenvolvedores Web criando

sites corporativos, sociais e educacionais, nós transformamos

este sonho em realidade.”

DIRETRIZES - web

Tim Berners-Lee – o criador do conceito de Web

A WEB É UMA REDE DE PESSOAS

Page 20: Aula 07 - Web

COMO PROMOVER A ACESSIBILIDADE

DIRETRIZES - web

Page 21: Aula 07 - Web
Page 22: Aula 07 - Web

COMO PROMOVER A ACESSIBILIDADE

DIRETRIZES – web

LIXO DIGITAL

Page 23: Aula 07 - Web

COMO PROMOVER A ACESSIBILIDADE

DIRETRIZES – web WaSP

Foi por esse período (1998) que surgiu o WaSP (Web Standards Project), que é um

movimento para difundir os Web Standards. Nesta época de crescimento avassalador, a Web necessita de orientação para desenvolver seu pleno potencial.

Esse grupo teve um papel muito importante na divulgação dos Padrões.

Hoje, o desenvolvedor tem mais liberdade de desenvolvimento do que a 5 anos atrás.

Page 24: Aula 07 - Web
Page 25: Aula 07 - Web
Page 26: Aula 07 - Web

COMO PROMOVER A ACESSIBILIDADE

Conteúdo

Comportamento Design

DIRETRIZES – web WaSP

Construção em camadas

Page 27: Aula 07 - Web

COMO PROMOVER A ACESSIBILIDADE

xHTML

JavaScript PHP, Phyton...

CSS

DIRETRIZES – web WaSP

Construção em camadas

Page 28: Aula 07 - Web

COMO PROMOVER A ACESSIBILIDADE

DIRETRIZES – web

Quem precisa de acessibilidade?

Page 29: Aula 07 - Web

COMO PROMOVER A ACESSIBILIDADE

DIRETRIZES – web

Quem precisa de acessibilidade? Você consegue ler isto?

Ridículo até no nome:

CAPTCHA: Completely Automated Public Turing test to tell Computers and Humans Apart

Page 30: Aula 07 - Web

COMO PROMOVER A ACESSIBILIDADE

DIRETRIZES – web

E tem mais...

Page 31: Aula 07 - Web

COMO PROMOVER A ACESSIBILIDADE

DIRETRIZES – web

Acessibilidade pra quem?

•Pessoas com deficiência visual;

•Pessoas com deficiência motora;

•Pessoas com deficiência de aprendizado;

•Computadores com conexão lenta;

•Dispositivos móveis;

•TV digital;

•Futuras plataformas.

Page 32: Aula 07 - Web

COMO PROMOVER A ACESSIBILIDADE

DIRETRIZES – web

Acessibilidade pra quem?

•Pessoas com deficiência visual;

•Pessoas com deficiência motora;

•Pessoas com deficiência de aprendizado;

•Computadores com conexão lenta;

•Dispositivos móveis;

•TV digital;

•Futuras plataformas.

Page 33: Aula 07 - Web

COMO PROMOVER A ACESSIBILIDADE

DIRETRIZES – web

Recomendações

e-MAG Ministério do Planejamento Departamento de Governo Eletrônico (DGE) ww.governoeletronico.gov.br

WCAG 1.0 - Web Content Accessibility Guidelines W3C / WAI (Web Accessibility Initiative)

Page 34: Aula 07 - Web

Há muito tempo eu escuto esse papo furado. Dizendo que o samba acabou. Só se foi quando o dia clareou ...

O FUTURO DA WEB

Page 35: Aula 07 - Web
Page 36: Aula 07 - Web

A Web morreu mesmo?

Page 37: Aula 07 - Web

Vamos aos fatos

Page 38: Aula 07 - Web

Vamos aos fatos

PS.: Nem vou comentar que, em 1997, a Wired já havia anunciado a morte da web (e dos navegadores) com um argumento parecido para a época.

Leia com seus próprios olhos:

http://www.wired.com/wired/archive/5.03/ff_push_pr.html

Page 39: Aula 07 - Web

O polêmico gráfico mostrado pela Wired

Page 40: Aula 07 - Web

De fato, entre 1995 e 2006, o montante total do tráfego na web passou

de cerca de 10 terabytes por mês para 1.000.000 terabytes

(ou 1 exabyte). Segundo a Cisco, a mesma fonte usada pela Wired

para suas projeções, o tráfego da Internet total aumentou depois de

cerca de 1 exabyte para 7 exabytes entre 2005 e 2010.

Page 41: Aula 07 - Web

Fonte: Cisco.

Ao contrário da análise da Wired, a Web ainda cresce, mesmo que mais lentamente.

AH!! Lembrem-se de que grande parte do tráfego de vídeos sob demanda ( ou V.O.D. como o Youtube, Vimeo etc.), acontece nos sites dos provedores desses vídeos e, também nos sites de notícias, blogs etc.

Page 42: Aula 07 - Web

Portanto, se a Web já morreu alguma vez...

Page 43: Aula 07 - Web

Ela deve ter 7 vidas

Page 44: Aula 07 - Web

Algumas minhocas para vossas cabeças

http://www.ted.com/talks/lang/por_br/tim_berners_lee_on_the_next_web.html

Tim Berners-Lee e a próxima Web

Page 45: Aula 07 - Web
Page 46: Aula 07 - Web

HTML5

O FUTURO

O HTML5 não é: •Um substituto do HTML4;

Apesar de ser uma evolução da linguagem.

•Um substituto do Javascript; Apesar de dispensar vários de seus componentes de interface.

•Um substituto do Flash; Apesar de possuir recursos de animação, de áudio e de vídeo.

•Mais uma coisa bacana que não roda no I.Explorer. Apesar de... Ok, não funciona mesmo!

Page 48: Aula 07 - Web

HEIN?!?!?

?

Page 49: Aula 07 - Web

VALEU!

ALAN VASCONCELOS – www.alanvasconcelos.com