Arquitetura da Informação e Wordpress

5,761 views
5,586 views

Published on

Published in: Design
2 Comments
23 Likes
Statistics
Notes
No Downloads
Views
Total views
5,761
On SlideShare
0
From Embeds
0
Number of Embeds
1,332
Actions
Shares
0
Downloads
146
Comments
2
Likes
23
Embeds 0
No embeds

No notes for slide

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

×