Arquitetura da Informação e WordpressFrederick van Amstel

designer de interação usabilidoido.com.brInstituto faberludens.com.br

@fredvanamstel

Arquitetura da Informação

Design de Interação

Design de Serviços

Experiência do Usuário

Usabilidade

Encontrabilidade

Socialidade

Continuidade

Pesquisa Ensino

Consultoria Política

Inovação pelo Design Pós-graduação em Design de Interação

DesInterac - Lista de discussãoAnálises e planejamento de UX

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 cada mudança

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

Seletor de temas por critérios

problema de usabilidade

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)

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

• Exibe mais anúncios

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

URLs informativas

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

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 telefone e endereço físico

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.brInstituto faberludens.com.br

@fredvanamstel