aula 07 - web

WEB A EVOLUÇÃO DA INTERFACE

O QUE O DESIGN TEM A VER COM ISSO?

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!!

A EVOLUÇÃO DA INTERFACE

E o Design participa dessa evolução?

A EVOLUÇÃO DA INTERFACE

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

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

“

A EVOLUÇÃO DA INTERFACE

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

A EVOLUÇÃO DA INTERFACE

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

A EVOLUÇÃO DA INTERFACE

Com a Web, não poderia ser diferente.

A EVOLUÇÃO DA INTERFACE

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

A EVOLUÇÃO DA INTERFACE

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

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.

A EVOLUÇÃO DA INTERFACE

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

crescimento vertiginoso das RIA.

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.

A EVOLUÇÃO DA INTERFACE

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

A EVOLUÇÃO DA INTERFACE

Mas nem todos foram convidados.

A EVOLUÇÃO DA INTERFACE

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

prejudicando a acessibilidade nas interfaces.

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

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

COMO PROMOVER A ACESSIBILIDADE

DIRETRIZES - web

COMO PROMOVER A ACESSIBILIDADE

DIRETRIZES – web

LIXO DIGITAL

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.

COMO PROMOVER A ACESSIBILIDADE

Conteúdo

Comportamento Design

DIRETRIZES – web WaSP

Construção em camadas

COMO PROMOVER A ACESSIBILIDADE

xHTML

JavaScript PHP, Phyton...

CSS

DIRETRIZES – web WaSP

Construção em camadas

COMO PROMOVER A ACESSIBILIDADE

DIRETRIZES – web

Quem precisa de acessibilidade?

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

COMO PROMOVER A ACESSIBILIDADE

DIRETRIZES – web

E tem mais...

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.

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.

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)

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

O FUTURO DA WEB

A Web morreu mesmo?

Vamos aos fatos

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

O polêmico gráfico mostrado pela Wired

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.

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.

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

Ela deve ter 7 vidas

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

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!

ALGUNS EXEMPLOS

http://www.alanvasconcelos.com/aria/exemplos/exemplos-html5.html

HEIN?!?!?

?

VALEU!

ALAN VASCONCELOS – www.alanvasconcelos.com