web standards
DESCRIPTION
Apresentação ESE Santarém - 01/04/2011TRANSCRIPT
![Page 1: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/1.jpg)
Boas Práticas na Construção de Sítios Web
Março 2011 Pedro Tavares
![Page 2: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/2.jpg)
Arquitectura Design Tecnologia
![Page 3: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/3.jpg)
I’m Lost!
![Page 4: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/4.jpg)
O alto custo de não ser possível encontrar
informação
“The Fortune 1000 stands to waste at least $$22..55 bbiilllliioonn ppeerr yyeeaarr due to an inability to locate and retrieve information.” “While the costs of not finding information are enormous, they are hhiiddddeenn within the enterprise, and...are rarely perceived as having an impact on the bottom line.” The High Cost of Not Finding Information, IDC White Paper
![Page 5: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/5.jpg)
Os maiores problemas na experiência de utilização da web
Resultados de pesquisa mal organizados 53% Arquitectura da Informação mal definida 32% Performance baixa 32% Homepages mal definidas 27% Terminologia confusa 25% Registo invasivo 15% Navegação Inconsistente 13%
Fonte: Vividence Research 2008
![Page 6: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/6.jpg)
Usabilidade
![Page 7: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/7.jpg)
“a melhor forma de os u�lizadores interagirem com a tecnologia de modo a completarem determinada acção” Zimmerman e Muraski Um interface intui�vo e manuseável na perspec�va do u�lizador
![Page 8: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/8.jpg)
Usabilidade v.s. experiência de
utilização
“We don't just use technology, we live with it. (...) People who design, use, and evaluate interac�ve systems need to be able to understand and analyze people's felt experience with technology” (McCarthy & Wright, 2004).
![Page 9: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/9.jpg)
Vários produtos sofrem de pouca preocupação com experiência de utilização
It’s Google!
![Page 10: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/10.jpg)
Outros jogam com a experiência emocional
Is it for my hair? Medical experiences? Oh, i got it... It’s a.....
![Page 11: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/11.jpg)
Muitas das nossas escolhas são baseadas não na u�lidade, ou simplicidade, mas pela sua forma, pela relação que nos liga ao objecto
![Page 12: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/12.jpg)
How about the Web?
![Page 13: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/13.jpg)
Yahoo! em 1996
![Page 14: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/14.jpg)
Yahoo! em 2004
![Page 15: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/15.jpg)
Yahoo! hoje
![Page 16: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/16.jpg)
Porquê a usabilidade na
web?
A usabilidade regula a web: se o consumidor não descobrir o produto num site, irá à procura noutro sítio
O consumidor tem a palavra-final. Toda a concorrência está apenas a um clique!
![Page 17: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/17.jpg)
Porquê a usabilidade na
web?
A usabilidade assumiu mais importância com a Internet Na web os consumidores experimentam primeiro e pagam depois
É necessário que exista uma preocupação no modo como os consumidores vão receber a mensagem do site
![Page 18: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/18.jpg)
Desenvolver um website “usável” implica dominar
conceitos para lá do webdesign
Ter conhecimentos de programação e webdesign não significa que se perceba as necessidades ligadas à experiência de utilizador e à usabilidade
![Page 19: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/19.jpg)
Um bom website requer a compreensão das
necessidades e objectivos dos utilizadores
Interacção permanente
![Page 20: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/20.jpg)
A preocupação com a usabilidade
melhora a web
Fornece instrumentos de análise
Alarga competências
Desenvolve uma consciência crítica
![Page 21: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/21.jpg)
Muitos projectos estão longe destas
preocupações
![Page 22: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/22.jpg)
Mas muitos projectos web estão ainda longe destas preocupações…
Arquitectura de informação: a estrutura do site tenta reflectir o modo como a empresa está organizada
![Page 23: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/23.jpg)
![Page 24: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/24.jpg)
Mas muitos projectos web estão ainda longe destas preocupações…
Design: Criar páginas visualmente atractivas mas não necessariamente simples de utilizar
![Page 25: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/25.jpg)
![Page 26: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/26.jpg)
Mas muitos projectos web estão ainda longe destas preocupações…
Escrita Linear: utilização do estilo de escrita linear dos meios tradicionais
![Page 27: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/27.jpg)
![Page 28: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/28.jpg)
Mas muitos projectos web estão ainda longe destas preocupações…
Estratégia de links: “linkar para dentro”
![Page 29: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/29.jpg)
![Page 30: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/30.jpg)
3 níveis de Usabilidade
![Page 31: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/31.jpg)
Design
Simplicidade (with a twist):
– Design suporta na maior parte daz vezes o conteúdo – O seu focus principal está no conteúdo – Design deve ajustar-se às várias soluções e diferenças
tecnológicas – Menus visíveis e manuseáveis – Uso de metáforas (mas com atenção a especificidades e
características do público-alvo
![Page 32: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/32.jpg)
3 níveis de usabilidade
Design
![Page 33: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/33.jpg)
![Page 34: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/34.jpg)
![Page 35: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/35.jpg)
![Page 36: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/36.jpg)
Design
DDeessiiggnn EErrggoonnóómmiiccoo:: – Verificar distâncias de scroll – Verificar esquema de cores
![Page 37: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/37.jpg)
![Page 38: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/38.jpg)
![Page 39: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/39.jpg)
3 níveis de usabilidade
Conteúdo
![Page 40: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/40.jpg)
Conteúdo
O centro da estratégia para a web – Estudos de usabilidade revelam que muitos utilizadores
fazem um scan rápido sobre a área principal do site à procura de títulos e de outros elementos que identifiquem o propósito do site
– Necessidade de conteúdos de qualidade
![Page 41: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/41.jpg)
A Usabilidade a 3 níveis: Conteúdo
Escrita para a web:
– Necessidade de textos breves e concisos (“pirâmide invertida”)
– Escrita para uma leitura rápida do conteúdo global – Utilização do hipertexto para dividir textos longos em
múltiplas páginas
![Page 42: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/42.jpg)
![Page 43: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/43.jpg)
![Page 44: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/44.jpg)
3 níveis de usabilidade
Arquitectura da Informação
![Page 45: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/45.jpg)
Arquitectura da Informação
Somos nós que temos de pensar o site, não o utilizador
Não há regras dogmáticas, há princípios orientadores
![Page 46: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/46.jpg)
Arquitectura da Informação
Alguns princípios:
DDeesseennhhoo ppaarraa uummaa oorriieennttaaççããoo ssiimmpplleess:: – Onde estamos - OOrriieennttaaççããoo – Onde está a informação que o utilizador procura -
NNaavveeggaaççããoo – Como dar ao utilizador aquilo que ele procura -
HHiippeerrlliiggaaççõõeess
![Page 47: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/47.jpg)
Arquitectura da Informação
Alguns princípios: CCoonnssiissttêênncciiaa ee ssttaannddaarrddss:: – Conhecer a concorrência antes de fazer um
site – Procurar as melhores práticas
![Page 48: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/48.jpg)
![Page 49: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/49.jpg)
![Page 50: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/50.jpg)
Arquitectura da Informação
Alguns princípios:
UUttiilliizzaaddoorreess ttêêmm ddiiffeerreenntteess nníívveeiiss ddee ccoonnhheecciimmeennttooss ee ccoommppeettêênncciiaass:: – Primeira visita e utilizadores regulares – “Experts” em internet e “iniciados”
![Page 51: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/51.jpg)
![Page 52: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/52.jpg)
![Page 53: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/53.jpg)
Wait! I’m outside!
![Page 54: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/54.jpg)
![Page 55: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/55.jpg)
![Page 56: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/56.jpg)
Mobilidade e tudo à volta...
Um contexto imprevisível Aplicações adaptadas à
necessidade do momento Desenvolver utilizando standards
multiplataforma Tirar partido das redes sociais
existentes!
![Page 57: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/57.jpg)
It’s an error…
![Page 58: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/58.jpg)
Erros principais em websites
UI Wizards, Inc.:
– Conteúdo – Suporte à tarefa – Navegação – Formulários – Pesquisa – Apresentação de Texto – Apresentação de links – Design gráfico e layout
![Page 59: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/59.jpg)
Conteúdo
Falta de identificação da homepage: O quê, como, para quem
![Page 60: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/60.jpg)
Conteúdo
Utilizadores fazem uma visualização rápida do website: deve dizer claramente o que é o website e quais os objectivos
![Page 61: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/61.jpg)
Conteúdo
Evitar paragrafos longos Utilizar sub-títulos, hiperligações (com pouco texto com link, listas
Elimine metade do texto e depois elimine a outra metade da metade que restou
Steve Krug, Don't Make Me Think: A Common Sense Approach to Web Usability
![Page 62: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/62.jpg)
Conteúdo
Conteúdo por terminar: não colocar online sem ter o website finalizado. Verificar! 0.44 de 25/03/2011 24 milhões de resultados no Google em pesquisa por Lorem ipsum
![Page 63: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/63.jpg)
Conteúdo
Perceber contexto de aplicação das mensagens
![Page 64: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/64.jpg)
Suporte à tarefa
Requerer dados desnecessários
Necessidade de solicitar o mínimo necessário
![Page 65: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/65.jpg)
Suporte à tarefa
Aplicação desenvolvida sobre informação irrelevante para o utilizador
![Page 66: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/66.jpg)
Navegação
Vários tipos diferentes de navegação
![Page 67: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/67.jpg)
Navegação
Página actual não indicada
![Page 68: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/68.jpg)
Formulários
Parece ser texto editável mas não é
![Page 69: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/69.jpg)
Pesquisa
Pesquisa mal categorizada e sem metadados
Necessidade de organizar a informação, indexar, perceber tendências de pesquisa,testar: recorrer às melhores práticas. Usar Google se necessário
![Page 70: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/70.jpg)
Hiperligações
Botões difíceis de descobrir
![Page 71: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/71.jpg)
Hiperligações
Links não visíveis
![Page 72: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/72.jpg)
Design gráfico e layout
Principais erros:
– Texto demasiado pequeno – Esquemas de cores demasiado subtis ou invasivos – Texto centrado – Utilização de tecnologias e versões sem aviso ao
utilizador (exº Flash) – Desrespeito por regras de acessibilidade
![Page 73: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/73.jpg)
Design gráfico e layout
![Page 74: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/74.jpg)
Design gráfico e layout
![Page 75: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/75.jpg)
Design gráfico e layout
![Page 76: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/76.jpg)
So, now let’s build a website
![Page 77: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/77.jpg)
Construir um website
1. Pensar o projecto – conhecer o mercado, saber que tipo de projecto pretendemos
2. A arquitectura da informação: construir a estrutura do website; ou o storyboard
3. Desenvolver blocos de informação – wireframes 4. Design: conceber a maquete, receber feedback 5. Testar (actividade contínua) 6. Desenvolver 7. Testar (actividade contínua)
Voltar ao princípio: um website é sempre versão Beta!
![Page 78: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/78.jpg)
2. Arquitectura da Informação
HHiieerraarrqquuiiaa: taxionomias, top levels, modelo mental (também por associações
BBaasseess ddee ddaaddooss: contexto estruturado com relações HHiippeerrtteexxttoo: referências cruzadas, contextual
hierarquia
Base de dados
hipertexto
![Page 79: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/79.jpg)
2. Arquitectura da
Informação Esquemas de organização
EExxaaccttoo Tudo tem o seu lugar Fácil para criar e manter Exº páginas amarelas, geografia,
cronologia AAmmbbíígguuoo Difuso e com sobreposições Difícil de criar e manter Bom para a aprendizagem Exº tópicos, discussão de audiência
![Page 80: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/80.jpg)
2. Arquitectura da Informação
Estrutura do site
![Page 81: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/81.jpg)
2. Arquitectura da Informação
um storyboard
![Page 82: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/82.jpg)
Reflectir, analisar, conhecer as melhores práticas Conhecer os problemas ajuda a novos e melhores desenvolvimentos
![Page 83: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/83.jpg)
3. Conceber blocos de
informação - Wireframes
![Page 84: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/84.jpg)
4. Construir a maquete,
receber feedback
![Page 85: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/85.jpg)
5. Testar! 6. Desenvolver 7. Testar (e voltar a testar)
![Page 86: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/86.jpg)
Em resumo
Perceber os objectivos e a lógica do negócio Perceber os objectivos do utilizador Conhecer o medium em que trabalhamos, as características e especificidades Trabalhar com standards Primeiro pensar, desenhar depois Testar, testar, testar!
![Page 87: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/87.jpg)
Some ideas
![Page 88: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/88.jpg)
Be creative, innovate
![Page 89: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/89.jpg)
Think before you design
![Page 90: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/90.jpg)
Stay updated
![Page 91: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/91.jpg)
You are what you share (Charles Leadbeater)
![Page 92: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/92.jpg)
Think before you design
![Page 93: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/93.jpg)
This is teamwork
![Page 94: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/94.jpg)
Next year everything will be new (or not…)
![Page 95: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/95.jpg)
Onde posso saber mais
![Page 96: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/96.jpg)
Mais Info
![Page 97: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/97.jpg)
Mais Info
Asilomar Ins�tute for Informa�on Architecture h�p://aifia.org/ Bloug h�p://louisrosenfeld.com/home/ Boxes & Arrows h�p://www.boxesandarrows.com/ Findability.org h�p://findability.org/ Iawiki h�p://www.iawiki.net/IAwiki Seman�cs h�p://seman�cstudios.com/publica�ons/seman�cs/ www.useit.com www.iaslash.org Update yourself @ Techcrunch.com Thenextweb.com Engadget.com Mashable.com
![Page 98: Web Standards](https://reader033.vdocuments.com.br/reader033/viewer/2022051514/54920ff2b479597a618b4644/html5/thumbnails/98.jpg)
Keep it social: 11frames.com I [email protected] linkedin.com/in/pedroltavares facebook.com/pedroltavares
twitter.com/ptavares
Obrigado!