O designer patrocinado pela Automattic, James Koster, tem a visão de tirar o Editor de Site do WordPress de sua estranheza beta e transformá-lo em uma ferramenta de design mais visual e fácil de usar. Em um post recente intitulado Revisando a apresentação dos principais recursos do Editor de Sites, Koster identifica a ponderação desequilibrada de recursos como uma falha crítica de design que está impactando negativamente a experiência dos usuários com o editor:
O Editor do Site é uma ferramenta poderosa, mas a experiência do usuário carece de alguma coerência e senso de hierarquia.
O gerenciamento e a edição de modelos têm foco central, apesar de ser uma área de produto que se mostrou difícil de interpretar para alguns usuários.
Recursos impactantes, como gerenciamento de estilo e menu, são relegados hierarquicamente e, consequentemente, oferecem um UX abaixo do ideal.
Esta semana, estive pensando em como podemos apresentar recursos do editor de sites com pesos mais apropriados, para que a experiência geral pareça mais uma ferramenta de design.
Em vez de colocar os usuários diretamente na edição da página inicial, Koster afirma que o design do Editor do Site deve ser atualizado para se tornar um “quadro navegável” onde os usuários podem selecionar em um menu de recursos e estilos à esquerda. Esta é uma melhoria radical em relação à experiência atual, que parece entrar em uma sala com todas as luzes acesas e vários recursos competindo por atenção.
“A combinação do frame do site (modo de navegação) e edição com um clique ajuda a ofuscar parte da confusão acima mencionada em torno da edição de modelos”, disse Koster. “Agora basta navegar até a página que deseja atualizar e clicar em ‘Editar’.”
Outra ideia explorada por Koster é uma visão que facilita o entendimento da interação de estilos e templates. A interface do usuário é muito mais limpa e reduz drasticamente a carga cognitiva para usuários que estão lutando para entender o conceito de modelos em primeiro lugar.
As opções de configuração de identidade e página inicial ainda não encontraram um lugar no editor do site. Koster propôs trazê-los para o editor de forma semelhante à forma como foi apresentado anteriormente no Customizer, com visualizações ao vivo.
Koster também propõe recursos de organização como modelos, peças de modelo, blocos reutilizáveis e padrões em uma seção “Biblioteca de design”, apresentada por meio de uma grade de miniaturas que abriria a visualização de edição. Isso traria um novo nível de organização para um conjunto de ferramentas que atualmente estão espalhadas por toda a interface do editor do site.
Estes são apenas alguns destaques de suas explorações. Embora Koster articule muitos dos pontos problemáticos atuais do Editor do Site, seus designs apresentam uma solução elegante para cada um. Confira o post completo para ver todos os vídeos e outras ideias para organizar recursos no editor do site.
A disparidade entre a experiência atual e as maquetes de Koster é como uma transformação no estilo Cinderela da noite e do dia. É um exemplo poderoso de como um design inteligente pode realmente resolver problemas. Suas explorações receberam feedback positivo daqueles ansiosos para ver esses projetos implementados em Gutenberg. Koster disse que seu próximo passo é preparar alguns protótipos mais simples para colaboração no GitHub.
“As ideias ainda estão em formação, mas com algumas podas podemos colocar as coisas em um estado de envio”, disse Koster. “Meu próximo passo é refinar e prototipar uma versão mais simples e levá-la ao GitHub para ideias e feedback mais amplos.”
