WEBA EVOLUÇÃO DA INTERFACE
O QUE O DESIGN TEM A VER COM ISSO?
A EVOLUÇÃO DA INTERFACEOs objetos em geral, vão, ao longo do tempo, se aprimorando emfuncionalidade e interatividade,o que...
A EVOLUÇÃO DA INTERFACEE o Design participa dessa evolução?
A EVOLUÇÃO DA INTERFACEClaro que sim!O Design atua no aprimoramento da experiência do usuário
A EVOLUÇÃO DA INTERFACEUser Experience,ou UX, é um campo de estudo multidisciplinar que visa enriquecer aexperiência de do...
A EVOLUÇÃO DA INTERFACEA Apple é a empresa que mais investe (e lucra*) com UX.
A EVOLUÇÃO DA INTERFACEA Apple é a empresa que mais investe (e lucra*) com UX.
A EVOLUÇÃO DA INTERFACECom a Web, nãopoderia ser diferente.
A EVOLUÇÃO DA INTERFACEDos anos 90 pra cá,muitos paradigmas de usoforam alterados.
A EVOLUÇÃO DA INTERFACENovos elementos de interaçãosurgiram e estes foramchamados de RIA(Rich Internet Application)
A EVOLUÇÃO DA INTERFACE    RIA é uma extensão do HTML comum, para seapresentar nas aplicações web com elementos ricos     ...
A EVOLUÇÃO DA INTERFACE     Tecnologias como Flash, Silverlight além dasbibliotecas Javascript contribuíram muito para o  ...
A EVOLUÇÃO DA INTERFACE    Nos últimos 4 anos, novos produtos e serviços mudaram definitivamente nossaexperiência de uso n...
A EVOLUÇÃO DA INTERFACE Os sites deixaram de ser meras “páginas” parase tornarem verdadeiros ambientes interativos.
A EVOLUÇÃO DA INTERFACEMas nem todos foram convidados.
A EVOLUÇÃO DA INTERFACE      O uso intensivo de Flash, Ajax e outros           componentes JavaScript, acabouprejudicando ...
COMO PROMOVER A ACESSIBILIDADE DIRETRIZES - web “Sonho para minha invenção, a World Wide Web, um espaço de uso comunitário...
COMO PROMOVER A ACESSIBILIDADE DIRETRIZES - web A WEB É UMA REDE DE PESSOAS “Sonho para minha invenção, a World Wide Web, ...
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 Pro...
COMO PROMOVER A ACESSIBILIDADE DIRETRIZES – web   WaSP Construção em camadas                    Conteúdo        Design    ...
COMO PROMOVER A ACESSIBILIDADE DIRETRIZES – web   WaSP Construção em camadas                    xHTML                     ...
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 no...
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 defic...
COMO PROMOVER A ACESSIBILIDADE DIRETRIZES – web Acessibilidade pra quem?•Pessoas com deficiência visual;•Pessoas com defic...
COMO PROMOVER A ACESSIBILIDADE DIRETRIZES – web Recomendações WCAG 1.0 -      Web Content Accessibility Guidelines W3C / W...
O FUTURO DA WEBHá muito tempo eu escuto esse papo furado. Dizendoque o samba acabou. Só se foi quando o dia clareou ...
A Web morreu mesmo?
Vamos aos fatos
Vamos aos fatosPS.: Nem vou comentar que, em 1997, a Wired já havia anunciado a morte da     web (e dos navegadores) com u...
O polêmico gráfico mostrado pela Wired
De fato, entre 1995 e 2006, o montante total do tráfego na web passoude cerca de 10 terabytes por mês para 1.000.000 terab...
Ao contrário da análise da Wired, a Web ainda    cresce, mesmo que mais lentamente.    AH!! Lembrem-se de que grande parte...
Portanto, se a Web jámorreu alguma vez...
Ela deve ter 7 vidas
Algumas minhocas para            vossas cabeçasTim Berners-Lee e a próxima Webhttp://www.ted.com/talks/lang/por_br/tim_ber...
O FUTURO                     HTML5O HTML5 não é:•Um substituto do HTML4;   Apesar de ser uma evolução da linguagem.•Um sub...
ALGUNS EXEMPLOShttp://www.alanvasconcelos.com/aria/exemplos/exemplos-html5.html
HEIN?!?!?            ?
VALEU!ALAN VASCONCELOS – www.alanvasconcelos.com
Aula 07 - Web
Aula 07 - Web
Aula 07 - Web
Aula 07 - Web
Aula 07 - Web
Upcoming SlideShare
Loading in …5
×

Aula 07 - Web

609 views
534 views

Published on

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
609
On SlideShare
0
From Embeds
0
Number of Embeds
153
Actions
Shares
0
Downloads
20
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Aula 07 - Web

  1. 1. WEBA EVOLUÇÃO DA INTERFACE
  2. 2. O QUE O DESIGN TEM A VER COM ISSO?
  3. 3. A EVOLUÇÃO DA INTERFACEOs objetos em geral, vão, ao longo do tempo, se aprimorando emfuncionalidade e interatividade,o que altera completamentea relação entre usuário e produto.Até um Camaro precisou evoluir!!
  4. 4. A EVOLUÇÃO DA INTERFACEE o Design participa dessa evolução?
  5. 5. A EVOLUÇÃO DA INTERFACEClaro que sim!O Design atua no aprimoramento da experiência do usuário
  6. 6. A EVOLUÇÃO DA INTERFACEUser Experience,ou UX, é um campo de estudo multidisciplinar que visa enriquecer aexperiência de do usuário, propondo “algo mais” além da eficácia e daeficiê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. 7. A EVOLUÇÃO DA INTERFACEA Apple é a empresa que mais investe (e lucra*) com UX.
  8. 8. A EVOLUÇÃO DA INTERFACEA Apple é a empresa que mais investe (e lucra*) com UX.
  9. 9. A EVOLUÇÃO DA INTERFACECom a Web, nãopoderia ser diferente.
  10. 10. A EVOLUÇÃO DA INTERFACEDos anos 90 pra cá,muitos paradigmas de usoforam alterados.
  11. 11. A EVOLUÇÃO DA INTERFACENovos elementos de interaçãosurgiram e estes foramchamados de RIA(Rich Internet Application)
  12. 12. A EVOLUÇÃO DA INTERFACE RIA é uma extensão do HTML comum, para seapresentar nas aplicações web com elementos ricos em interação, como nos sistemas desktop.
  13. 13. A EVOLUÇÃO DA INTERFACE Tecnologias como Flash, Silverlight além dasbibliotecas Javascript contribuíram muito para o crescimento vertiginoso das RIA.
  14. 14. A EVOLUÇÃO DA INTERFACE Nos últimos 4 anos, novos produtos e serviços mudaram definitivamente nossaexperiência de uso na web, levando-nos a uma nova maneira de interagir.
  15. 15. A EVOLUÇÃO DA INTERFACE Os sites deixaram de ser meras “páginas” parase tornarem verdadeiros ambientes interativos.
  16. 16. A EVOLUÇÃO DA INTERFACEMas nem todos foram convidados.
  17. 17. A EVOLUÇÃO DA INTERFACE O uso intensivo de Flash, Ajax e outros componentes JavaScript, acabouprejudicando a acessibilidade nas interfaces.
  18. 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. 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. 20. COMO PROMOVER A ACESSIBILIDADE DIRETRIZES - web
  21. 21. COMO PROMOVER A ACESSIBILIDADE DIRETRIZES – web LIXO DIGITAL
  22. 22. 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.
  23. 23. COMO PROMOVER A ACESSIBILIDADE DIRETRIZES – web WaSP Construção em camadas Conteúdo Design Comportamento
  24. 24. COMO PROMOVER A ACESSIBILIDADE DIRETRIZES – web WaSP Construção em camadas xHTML JavaScript CSS PHP, Phyton...
  25. 25. COMO PROMOVER A ACESSIBILIDADE DIRETRIZES – web Quem precisa de acessibilidade?
  26. 26. 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
  27. 27. COMO PROMOVER A ACESSIBILIDADE DIRETRIZES – web E tem mais...
  28. 28. 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.
  29. 29. 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.
  30. 30. 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
  31. 31. O FUTURO DA WEBHá muito tempo eu escuto esse papo furado. Dizendoque o samba acabou. Só se foi quando o dia clareou ...
  32. 32. A Web morreu mesmo?
  33. 33. Vamos aos fatos
  34. 34. Vamos aos fatosPS.: 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
  35. 35. O polêmico gráfico mostrado pela Wired
  36. 36. De fato, entre 1995 e 2006, o montante total do tráfego na web passoude cerca de 10 terabytes por mês para 1.000.000 terabytes(ou 1 exabyte). Segundo a Cisco, a mesma fonte usada pela Wiredpara suas projeções, o tráfego da Internet total aumentou depois decerca de 1 exabyte para 7 ​exabytes entre 2005 e 2010.
  37. 37. 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.
  38. 38. Portanto, se a Web jámorreu alguma vez...
  39. 39. Ela deve ter 7 vidas
  40. 40. Algumas minhocas para vossas cabeçasTim Berners-Lee e a próxima Webhttp://www.ted.com/talks/lang/por_br/tim_berners_lee_on_the_next_web.html
  41. 41. O FUTURO HTML5O 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!
  42. 42. ALGUNS EXEMPLOShttp://www.alanvasconcelos.com/aria/exemplos/exemplos-html5.html
  43. 43. HEIN?!?!? ?
  44. 44. VALEU!ALAN VASCONCELOS – www.alanvasconcelos.com

×