O documento discute como o Wordpress prioriza a experiência do usuário desde o início, tornando-se uma plataforma de conteúdo gerenciado mais popular do que outros sistemas. Ele fornece dicas para usar o Wordpress de forma a maximizar a usabilidade, como escolher um tema simples, monitorar o impacto de mudanças e priorizar a navegação por rolagem. Finalmente, discute algumas limitações do Wordpress e como ele pode incentivar bons projetos ao oferecer uma boa experiência do usuário.

1. Arquitetura da Informação
e Wordpress
Frederick van Amstel
designer de interação usabilidoido.com.br
Instituto faberludens.com.br
@fredvanamstel

2. Experiência do Usuário
Encontrabilidade Continuidade
Arquitetura da Informação Design de Serviços
Usabilidade Socialidade
Design de Interação

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. As empresas só investem em UX quando fica grave

5. Recall feito para resolver o problema do Fox

6. Experiência do Usuário não é requisito. É estratégia.

7. Wordpress: foco em UX desde o início

8. Evolução da Interface até a versão 3

9. Crescimento da procura em comparação a outros CMS

10. O Usabilidoido foi feito com Movable Type porque naquela
época não existia Wordpress

11. Meu website em inglês foi feito em apenas um dia com
Wordpress! 5 vezes mais rápido do que com MT

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. 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. problema de usabilidade
Seletor de temas por critérios

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. Bombardeamento de Widgets

17. Seleção de Widgets
• Adiciona valor para a maioria dos usuários?
• Está no lugar certo?
• Está sendo usado?

18. Evite o “salsichão”
24 rolagens

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. Uma Página Inicial estática pode ser uma introdução
melhor do que a listagem de posts

21. Exemplo de uso de página inicial estática explicando do
que se trata o website

22. Prefira Excerpts manuais a quebrar o texto no meio com
<!--more->

23. Breadcrumbs com plugin Yoast ajudam a se orientar

24. A logo deve ser clicável pra página inicial

25. http://fredvanamstel.com/essays/communal-virtualities-and-
complicated-pleasures
URLs informativas

26. Plugin WP-Print cria versão adequada para impressão

27. Pages ou Posts?

28. Categories

29. Tags

30. Tags

31. Tags

32. Tagcloud
• Dar um panorama geral de
temas
• Sugerir assuntos para
quem está curioso

33. Tagcloud para cada área do Usabilidoido

34. Busca Interna

35. O Ministério da Cultura preferiu a busca do Google a do
Wordpress

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. Plugin WPTouch transforma website em app

38. Wordpress integra com Open Web Analytics

39. Plugin Visitor Movies rastreia o movimento do mouse

40. O que não tem no Wordpress?
• Tipos de Conteúdo
• Vocabulários Controlados
• Views
• Workflow

41. Esquema de navegação para Portal Flashmasters.net

42. Catálogo de Livros da Travessa dos Editores

43. Uma ferramenta que oferece
uma boa Experiência do
Usuário incentiva a fazer bons
projetos.

44. Obrigado!
Frederick van Amstel
designer de interação usabilidoido.com.br
Instituto faberludens.com.br
@fredvanamstel