0
Arquitetura da Informação
       e Wordpress
           Frederick van Amstel
 designer de interação usabilidoido.com.br
  ...
Experiência do Usuário




          Encontrabilidade                         Continuidade


Arquitetura da Informação    ...
Pesquisa                  Ensino
      Inovação pelo Design                 Pós-graduação em
                             ...
As empresas só investem em UX quando fica grave
Recall feito para resolver o problema do Fox
Experiência do Usuário não é requisito. É estratégia.
Wordpress: foco em UX desde o início
Evolução da Interface até a versão 3
Crescimento da procura em comparação a outros CMS
O Usabilidoido foi feito com Movable Type porque naquela
               época não existia Wordpress
Meu website em inglês foi feito em apenas um dia com
   Wordpress! 5 vezes mais rápido do que com MT
Dicas para priorizar UX com
          Wordpress
• Escolha um bom tema
• Use o mínimo de recursos
• Monitore o impacto de c...
Três estratégias para temas
• Desenvolver meu próprio tema do zero
• Partir de um tema e adaptar
• Partir do tema mais par...
problema de usabilidade




Seletor de temas por critérios
Critérios para escolher um tema
• Prefira o mais simples
• Veja se a estrutura é escalonável
• Observe quais são as priori...
Bombardeamento de Widgets
Seleção de Widgets
• Adiciona valor para a maioria dos usuários?
• Está no lugar certo?
• Está sendo usado?
Evite o “salsichão”
24 rolagens
Vantagens da navegação à
            rolagem
• Usuário só vê o que está interessado
• Dá pra rastrear melhor no Analytics
...
Uma Página Inicial estática pode ser uma introdução
       melhor do que a listagem de posts
Exemplo de uso de página inicial estática explicando do
               que se trata o website
Prefira Excerpts manuais a quebrar o texto no meio com
                     <!--more->
Breadcrumbs com plugin Yoast ajudam a se orientar
A logo deve ser clicável pra página inicial
http://fredvanamstel.com/essays/communal-virtualities-and-
                  complicated-pleasures

                   URL...
Plugin WP-Print cria versão adequada para impressão
Pages ou Posts?
Categories
Tags
Tags
Tags
Tagcloud
• Dar um panorama geral de
 temas

• Sugerir assuntos para
 quem está curioso
Tagcloud para cada área do Usabilidoido
Busca Interna
O Ministério da Cultura preferiu a busca do Google a do
                       Wordpress
Versão Mobile
• Faça funcionar em diferentes plataformas
• Elimine tudo o que puder. Só deixe o essencial
• Priorize o tel...
Plugin WPTouch transforma website em app
Wordpress integra com Open Web Analytics
Plugin Visitor Movies rastreia o movimento do mouse
O que não tem no Wordpress?
• Tipos de Conteúdo
• Vocabulários Controlados
• Views
• Workflow
Esquema de navegação para Portal Flashmasters.net
Catálogo de Livros da Travessa dos Editores
Uma ferramenta que oferece
  uma boa Experiência do
Usuário incentiva a fazer bons
          projetos.
Obrigado!
          Frederick van Amstel
designer de interação usabilidoido.com.br
      Instituto faberludens.com.br
    ...
Upcoming SlideShare
Loading in...5
×

Arquitetura da Informação e Wordpress

5,300

Published on

Published in: Design
2 Comments
19 Likes
Statistics
Notes
No Downloads
Views
Total Views
5,300
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
142
Comments
2
Likes
19
Embeds 0
No embeds

No notes for slide

Transcript of "Arquitetura da Informação e Wordpress"

  1. 1. Arquitetura da Informação e Wordpress Frederick van Amstel designer de interação usabilidoido.com.br Instituto faberludens.com.br @fredvanamstel
  2. 2. Experiência do Usuário Encontrabilidade Continuidade Arquitetura da Informação Design de Serviços Usabilidade Socialidade Design de Interação
  3. 3. Pesquisa Ensino Inovação pelo Design Pós-graduação em Design de Interação Consultoria Política Análises e planejamento de UX DesInterac - Lista de discussão
  4. 4. As empresas só investem em UX quando fica grave
  5. 5. Recall feito para resolver o problema do Fox
  6. 6. Experiência do Usuário não é requisito. É estratégia.
  7. 7. Wordpress: foco em UX desde o início
  8. 8. Evolução da Interface até a versão 3
  9. 9. Crescimento da procura em comparação a outros CMS
  10. 10. O Usabilidoido foi feito com Movable Type porque naquela época não existia Wordpress
  11. 11. Meu website em inglês foi feito em apenas um dia com Wordpress! 5 vezes mais rápido do que com MT
  12. 12. Dicas para priorizar UX com Wordpress • Escolha um bom tema • Use o mínimo de recursos • Monitore o impacto de cada mudança
  13. 13. Três estratégias para temas • Desenvolver meu próprio tema do zero • Partir de um tema e adaptar • Partir do tema mais parecido e adaptar
  14. 14. problema de usabilidade Seletor de temas por critérios
  15. 15. Critérios para escolher um tema • Prefira o mais simples • Veja se a estrutura é escalonável • Observe quais são as prioridades (navegação, texto, imagem, ou data)
  16. 16. Bombardeamento de Widgets
  17. 17. Seleção de Widgets • Adiciona valor para a maioria dos usuários? • Está no lugar certo? • Está sendo usado?
  18. 18. Evite o “salsichão” 24 rolagens
  19. 19. Vantagens da navegação à rolagem • Usuário só vê o que está interessado • Dá pra rastrear melhor no Analytics • Exibe mais anúncios
  20. 20. Uma Página Inicial estática pode ser uma introdução melhor do que a listagem de posts
  21. 21. Exemplo de uso de página inicial estática explicando do que se trata o website
  22. 22. Prefira Excerpts manuais a quebrar o texto no meio com <!--more->
  23. 23. Breadcrumbs com plugin Yoast ajudam a se orientar
  24. 24. A logo deve ser clicável pra página inicial
  25. 25. http://fredvanamstel.com/essays/communal-virtualities-and- complicated-pleasures URLs informativas
  26. 26. Plugin WP-Print cria versão adequada para impressão
  27. 27. Pages ou Posts?
  28. 28. Categories
  29. 29. Tags
  30. 30. Tags
  31. 31. Tags
  32. 32. Tagcloud • Dar um panorama geral de temas • Sugerir assuntos para quem está curioso
  33. 33. Tagcloud para cada área do Usabilidoido
  34. 34. Busca Interna
  35. 35. O Ministério da Cultura preferiu a busca do Google a do Wordpress
  36. 36. Versão Mobile • Faça funcionar em diferentes plataformas • Elimine tudo o que puder. Só deixe o essencial • Priorize o telefone e endereço físico
  37. 37. Plugin WPTouch transforma website em app
  38. 38. Wordpress integra com Open Web Analytics
  39. 39. Plugin Visitor Movies rastreia o movimento do mouse
  40. 40. O que não tem no Wordpress? • Tipos de Conteúdo • Vocabulários Controlados • Views • Workflow
  41. 41. Esquema de navegação para Portal Flashmasters.net
  42. 42. Catálogo de Livros da Travessa dos Editores
  43. 43. Uma ferramenta que oferece uma boa Experiência do Usuário incentiva a fazer bons projetos.
  44. 44. Obrigado! Frederick van Amstel designer de interação usabilidoido.com.br Instituto faberludens.com.br @fredvanamstel
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×