aula 07 - web
TRANSCRIPT
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