​

​

Identificando
 

Durante a fase inicial do projeto, me aprofundei no entendimento do briefing e dos requisitos de negócios em conjunto com a áreas de negócio e stakeholders. 

​

Workshop Lean inception

​

Para definição de um escopo pdo MVP  em conjunto com a equipe do projeto, fui facilitador em um workshop de lean inception.

​

O workshop foi feito remotamente utilizando a ferramenta do mural e foi fundamental para o entrosamento da equipe e clarificar os pontos relacionados aos problemas, objetivos e expectativas de nossos usuários.

​

​

Métricas de validação de hipóteses

​

Através do Canvas de UX, defini em conjunto com a equipe as métricas e resultados esperados para o primeiro MVP. As métricas estavam baseadas em satisfação de uso de 2 grupos de usuários: uma persona que representava o papel do publicador e gerenciador de conteúdo, e a outra que representava a visão de nossos principais clientes.

​

Métricas:

​

- Teste de usabilidade em desktop com 10 usuários interagindo em 5 diferentes cenários

- Teste de usabilidade em smartphone com 10 usuários 5 cenários (questionário)

- Pesquisa de satisfação com os usuários internos publicadores de conteúdo

- Pesquisa de satisfação com os clientes

​

Objetivos esperados:

​

-  Navegação mais intuitiva no desktop (80% de cenários completos com sucesso) 

- Conteúdo do portal em smartphone (80% de cenários completos com sucesso) 

- Satisfação do cliente interno na publicação de conteúdo - Tirar nota ≥ 4 em pesquisa de satisfação

- Satisfação do cliente externo na realização de tarefas no portal  - Tirar nota ≥ 4 em pesquisa de satisfação 
 

Prototipação

​

Sitemap

Com o escopo do MVP definido, comecei a realizar o trabalho de arquitetura de informação, mapeando os fluxos de telas do portal e estabelecendo o sitemap (cadastrado na ferramenta flowmapp).

 

Card sorting 

Realizei atividades de card sorting (fechado) com as áreas para categorização das informações de conteúdo. 

​

Conhecendo os recursos da ferramenta Liferay para publicação de conteúdo

Marquei reuniões com o arquiteto e desenvolvedor especialista em liferay para conhecer os recursos e limites da ferramenta para o gerenciamento de conteúdo do portal.

​

Identificando Workflows de conteúdo

Conduzi reuniões com os stakeholders de conteúdo para entender e mapear os processos de publicação, aprovação e edição de conteúdos. Criei um diagrama para consolidar as informações adquiridas de como funcionaria os relacionamentos e tarefas de todos os papéis envolvidos no processo de gerenciamento de conteúdo.

​

User story mapping

Para trabalhar dentro do modelo ágil de desenvolvimento, coloquei como proposta, mapear as jornadas dos usuários, suas atividades e tarefas dentro do artefato de user story mapping. 

​

Wireframes

Criei wireframes para estruturar e organizar as informações de navegação, de conteúdo e fluxos entre as telas. 

​

Protótipos Navegáveis

​

Com toda estrutura mapeada do primeiro MVP, utilizei o Figma para criação de protótipos interativos que foram utilizados para validação dos usuários internos responsáveis pelo gerenciamento do portal.

​

Primeiros testes de usabilidade

​

Com o desenvolvimento dos primeiros protótipos navegáveis e com cenários previamente mapeados, marquei entrevistas com 5 usuários para aplicação de testes de usabilidades para identificar problemas que possam surgir durante a realização de suas tarefas de gerenciar conteúdo (uma das principaiss jornadas do MPV).

​

O objetivo do teste foi identificar se os fluxos e funcionalidades propostos estariam aderentes às expactativas dos usuários, que sofriam bastante com a parte de publicação de informação.

​

Durante as entrevistas, eles puderam navegar nos protótipos e a contribuir com seus feedbacks.

​

Visual Design

​

Nesse projeto, tive também o papel de cuidar de todo UI do portal, meu processo basicamente foi:

​

- Colher inspirações baseadas na expectativa do cliente em transmitir um tom mais humano e moderno para o portal.

- Desenvolver o Look & Feel (baseado em brandbook e guidelines da empresa)

- Criar paleta de cores (colorschemedesigner), definir fontes e padrão de ícones

- Utilizar um grid system para o desenho de interfaces responsivas (Boostrap no caso)

- Definir comportamentos e animações em componentes das interfaces

- Criar templates

- Documentar especificação para desenvolvedores

​

Desenvolvimento

​

No momento o projeto encontra-se na etapa de desenvolvimento, estamos trabalhando com Scrum e atuo dentro de sprints com papel de gerar o material para o backlog e também dando suporte ao P.O e time de DEV. Como ferramentas estamos utilzando o Jira.

​

To be continued...