O documento discute a Web 2.0, definindo suas características como sites como aplicativos online, usuários como provedores de conteúdo e pequenas peças frouxamente unidas. Também aborda o design na Web 2.0, enfatizando a simplicidade, layouts de até 3 colunas e uso de cores e ícones para separar seções de forma clara. Por fim, discute limitações dos modelos atuais como customização complexa em CMS e se blogs substituirão sites.

1. Web Design 2.0 Aspectos práticos da criação e as limitações dos modelos produtivos atuais

2. 1)Definições principais. Diferenças entre o design off-line e o design para web.

3. 2) Web 2.0: Quando surgiu e desde quando?

4. b) O que é? Mudança radical de conceitos Sites são aplicativos, serviços online Usuário é o provedor de conteúdo

5. O'Reilly sugere algumas regras que ajudam a definir sucintamente a Web 2.0: O beta perpétuo Pequenas peças frouxamente unidas Software acima do nível de um único dispositivo Lei da Conservação de Lucros Dados são o novo “Intel inside”

6. Alguns sites da web 2.0.br: http://www.camiseteria.com/ http://www.brasilwiki.com.br/index.cfm http://boo-box.com/site/br/ http://www.apontador.com.br http://lista2.0br.com.br/

7. Alguns sites da web 2.0.gringos: http://pt.wikipedia.org http://del.icio.us/ http://del.icio.us/fabianopereira http://www.last.fm/ http://www.flickr.com/ http://www.youtube.com/ http://www.orkut.com/

8. d) O papel do usuário: “a estrela principal do show”. Hey, você aí! Sim, você! Quer ser uma estrela?

9. 3) Design na web 2.0: Conceitos: CMS, sistemas de gerenciamento prontos Papel do usuário “ativo” Site como obra aberta

10. 4) Guia de Design na web 2.0 Resumindo ao extremo, o conceito principal do design na web 2.0 é a simplicidade. Os elementos devem ser dispostos de maneira coerente, tranqüila e limpa. Os ruídos de comunicação, elementos desnecessários, futilidades devem ser removidos, a busca deve ser sempre pela simplicidade, menos é mais. Evite excessos. Veja um exemplo de pouca simplicidade:

11. b) Layouts em colunas; Quantas colunas usar? Recomenda-se 2 colunas, no máximo, três. Menos é mais

12. Exemplos com 3 ou mais colunas Bons exemplos:

13. Exemplos com 3 ou mais colunas Exemplo do que não se deve fazer:

14. Divisões horizontais (seções) Exemplos:

15. d) Padrões estéticos utilizados: negrito e organização contextual; Exemplos de utilização de negrito:

16. e) Padrões estéticos utilizados: cores fortes separando as seções; Separação clara de seções:

17. f) Superfícies ricas (efeitos de 3D); Agradável ao olhar, evitar excessos

18. g) Iconografia

19. h) Formas estreladas Destaques principais:

20. 5) Design web 2.0: Limitações dos modelos produtivos atuais: a) O conceito e a individualidade de cada projeto; b) A adulteração dos conceitos aplicados pelo design: sacrifício válido para a experiência de customização ou o fim do conceito visual na web? c) Complexidades de customização num modelo CMS: é necessário programar para fazer um bom design? d) O blog vai substituir os sites, no formato como conhecemos?

21. 6) Conclusões finais: a) A eterna necessidade do pensamento subjetivo humano: são as idéias que movem o mundo; b) Visão global do processo produtivo: saindo do chão da fábrica, adquirindo visão empreendedora;

22. Visitem o meu Blog! www.fabianopereiradesigner.blogspot.com Entrem em contato! [email_address]

23. Muito obrigado! Grande abraço!