Plataforma CMS

UI/UX Design

Desafio

Desenvolver uma plataforma CMS mais intuitiva, leve e centrada no usuário.

Objetivo

Criar uma plataforma que empodere o usuário com uma interface de gestão de conteúdos mais intuitiva e eficiente.

Matriz Moscow

Imersão

Seguindo a metodologia Double Diamond, após a definição do problema e o mapeamento dos stakeholders, fiz a matriz Moscow para priorizar as features da plataforma.

Análise de Competidores e Benchmarking

Definição

Fiz uma análise de outras plataformas de gestão de tempo e conteúdo, como o Jira, Trello, Notion, Asana e Google Drive. Também fiz o benchmarking de funcionalidades e fluxos de usuário.

Análise Heurística

Definição

Agora é hora de analisar a plataforma atual, com base nas 10 heurísticas de nielsen para identificar possíveis problemas de usabilidade e priorizar melhorias para aprimorar a experiência geral do usuário.

Na maioria das partes da navegação, não há um feedback claro para o usuário sobre quais são os erros ou se a página e os componentes ainda estão carregando. Algumas partes da navegação não têm informações sobre como o usuário pode retornar ou desfazer a operação.
A plataforma oferece muita navegação que faz sentido para o fluxo de backend, mas não para o usuário final. Certas partes da plataforma funcionam de forma diferente de outras, como comportamentos de modais e janelas da barra lateral. Os botões também mudam de posição com frequência.
Não há opções de personalização ou criação de atalhos; os usuários são ensinados por meio de um manual sobre processos passo a passo, e o processo não é intuitivo.
A interface é desorganizada, com muitos espaços em branco que dão a impressão de que algo não foi carregado. O tamanho dos textos e botões não faz sentido na maioria das telas.

Entrevistas com Usuários

Definição

Foram realizadas entrevistas de profundidade com 3 usuários da plataforma, onde foi possível receber feedbacks e gerar insights.

“Muitos aspectos dos nossos processos não são claros; nós simplesmente dizemos: "É assim que se faz, clica aqui e aqui e depois salva."

“[A plataforma] demora muito para carregar, o que nos deixa inseguros sobre quanto tempo esperar pelas atualizações e se o processo foi bem-sucedido ou não.”

“Acho que é bem feia em comparação com outras plataformas que usamos; poderia ser mais parecida com o nosso site.”

Userflow

Ideação

Na etapa de ideação, fiz o Crazy 8's (8 ideias distintas em 8 minutos), userflow e os wireframes em baixa fidelidade das soluções propostas.

Protótipo

Entrega

Com a solução definida, criei um protótipo iterado para a versão desktop da plataforma, pronto para testagem com usuários.

Telas finais

Entrega

Foram entregues mais de 100 telas componentizadas, incluindo fluxos de navegação no menu lateral, notificações, área do usuário e listagem de conteúdos.

Plataforma CMS

UI/UX Design

Desafio

Desenvolver uma plataforma CMS mais intuitiva, leve e centrada no usuário.

Objetivo

Criar uma plataforma que empodere o usuário com uma interface de gestão de conteúdos mais intuitiva e eficiente.

Matriz Moscow

Imersão

Seguindo a metodologia Double Diamond, após a definição do problema e o mapeamento dos stakeholders, fiz a matriz Moscow para priorizar as features da plataforma.

Análise de Competidores e Benchmarking

Definição

Fiz uma análise de outras plataformas de gestão de tempo e conteúdo, como o Jira, Trello, Notion, Asana e Google Drive. Também fiz o benchmarking de funcionalidades e fluxos de usuário.

Análise Heurística

Definição

Agora é hora de analisar a plataforma atual, com base nas 10 heurísticas de nielsen para identificar possíveis problemas de usabilidade e priorizar melhorias para aprimorar a experiência geral do usuário.

Na maioria das partes da navegação, não há um feedback claro para o usuário sobre quais são os erros ou se a página e os componentes ainda estão carregando. Algumas partes da navegação não têm informações sobre como o usuário pode retornar ou desfazer a operação.

A plataforma oferece muita navegação que faz sentido para o fluxo de backend, mas não para o usuário final. Certas partes da plataforma funcionam de forma diferente de outras, como comportamentos de modais e janelas da barra lateral. Os botões também mudam de posição com frequência.

Não há opções de personalização ou criação de atalhos; os usuários são ensinados por meio de um manual sobre processos passo a passo, e o processo não é intuitivo.

A interface é desorganizada, com muitos espaços em branco que dão a impressão de que algo não foi carregado. O tamanho dos textos e botões não faz sentido na maioria das telas.

Entrevistas com Usuários

Definição

Userflow

Ideação

Na etapa de ideação, fiz o Crazy 8's (8 ideias distintas em 8 minutos), userflow e os wireframes em baixa fidelidade das soluções propostas.

Protótipo

Entrega

Com a solução definida, criei um protótipo iterado para a versão desktop da plataforma, pronto para testagem com usuários.

Telas finais

Entrega

Foram entregues mais de 100 telas componentizadas, incluindo fluxos de navegação no menu lateral, notificações, área do usuário e listagem de conteúdos.

Vamos trabalhar juntos?

oibabiasi@gmail.com