UX/UI
Sescoop: Eventos — UX/UI
Sescoop
CertezasPrestação de contas é o maior problemaSem prestar contas, sem nova viagemValidação na Unidade EstadualMuitos formuláriosAcesso é a maior dificuldadeFoco em passagem e hospedagemLimite de participantes por estadoResponsivo para mobileSuposiçõesUm único processo é possívelLogin por código no e-mailDiferenças regionais afetam o processoDúvidasA cooperativa acessa o processo?Ofício ou e-mail?Ainda exigir o check-in do voo?
1Criar o evento2Divulgar às Unidades Estaduais3Receber o comunicado4Preparar convite às cooperativas5Enviar o convite6Participante confirma7Unidade Estadual envia cadastros8Comprar passagens e hospedagem9Verificar a emissão da agência10Enviar ao viajante11Viagem12Retorno13Verificar a prestação de contas
Unidade NacionalCria o evento, distribui vagas e confirma a compraUnidade EstadualConfere inscrições e valida a prestação de contasCooperativaFaz a inscriçãoViajanteInforma seus dados e anexa comprovantesAgência de viagensEmite passagens e reservas
#0076BD#04588A#02395F#08C4FC#40BF55#CC3300#3F4F58#CFCFCF
Contexto
O módulo Eventos organiza eventos que envolvem viagem: inscrição, passagem, hospedagem e prestação de contas. Antes, esse processo passava por ofícios, e-mails e muitos formulários, com várias etapas de validação entre a Unidade Nacional, as Unidades Estaduais, as cooperativas e quem viaja. Na pesquisa, a prestação de contas apareceu como o maior problema, e o acesso ao sistema como a maior dificuldade das pessoas.
O sistema atende quatro níveis com responsabilidades diferentes (Unidade Nacional, Unidade Estadual, Cooperativa e Viajante), além da agência de viagens que emite passagens e reservas.
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.
Processo
- Matriz CSD (agosto de 2022). Separou certezas, suposições e dúvidas sobre o processo. A certeza que guiou o resto: a prestação de contas é o maior problema, e quem não presta contas não viaja de novo.
- Jornada em 13 passos. Da criação do evento à verificação da prestação de contas. Os pontos de contato mostraram um processo espalhado em link, e-mail, telefone, presencial, WhatsApp, plataforma da agência e formulários.
- Quatro níveis, um fluxo. Cada nível tem seu papel na cadeia, e a Unidade Estadual valida as inscrições e a prestação de contas antes de o processo seguir.
- Do wireframe à UI. Primeiro em média fidelidade, em cinza, para discutir estrutura; depois em alta fidelidade, em desktop e mobile.
- Protótipo e teste. Prototipei a navegação, e o fluxo do perfil Unidade Nacional foi testado com uma usuária.
Decisões de design
- Vagas por UF, com total, preenchidas e restantes, em tabela no desktop e em cartões no celular. Responde à certeza de que era preciso limitar os participantes por estado.
- Prazo de prestação de contas na própria página do evento, e o status “Prazo de Prestação” entre as tags. O maior problema fica à vista desde o início.
- Entrada única por e-mail ou CPF, com recuperação de acesso, para a maior dificuldade apontada: entrar no sistema.
- Aba lateral de ajuda fixa em todas as telas internas, pensando também no viajante que usa o sistema pouco.
- Ações explícitas em cada linha (baixar, editar, excluir) e status por cor (em aberto, acontecendo, pendente, cancelado, previsto), para acompanhar cada movimentação do evento.
- Notificações com filtros por mês e ano, lista e leitura lado a lado, e estados lido, não lido, importante e arquivado.
- Hotéis e importação de voucher dentro do mesmo módulo, já que o foco desta etapa era passagem e hospedagem.
- Versões mobile das tarefas principais: criar evento, cadastrar participante, importar voucher e relatórios.
Teste de usabilidade
Em 29 de setembro de 2022, uma usuária do perfil Unidade Nacional percorreu o protótipo em cinco cenários: navegação geral, criação de evento, distribuição de vagas, emissão de relatórios e cadastro de hotéis. O objetivo era encontrar dificuldades, inconsistências e problemas no fluxo e reunir sugestões.
O que funcionou
- Navegar pela agenda de eventos da home foi fácil.
- O evento foi criado de forma rápida e intuitiva, e ela gostou da ajuda no acesso rápido.
- As informações da tabela de relatórios atendiam.
O que pediu ajuste
- Vocabulário. O termo “disponibilidade” gerou dúvida, e a opção “Criar disponibilidade” não ficou clara. Sugestões: “Disponibilizar vagas” e, no lugar de “Data/Horário”, “Programação do Evento”.
- Atalhos. Um botão de criar evento na própria tela de eventos.
- Unidades. Escolher a Unidade Estadual numa lista em vez de digitar, e prever que o responsável pela unidade pode ser outra pessoa que não o responsável pelo evento.
- Regras em aberto. Se as vagas não preenchidas podem ser redistribuídas.
- Relatórios e hotéis. Impressão por voo, por Unidade Estadual e por hotel; no hotel, o rótulo “Nome do responsável pela reserva”.
- Ajuda e avisos. Textos de ajuda do acesso rápido a partir do normativo de viagens, e notificações separadas por evento.
Resultado
Um módulo desenhado em desktop e mobile, das vagas por estado aos hotéis e relatórios, testado com quem usa o perfil nacional. As telas finais estão na galeria acima.
