Ahazou: simplificando a produção de conteúdo e assets com um único sistema integrado
UX | UI | Research | Card Sorting
Contexto
Ahazou é um aplicativo com conteúdo autoral para redes sociais, entre posts, stories e outros formatos, voltado para pequenos empreendedores. O aplicativo conta com mais de 250 mil posts, distribuídos entre vários segmentos de atuação.
A criação e gestão desse conteúdo é feita no Flix, um sistema de marketplace onde redatores, designers, fotógrafos e ilustradores freelancers são cadastrados e produzem os posts conforme demanda.
No Flix é possível fazer toda a administração do conteúdo, como tema de posts, sazonalidade e coleções, o que é feito pela equipe Ahazou.
Problema
-
o time estava usando dois sistemas, um para a produção de conteúdo e outro para a produção de assets;
-
o sistema onde era feita a produção de conteúdo tinha um problema de arquitetura de informação;
-
a produção de conteúdo passava pelos status (aberto, criação, aprovação, correção), porém o sistema não deixava claro em qual página o usuário estava pois o único elemento que as diferenciava era o título da página, todas as telas eram iguais e tinham exatamente o mesmo layout, deixando o usuário confuso;
-
os usuários precisavam se dividir em usar dois sistemas.
Menu do sistema antigo, que não deixa claro em qual fase do fluxo o usuário está.
Solução
-
descobrir como o usuário organizaria as categorias dentro do sistema, e como faria sentido essa organização para o dia a dia de trabalho dele;
-
reorganizar as categorias do menu e também os status de cada uma delas.
Card Sorting
O maior insight do card sorting foi que os usuários queriam os jobs separados por status, e não por tipo de job como era no sistema antigo.
Insights
-
algumas funções do sistema que estavam disponíveis para os usuários não era utilizadas por eles;
-
categorias que estavam separadas deveriam estar juntas;
-
durante o card sorting, os usuários criaram novos grupos de categorias;
-
algumas nomenclaturas no sistema não faziam sentido para os usuários;
-
as pendências (correções) deviam estar todas juntas, independente de qual fosse o tipo de conteúdo a ser produzido.
Teste de usabilidade
Após o card sorting montei um wireframe com uma proposta de novo formato de menu para testar com os usuários.
Nesse novo menu o objetivo era que os jobs fossem separados por status e não mais por categorias, dentro de cada status o usuário veria as categorias de jobs separadas por abas.
Wireframe do teste de usabilidade.
Insights
-
as informações ficaram melhor distribuídas e organizadas;
-
os usuários já sabiam onde estavam as informações assim que viram a tela pela primeira vez;
-
o menu ficou mais funcional;
-
os usuários não precisaram pensar muito para encontrar o que queriam;
-
navegação mais fácil, pois as informações ficaram centralizadas.
Protótipo
Após a pesquisa e o teste, eu desenhei o protótipo seguindo o novo style guide do sistema.
O novo menu foi desenhado na lateral esquerda do sistema, visando ter uma melhor aproveitamento de tela (visto que é um sistema de produção) quando o usuário passa o mouse por cima do menu ele expande sobrepondo o restante do conteúdo.
Antes.
Depois
Vídeo do novo sistema