• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Arte Do Design Para Plone
 

Arte Do Design Para Plone

on

  • 2,870 views

Palestra de André Nogueira, apresentada durante o Plone Symposium South America de 2009, em São Paulo - Brasil

Palestra de André Nogueira, apresentada durante o Plone Symposium South America de 2009, em São Paulo - Brasil

Statistics

Views

Total Views
2,870
Views on SlideShare
2,462
Embed Views
408

Actions

Likes
0
Downloads
25
Comments
1

2 Embeds 408

http://www.simplesconsultoria.com.br 393
http://www.slideshare.net 15

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • O slide é muito bom, e eu gostei, ele ajudou me a compreender melhor acerca do Plone e como usa-lo para criar um site.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Arte Do Design Para Plone Arte Do Design Para Plone Presentation Transcript

    • André Nogueira
    • Um pouco sobre a história da Simples...
    • Simples Consultoria
      • Usabilidade
      • Arquitetura da Informação
      • Gestão de Conteúdo
    • Simples Consultoria
      • Busca por um CMS:
        • Fácil de usar
        • Acessível
        • Foco na organização de conteúdo
        • Aderente aos padrões web
    • Simples Consultoria
      • Testamos vários CMS
      • Iniciamos o desenvolvimento de um CMS próprio.
    • Até que um dia...
    •  
    • Simples Consultoria + Plone =
      • + 500 projetos em Plone
      • + 200 pessoas treinadas em Plone e CSS
      • Diversos produtos desenvolvidos e disponibilizado a comunidade
      • A arte do design para Plone
    • Ou em outras palavras...
      • Como fazer qualquer coisa com o Plone
      • e garantir que fique bonito e funcional.
    • 4 histórias rápidas:
    • História 1
    • World Usability Day
      • Feito em poucas horas
      • Baseado em layout existente
    • World Usability Day
      • Um deficiente visual elogiou o site,
      • pois conseguiu fazer sua inscrição
    • História 2
    • Abraspe
      • Associação Brasileira de Pedestres
      • Mantido por usuário com mais
      • de 70 anos
    • Abraspe
      • Maior problema enfrentado:
      • Configurar o Outlook
    • História 3
    • Simples “Estacionamentos”
      • Nosso antigo site indicava qual o estacionamento mais próximo de nossos eventos
    • Simples “Estacionamentos”
      • Éramos um dos primeiros resultado no
      • Google para a tag “estacionamento”
    • História 4
    • ECA 18 anos
      • Website Colaborativo
      • Várias pessoas adicionando conteúdo
    • ECA 18 anos
      • Depois de receber muita informação
      • O site virou um livro
    • Todos esses sites foram feitos apenas com alterações de CSS...
    • ...usando o melhor “framework” para desenvolver um Plone site:
      • O próprio Plone
    • 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
      • Regras para criar um Plone Site de sucesso:
    • Regra #1 Pense primeiro, faça depois
    • Pense primeiro, faça depois
      • Plone é uma ferramenta fantástica
      • Mas não faz tudo sozinho
      • Não basta instalar o site e pronto
    • 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
    • Regra #2 Faça o design para o seu site, não para um Plone site.
    • 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
    • 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.
    • Regra #3 Design não é CSS
    • Design não é CSS
      • Lugar para fazer layout é no Photoshop, Gimp, ou na sua ferramenta preferida
      • Nunca implemtente um site sem um layout
    • Regra #4 Não estrague as coisas
      • A instalação Padrão cobre 90% das necessidades de sites
      • Não altere as coisas sem necessidade
      Não estrague as coisas!
    • Não estrague as coisas!
      • Não mude templates apenas para alterar a aparência.
      • Consistência da interface.
      • Acessibilidade.
    • 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
    • Regra #5 Vire um Ninja CSS
      • 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
      • Não é possivel implementar um bom layout em qualquer sistema sem CSS
      • Ou melhor, sem um bom CSS
      CSS Ninja
    • Regra #6 Livre-se do desnecessário
      • Elimine tudo o que não estiver usando:
        • CSS
        • JS
        • KSS
        • IMG
      Livre-se do desnecessário
      • Use CSS Sprites
        • Todas as imagens num único arquivo
      Livre-se do desnecessário
    • Regra #7 Tome cuidado com Acessibilidade
      • 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
    • Regra #8 Cuide bem do seu usuário
      • Ensine seu usuário a usar o sistema.
      • Ensine os conceitos do Plone.
      • Ofereça material de apoio.
      Cuide do seu usuário
    • Regra #9 Não complique as coisas
      • 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
      • “ Simplicity is the ultimate sophistication” Leonardo Davinci
      • André Nogueira – Plone Symposium South America 2009
      • [email_address]
      • http://www.simplesconsultoria.com.br