André Nogueira apresenta a trajetória da Simples Consultoria, destacando o desenvolvimento e a aplicação do CMS Plone em mais de 500 projetos, além de treinamento em CSS e acessibilidade. O documento também aborda regras essenciais para criar sites de sucesso com Plone, enfatizando a importância de um bom design, acessibilidade e a experiência do usuário. Histórias de sucesso demonstram a eficácia do uso criativo do Plone em diversas iniciativas online.

1. André Nogueira

2. Um pouco sobre a história da Simples...

3. Simples Consultoria Usabilidade Arquitetura da Informação Gestão de Conteúdo

4. Simples Consultoria Busca por um CMS: Fácil de usar Acessível Foco na organização de conteúdo Aderente aos padrões web

5. Simples Consultoria Testamos vários CMS Iniciamos o desenvolvimento de um CMS próprio.

6. Até que um dia...

8. Simples Consultoria + Plone = + 500 projetos em Plone + 200 pessoas treinadas em Plone e CSS Diversos produtos desenvolvidos e disponibilizado a comunidade

9. A arte do design para Plone

10. Ou em outras palavras...

11. Como fazer qualquer coisa com o Plone e garantir que fique bonito e funcional.

12. 4 histórias rápidas:

13. História 1

14. World Usability Day Feito em poucas horas Baseado em layout existente

15. World Usability Day Um deficiente visual elogiou o site, pois conseguiu fazer sua inscrição

16. História 2

17. Abraspe Associação Brasileira de Pedestres Mantido por usuário com mais de 70 anos

18. Abraspe Maior problema enfrentado: Configurar o Outlook

19. História 3

20. Simples “Estacionamentos” Nosso antigo site indicava qual o estacionamento mais próximo de nossos eventos

21. Simples “Estacionamentos” Éramos um dos primeiros resultado no Google para a tag “estacionamento”

22. História 4

23. ECA 18 anos Website Colaborativo Várias pessoas adicionando conteúdo

24. ECA 18 anos Depois de receber muita informação O site virou um livro

25. Todos esses sites foram feitos apenas com alterações de CSS...

26. ...usando o melhor “framework” para desenvolver um Plone site:

27. O próprio Plone

28. Características do Plone “out of the box” Fácil de usar e colaborar Alto nível de acessibilidade SEO Separação de conteúdo, estrutura e apresentação

29. Regras para criar um Plone Site de sucesso:

30. Regra #1 Pense primeiro, faça depois

31. Pense primeiro, faça depois Plone é uma ferramenta fantástica Mas não faz tudo sozinho Não basta instalar o site e pronto

32. Pense primeiro, faça depois Também precisa de passos básicos: Levantamento de informações Briefing Análise dos usuários Análise da concorrência e mercado Arquitetura da informação

33. Regra #2 Faça o design para o seu site, não para um Plone site.

34. Design do seu site Um bom design é bom no Plone, no Drupal, no Joomla, Wordpress, HTML... Pense apenas nos padrões de design, de usabilidade, consistência da interface... Respeite todos os dados levantados na regra anterior

35. Design do seu site A estrutura do Plone não foi criada ao acaso. Um bom design “encaixa” no Plone. Se não, pode ter algo errado com seu design.

36. Regra #3 Design não é CSS

37. Design não é CSS Lugar para fazer layout é no Photoshop, Gimp, ou na sua ferramenta preferida Nunca implemtente um site sem um layout

38. Regra #4 Não estrague as coisas

39. A instalação Padrão cobre 90% das necessidades de sites Não altere as coisas sem necessidade Não estrague as coisas!

40. Não estrague as coisas! Não mude templates apenas para alterar a aparência. Consistência da interface. Acessibilidade.

41. Não estrague as coisas! Deliverance é uma ferramenta incrível, mas pode criar vários problemas Acessibilidade Padrões web Facilidade de uso SEO Só deve ser utilizado por pessoas habilitadas

42. Regra #5 Vire um Ninja CSS

43. Toda apresentação precisa estar na CSS. Não misture Apresentação e Estrutura. Com conhecimento avançado de CSS dá pra implementar qualquer layout CSS Ninja

44. Não é possivel implementar um bom layout em qualquer sistema sem CSS Ou melhor, sem um bom CSS CSS Ninja

45. Regra #6 Livre-se do desnecessário

46. Elimine tudo o que não estiver usando: CSS JS KSS IMG Livre-se do desnecessário

47. Use CSS Sprites Todas as imagens num único arquivo Livre-se do desnecessário

48. Regra #7 Tome cuidado com Acessibilidade

49. Garanta que tudo o que você desenvolver vai seguir os padrões Nunca esqueça de coisas básicas: Alt das imagens Atalhos Cuidado com o contraste Cuidado com scripts <p class=&quot;hiddenStructure&quot;> <a accesskey=&quot;2&quot; href=&quot; documentContent &quot;>Ir para o conteúdo.</a> | <a accesskey=&quot;6&quot; href=&quot; portlet-navigation-tree &quot;>Ir para a navegação</a> </p> Acessibilidade

50. Regra #8 Cuide bem do seu usuário

51. Ensine seu usuário a usar o sistema. Ensine os conceitos do Plone. Ofereça material de apoio. Cuide do seu usuário

52. Regra #9 Não complique as coisas

53. Mantenha as coisas simples: Para seu usuário. Para você. De nada adianta uma ferramenta poderosa se ela não for fácil de usar Não complique as coisas

54. “ Simplicity is the ultimate sophistication” Leonardo Davinci

55. André Nogueira – Plone Symposium South America 2009 [email_address] http://www.simplesconsultoria.com.br