Sescoop: Eventos — UX/UI

Contexto

O módulo Eventos do Sescoop organiza eventos com foco em passagem e hospedagem. Antes dele, o processo vivia espalhado entre ofícios, e-mails e formulários, e a prestação de contas era o maior problema: quem não presta contas da viagem anterior não pode viajar de novo. O sistema conecta quatro níveis, Unidade Nacional, Unidade Estadual, Cooperativa e Viajante, com apoio de uma agência de viagens na compra das passagens.

Meu papel

Participei como apoio nas pesquisas e nas dinâmicas de design thinking. Desenhei as jornadas, os assets e as telas, prototipei a experiência de navegação e acompanhei os testes de usabilidade.

Pesquisa: Matriz CSD (agosto de 2022)

A Matriz CSD separa o que o time sabia, o que supunha e o que ainda era dúvida. Abaixo, uma seleção dos post-its, quase literais.

Certezas

• Maior problema: prestação de contas.
• O participante não pode viajar de novo sem prestar contas da anterior.
• Viajante acessa o sistema, mas a responsabilidade de cobrar a prestação de contas é da Unidade Estadual.
• Etapas com validação na Unidade Estadual.
• Muitos formulários.
• Maior dificuldade do pessoal: acesso.
• Foco desta etapa: passagem e hospedagem.
• Responsivo para mobile.

Suposições

• Podemos fazer um único processo.
• Login por código no e-mail.
• Diferenças regionais vão impactar o processo.
• Plataforma colaborativa, que agiliza a comunicação.
• Web.

Dúvidas

• A cooperativa tem acesso ao processo?
• Ofício ou e-mail?
• Precisamos continuar exigindo o envio do check-in de voo?
• Pode ser integrado a outros sistemas?
• Unidade Nacional e Unidade Estadual são digitais?

Jornada em 13 passos

Da criação do evento à verificação da prestação de contas, o processo passa por 13 etapas:

1. Criar evento
2. Divulgar
3. Receber
4. Preparar convite
5. Enviar convite
6. Confirmar
7. Enviar cadastros
8. Comprar passagens e hospedagem
9. Verificar emissão das passagens
10. Enviar ao viajante
11. Viajar
12. Retornar
13. Verificar prestação de contas

A prestação de contas fica por último, depois de uma longa cadeia de repasses.

Quatro níveis, um fluxo

Os post-its descrevem uma cadeia de validação em quatro níveis, com a Unidade Estadual validando as etapas.

• Unidade Nacional: cadastra o evento, gera o link de inscrição, confirma as inscrições e as encaminha à agência, recebe as cotações e confirma a compra. Chega direto ao participante.
• Unidade Estadual: confere as inscrições (encaminhar, devolver ou cancelar), valida as cotações com o viajante, envia o roteiro de viagem e valida ou devolve a prestação de contas.
• Cooperativa: faz a inscrição no sistema. Na Matriz CSD, o acesso da cooperativa ao processo ainda era uma dúvida.
• Viajante: informa seus dados na inscrição, acessa o sistema com a supervisão da Unidade Estadual; o arquivo do comprovante original é de sua responsabilidade.

A agência de viagens apoia a compra das passagens.

Telas

Desenhei as telas e os assets em desktop e mobile, partindo de wireframes como o da Home Estadual, em duas versões: estado vazio e estado com eventos. A UI de alta fidelidade mostra a lista de eventos, a criação de evento, as notificações, a tabela de vagas por unidade da federação (UF), com número de vagas, preenchidas e restantes, o cadastro de hotéis, a importação de voucher e os relatórios. A versão mobile responsiva, uma das certezas da Matriz CSD, cobre eventos, hotéis e relatórios. Depois, prototipei a experiência de navegação, para o fluxo poder ser percorrido e testado.

Teste de usabilidade

O teste de usabilidade foi realizado em 29 de setembro de 2022, com o perfil Unidade Nacional. Foram cinco cenários:

• navegação geral;
• criação de evento;
• distribuição de vagas por UF;
• emissão de relatórios;
• cadastro de hotéis.