O documento discute a evolução da interface na web. Descreve como o design contribui para aprimorar a experiência do usuário através da abordagem de User Experience. Também menciona como novas tecnologias como Flash, Silverlight e bibliotecas JavaScript permitiram o crescimento de Rich Internet Applications e alteraram a forma como as pessoas interagem na web.

1. WEB
A EVOLUÇÃO DA INTERFACE

2. O QUE O DESIGN TEM A VER COM ISSO?

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

4. A EVOLUÇÃO DA INTERFACE
E o Design participa dessa evolução?

5. A EVOLUÇÃO DA INTERFACE
Claro que sim!
O Design atua no aprimoramento da experiência do usuário

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

7. A EVOLUÇÃO DA INTERFACE
A Apple é a empresa que mais investe (e lucra*) com UX.

8. A EVOLUÇÃO DA INTERFACE
A Apple é a empresa que mais investe (e lucra*) com UX.

9. A EVOLUÇÃO DA INTERFACE
Com a Web, não
poderia ser diferente.

10. A EVOLUÇÃO DA INTERFACE
Dos anos 90 pra cá,
muitos paradigmas de uso
foram alterados.

11. A EVOLUÇÃO DA INTERFACE
Novos elementos de interação
surgiram e estes foram
chamados de RIA
(Rich Internet Application)

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

13. A EVOLUÇÃO DA INTERFACE
Tecnologias como Flash, Silverlight além das
bibliotecas Javascript contribuíram muito para o
crescimento vertiginoso das RIA.

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

15. A EVOLUÇÃO DA INTERFACE
Os sites deixaram de ser meras “páginas” para
se tornarem verdadeiros ambientes interativos.

16. A EVOLUÇÃO DA INTERFACE
Mas nem todos foram convidados.

17. A EVOLUÇÃO DA INTERFACE
O uso intensivo de Flash, Ajax e outros
componentes JavaScript, acabou
prejudicando a acessibilidade nas interfaces.

18. COMO PROMOVER A ACESSIBILIDADE
DIRETRIZES - web
“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.”
Tim Berners-Lee – o criador do conceito de Web

19. COMO PROMOVER A ACESSIBILIDADE
DIRETRIZES - web
A WEB É UMA REDE DE PESSOAS
“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.”
Tim Berners-Lee – o criador do conceito de Web

20. COMO PROMOVER A ACESSIBILIDADE
DIRETRIZES - web

22. COMO PROMOVER A ACESSIBILIDADE
DIRETRIZES – web
LIXO DIGITAL

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

26. COMO PROMOVER A ACESSIBILIDADE
DIRETRIZES – web WaSP
Construção em camadas
Conteúdo
Design Comportamento

27. COMO PROMOVER A ACESSIBILIDADE
DIRETRIZES – web WaSP
Construção em camadas
xHTML
JavaScript
CSS
PHP, Phyton...

28. COMO PROMOVER A ACESSIBILIDADE
DIRETRIZES – web
Quem precisa de acessibilidade?

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

30. COMO PROMOVER A ACESSIBILIDADE
DIRETRIZES – web
E tem mais...

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

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

33. COMO PROMOVER A ACESSIBILIDADE
DIRETRIZES – web
Recomendações
WCAG 1.0 - Web Content Accessibility Guidelines
W3C / WAI (Web Accessibility Initiative)
e-MAG
Ministério do Planejamento Departamento de Governo Eletrônico (DGE)
ww.governoeletronico.gov.br

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

36. A Web morreu mesmo?

37. Vamos aos fatos

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

39. O polêmico gráfico mostrado pela Wired

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

41. 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.
Fonte: Cisco.

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

43. Ela deve ter 7 vidas

44. Algumas minhocas para
vossas cabeças
Tim Berners-Lee e a próxima Web
http://www.ted.com/talks/lang/por_br/tim_berners_lee_on_the_next_web.html

46. O FUTURO
HTML5
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!

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

48. HEIN?!?!?
?

49. VALEU!
ALAN VASCONCELOS – www.alanvasconcelos.com