Design Process: Interviews with both Educational and M.T. Teams Customer Jorney Mapping Information Architecture (low and mid fidelity) UI (high fidelity) Usability Tests Development Deploy Follow up More on www.d360.cc

1. Design process
Cursos Online Mundo Tigre

2. Interviews and contextual inquiry

3. BUSCA INFORMAÇÃO
COM A ÁREA/ PESSOA
NECESSÁRIA QUE
AJUDA A CRIAR O
MATERIAL.
DESTACA QUAIS SÃO
OS PRINCIPAIS
PONTOS QUE MERE-
CEM DESTAQUE
ATRAVÉS DE
GRAVAÇÕES
TEM A EXPECTATIVA
DE CRIAR UM MATERI-
AL DE QUALIDADE JÁ
QUE CONSULTA
PROFISSIONAIS
QUALIFICADOS PARA
TAL.
O CONTEÚDO PRECISA
ESTAR DINÂMICO E
INFORMATIVO,
ENTRETANTO NÃO
PODE SER MUITO
EXTENSO POIS SABE
QUE A AUDIÊNCIAS
DESTES NÃO É MUITO
BOA.
SINCRONIZA E TESTA
CADA UM DOS
CURSOS PARA VERIFI-
CAR SE TUDO ESTÁ DE
ACORDO.
FICA ATENTA A
QUESTÕES COMO
SINCRONIZAÇÃO
É UM MOMENTO DE
ATENÇÃO POIS
PRECISA RESGATAR A
SENHA NO SISTEMA E
SUBIR OS ARQUIVOS
CORRETOS PARA O FTP
PRECISA FICAR
ATENTA AO
CALENDÁRIO PARA
QUE NÃO LIBERE O
CURSO ANTES DO
MOMENTO CORRETO
PRECISA RELACIONAR
CAMPOS EM DUAS
TABELAS PARA
CONSEGUIR A INFOR-
MAÇÃO QUE PRECISA
JÁ POSSUI ALGUNS
PARAMETROS PARA
ANALISAR OS RESUL-
TADOS, PORÉM ESTES
VARIAM DE UM
PÚBLICO PARA OUTRO.
HOJE EM DIA
DEMONSTRA
HABILIDADE NO
SISTEMA, ENTRETAN-
TO O MESMO É
CONFUSO NO
PRIMEIRO MOMENTO
SENTE UMA CERTA
FRUSTRAÇÃO POR
ACESSAR O SISTEMA
COM UM USUÁRIO
DIFERENTE DO SEU.
MAIS UMA INFOR-
MAÇÃO PARA
DECORAR
BUSCA INSERIR AS
QUESTÕES CORRETA-
MENTE, MAS PERCEBE
QUE O SISTEMA É
MUITO GRANDE PARA
O TRABALHO QUE
REALIZA.
˜DEVERIA SER
AUTOMÁTICO
ENVIA PARA A LOCU-
TORA O PPT COM OS
TRECHOS EM
DESTAQUE PARA
NARRAÇÃO
PRECISA DEIXAR O
CONTEÚDO DINÂMICO
E PALATÁVEL
REVISA OS AUDIOS E
VERIFICA SE ALGO
PRECISA DE AJUSTE
UTILIZA O PRÓPRIO
POWER POINT PARA
SINCRONIZAR AUDIO E
CONTEÚDO.
TESTA PARA TER
CERTEZA QUE EXISTE
SINCRONISMO.
PUBLICA O CONTEÚ-
DO UTILIZANDO UM
PLUGIN DO POWER
POINT QUE GERA UM
PACOTE“SCORM”
BUSCA NO EMAIL
QUAL É O ENDEREÇO,
USUÁRIO E SENHA
PARA ACESSAR O FTP
PRECISA SELECIONAR
OS ARQUIVOS CORRE-
TOS PARA ENVIAR
PARA O FTP.
CRIA UMA PASTA COM
UM CODIGO PROPRIO
PARA CONTROLE
PESSOAL.
DIVIDE O MESMO FTP
COM TIGRE INTERNA-
CIONAL
ACESSA O SISTEMA
COM SEU USUÁRIO E
SENHA.
BUSCA NA ÁRVORE DE
PASTAS DO SISTEMA, A
PASTA COM O NOME
QUE SALVOU NO FTP
HABILITA O CURSO NO
SISTEMA PARA UM
PÚBLICO ESPECIFICO
(INTERNO, MUNDO
TIGRE, ETC.)
ACESSA O SISTEMA
2COM UM USUÁRIO E
SENHA DE OUTRA
PESSOA.
FAZ ISSO PARA NÃO
PERDER O HISTÓRICO
DE TREINOS JÁ
INSERIDOS.
COPIA NO SISTEMA 2
UM CÓDIGO QUE SERÁ
UTILIZADO PARA
RELACIONAR O
EXERCÍCIO AO
CONTEÚDO DO
CURSO.
COLA O CÓDIGO EM
UM CAMPO ESPECIFI-
CO NO SISTEMA 1
ACESSA COMO
USUÁRIO O SISTEMA
PARA SABER SE EXISTE
ALGUM PROBLEMA.
CASO EXISTA, CORRIGE
EXPORTA ARQUIVO CSV
DO SISTEMA TOTVS E
CRIA UMA PLANILHA
PERSONALIZADA DE
EXCEL
VERIFICA A QUANTI-
DADE DE USUÁRIOS
QUE REALIZOU O
CURSO.
FILTRA POR CONCLUÍ-
DOS COM EXITO.
O SISTEMA TOTVS
POSSUI UMA SÉRIE DE
CAMPOS A SER
PREENCHIDOS QUE
NÃO SÃO UTILIZADOS
POR NÃO ATENDEREM.
* PRECISAMOS DE UM
ACESSO AO SISTEMA
PARA MAPEAR ESTA
ETAPA COM MAIS
CERTEZA
User Journey Map
Framework utilizado para entender o fluxo de uma pessoa em um determinado produto/serviço/espaço/sistema
ESTÁGIOS
DA JORNADA
USUÁRIO OBJETIVO
ANTES DO SERVIÇO
ADMINISTRADOR CADASTRAR UM NOVO CURSO NO APRENDA MAIS
CONFORTO
DESCONFORTO
NECESSIDADES E ATIVIDADES
DURANTE O SERVIÇO DEPOIS DO SERVIÇO
EXPECTATIVAS E PERCEPÇÕES
ESTADO EMOCIONAL
CRIAR O CONTEÚDO
DO CURSO
SINCRONIZA
GRAVAÇÃO E PUBLICA
SOBE ARQUIVOS
NO FTP TOTVS
HABILITA O CURSO
NO SISTEMA 1 (TOTVS)
ACESSA SISTEMA 2 (TOTVS)
E CRIA ATIVIDADES
CRIA AS QUESTÕES
QUE SERÃO RESPONDIDAS
TESTES EXPORTA DADOS
PARA RELATÓRIO
ANALISA OS DADOS
COLETADOS E TOMA
DECISÕES
GERA CÓDIGO
DO SISTEMA 2
E RELACIONA
AO SISTEMA 1
ENVIA/RECEBE
A GRAVAÇÃO

4. BUSCA INFORMAÇÃO
COM A ÁREA/ PESSOA
NECESSÁRIA QUE
AJUDA A CRIAR O
MATERIAL.
DESTACA QUAIS SÃO
OS PRINCIPAIS
PONTOS QUE MERE-
CEM DESTAQUE
ATRAVÉS DE
GRAVAÇÕES
TEM A EXPECTATIVA
DE CRIAR UM MATERI-
AL DE QUALIDADE JÁ
QUE CONSULTA
PROFISSIONAIS
QUALIFICADOS PARA
TAL.
O CONTEÚDO PRECISA
ESTAR DINÂMICO E
INFORMATIVO,
ENTRETANTO NÃO
PODE SER MUITO
EXTENSO POIS SABE
QUE A AUDIÊNCIAS
DESTES NÃO É MUITO
BOA.
SINCRONIZA E TESTA
CADA UM DOS
CURSOS PARA VERIFI-
CAR SE TUDO ESTÁ DE
ACORDO.
FICA ATENTA A
QUESTÕES COMO
SINCRONIZAÇÃO
NÃO É PRECISO GRAVAR
A SENHA E OS ACESSOS
A DIFERENTES AMBIEN-
TES
AGILIDADE E CONFORTO
SISTEMA SIMPLIFICADO
E DE FÁCIL UTILIZAÇÃO
ÑÃO É NECESSÁRIO
UTILIZAR 2 SISTEMAS
PROCESSO FLUÍDO E
DINÂMICO.
NÃO É PRECISO GERAR E
RELACIONAR DIFEREN-
TRE SISTEMAS COM
CÓDIGOS MANUAL-
MENTE
FUNCIONAMENTO SEM
ERROS E COM TODO O
CONTEÚDO FACILMENTE
ACESSADO
BUSCAR INFORMAÇÕES
RELEVANTES E ESTATÍSTI-
CAS CONFIÁVEIS
TOMAR DECISÕES E
CRIAR ESTRATÉGIAS
SOBRE NOVOS RUMOS E
CORREÇÕES DE ROTA
ENVIA PARA A LOCU-
TORA O PPT COM OS
TRECHOS EM
DESTAQUE PARA
NARRAÇÃO
PRECISA DEIXAR O
CONTEÚDO DINÂMICO
E PALATÁVEL
REVISA OS AUDIOS E
VERIFICA SE ALGO
PRECISA DE AJUSTE
UTILIZA O PRÓPRIO
POWER POINT PARA
SINCRONIZAR AUDIO E
CONTEÚDO.
TESTA PARA TER
CERTEZA QUE EXISTE
SINCRONISMO.
PUBLICA O CONTEÚ-
DO UTILIZANDO UM
PLUGIN DO POWER
POINT QUE GERA UM
PACOTE“SCORM”
UTILIZA UM ÚNICO
SISTEMA/AMBIENTE
PARA REALIZAR O
TRABALHO.
UTILIZA USUÁRIOS E
SENHAS JÁ
EXISTENTES
CADASTRA TREINAMENTOS COM
FACILIDADE E CONFORTO
APENAS INFORMAÇÕES RELEVANTES:
- TÍTULO
- DESCRIÇÃO
- NÍVEL / MÓDULOS
- NOTA MÉDIA
- DATAS (INICIO/FIM)
- PONTUAÇÃO
- PERFIL
- UPLOAD DO ARQUIVO / EMBED DE
CONTEÚDO
- SELEÇÃO DE CURSO NA LISTA
INSERÇÃO DE PERGUNTAS E
RESPOSTAS
POR SER UM ÚNICO FLUXO, O
SISTEMA RELACIONARÁ
AUTOMATICAMENTE O
CONTEÚDO E AS PERGUNTAS
ACESSA O MT COM
USUARIO E SENHA DE UM
USUÁRIO
GERA NOVO RELATÓRIO COM:
- DADOS DEMOGRÁFICOS
- PERFIL DE PÚBLICO
- CONCLÚIDOS/Ñ CONCLUIDOS
CRUZA INFORMAÇÕES
PARA TOMADA DE
DECISÃO
GERA RELATÓRIOS NO
PROPRIO SISTEMA,
EXPORTANDO APENAS O
NECESSÁRIO
ACESSA O CMS DO
MUNDO TIGRE
CADASTRA INFOR-
MAÇÕES SOBRE O
TREINAMENTO
CADASTRA AS PERGUN-
TAS E RESPOSTAS DOS
TREINAMENTOS
VISUALIZA E TESTA OS
TREINAMENTOS
ACESSA A ÁREA DE
RELATÓRIOS
ESTABELECE
PARÂMETROS E
FILTROS
CRIA PLANO DE
AÇÕES BASEADO
EM BUSINESS
INTELIGENCE
User Journey Map
Framework utilizado para entender o fluxo de uma pessoa em um determinado produto/serviço/espaço/sistema
ESTÁGIOS
DA JORNADA
USUÁRIO OBJETIVO
ANTES DO SERVIÇO
ADMINISTRADOR CADASTRAR NOVO TREINAMENTO NO MUNDO TIGRE
CONFORTO
DESCONFORTO
NECESSIDADES E ATIVIDADES
DURANTE O SERVIÇO DEPOIS DO SERVIÇO
EXPECTATIVAS E PERCEPÇÕES
ESTADO EMOCIONAL(Esperado)
CRIAR O CONTEÚDO
DO CURSO
SINCRONIZA
GRAVAÇÃO E PUBLICA
ENVIA/RECEBE
A GRAVAÇÃO

5. TER UM CONTEÚDO
ESPECIALIZADO E DE
QUALIDADE
FACILIDADE DE
ACESSO OU DE
CADASTRO (CASO
AINDA NÃO
PERTENÇA)
ENCONTRAR FACIL-
MENTE O CONTEÚDO
E INICIAR RAPIDA-
MENTE A CAPACI-
TAÇÃO
TER UMA QUANTIDADE
RELEVANTE DE CURSOS
DISPONÍVEIS E DE
ACORDO COM SEU GRAU
DE CONHECIMENTO NA
ÁREA
TER O MÁXIMO DE
INFORMAÇÃO
DISPONÍVEL PARA A
TOMADA DE DECISÕES
TER UM CONTEÚDO
INTERESSANTE, DE FÁCIL
ASSIMILAÇÃO E UMA
INTERFACE OBJETIVA E
DE USABILIDADE FÁCIL
UM QUESTIONÁRIO
SIMLES E DIRETO, NÃO
MUITO LONGO E UMA
INTERFACE DE FÁCIL
UTILIZAÇÃO E INTER-
AÇÃO
VERIFICAR QUE O
CONTEÚDO FOI ASSIMI-
LADO E RECEBER UMA
BOA PONTUAÇÃO POR
ISSO.
VISUALIZAR OS BADGES
ALCANÇADOS E A SUA
PONTUAÇÃO FRENTE A
OUTROS PARTICIPANTES.
VISUALIZAR NOVOS
CURSOS DE SEU INTER-
ESSE
USUÁRIO RECEBE NOTIFI-
CAÇÃO POR SMS/EMAIL
OU ACESSA DIRETAMENTE
O MUNDO TIGRE
ENTRA COM SEU
USUÁRIO E SENHA NO
SISTEMA MUNDO
TIGRE
User Journey Map
Framework utilizado para entender o fluxo de uma pessoa em um determinado produto/serviço/espaço/sistema
ESTÁGIOS
DA JORNADA
USUÁRIO OBJETIVO
ANTES DO SERVIÇO
PESSOA BUSCANDO CAPACITAÇÃO REALIZAR COM SUCESSO UM CURSO NO MUNDO TIGRE
CONFORTO
DESCONFORTO
NECESSIDADES E ATIVIDADES
DURANTE O SERVIÇO DEPOIS DO SERVIÇO
EXPECTATIVAS E PERCEPÇÕES
ESTADO EMOCIONAL(Esperado)
CLICA NO BANNER
OU ACESSA O LINK
CAPACITAÇÃO
ACESSA A LISTAGEM
DE CURSOS
DISPONÍVEIS PARA
REALIZAÇÃO
ESCOLHE O CURSO
E VÊ OS DETALHES
AO FINALIZAR O
USUÁRIO TEM A
OPÇÃO DE
RESPONDER AO
QUESTIONÁRIO
AO FINALIZAR O
QUESTIONÁRIO O
USUÁRIO VÊ SEU
EXTRATO DE PONTOS.
GERAL E POR CURSO
PODE INICIAR OUTRO
CURSO (CASO DISPONÍVEL)
OU OUTRA RECURSO DO
MT
PODE ACESSAR SEU
EXTRATO DE BADGES E
RANKING
INICIA O CURSO
PODENDO PAUSAR/-
CANCELAR/FINAL-
IZAR NO MOMENTO
QUE QUISER.
NECESSIDADE:
SE CAPACITAR EM ALGUM
CURSO ESPECÍFICO E
SOMAR PONTOS
ATIVIDADE:
CLICA SOBRE O LINK QUE
ACESSA O MUNDO TIGRE
OU ACESSA PELO CELU-
LAR (MOBILE FUTURO)
NECESSIDADE:
ACESSAR SUA ÁREA DE
USUÁRIO NO MT
ATIVIDADE:
ENTRA COM SEU LOGIN
(CPF), SE NÃO FOR
CADASTRADO PRECISA
REALIZAR O CADASTRO
NECESSIDADE:
VISUALIZAR O CONTEÚ-
DO DISPONÍVEL
ATIVIDADE:
CLICA EM UM BANNER
VISÍVEL OU ENCONTRA
O LINK NO MENU
SUPERIOR
NECESSIDADE:
SE CAPACITAR EM
ALGUM CURSO ESPE-
CÍFICO E VER DETALHES
COMO PONTUAÇÃO,
NÍVEL, DURAÇÃO, ETC.
ATIVIDADE:
ACESSA A LISTAGEM DE
CURSOS E ESCOLHE UM
DE SEU INTERESSE
NECESSIDADE:
VERIFICAR SE O CURSO
TRATA DE ALGUM
ASSUNTO DE SEU
INTERESSE
ATIVIDADE:
VISUALIZA INFOR-
MAÇÕES COMO TÍTULO,
DESCRIÇÃO, PONTU-
AÇÃO, DATAS DE
CONCLUSÃO,
NÍVEL/MÓDULO E
CONTEÚDO
NECESSIDADE:
CAPACITAR-SE
ATIVIDADE:
UTILIZA OS BOTÕES DE
NAVEGAÇÃO PARA
AVANÇAR, RETROSCED-
ER, FINALIZAR, ETC.
NECESSIDADE:
VERIFICAR SE O
CONTEÚDO FOI BEM
ASSIMILADO PELO
USUÁRIO
ATIVIDADE:
RESPONDE UMA SÉRIE
DE PERGUNTAS DE
MÚLTIPLA ESCOLHA
NECESSIDADE:
VER A ASSERTIVIDADE
DE SUAS RESPOSTAS
ATIVIDADE:
VERIFICA A QUANTI-
DADE DE PONTOS QUE
SOMOU
NECESSIDADE:
VER SE CONSEGUIU
NOVOS BADGES QUE
PODERIAM AGRE-
GAR/AUMENTAR SUAS
CHANCES DE
PREMIAÇÃO
ATIVIDADE:
ACESSA A PÁGINA DE
BADGES
NECESSIDADE:
VERIFICAR SE EXISTEM
NOVOS CURSOS DE SEU
INTERESSE DISPONÍVEIS
ATIVIDADE:
RETORNA À PAGINA DE
LISTAGEM DE CURSOS

6. Redesigned workflow
Novo workflow de processo otimizado tendo em vista redução de tempo de execução de tarefas do administrador
e consumo de informação pelo usuário final

7. Redesigned experience (wireframe)
Protótipo da primeira versão do projeto redesenhado. Este contemplava 7 grandes cursos com vários módulos.
Ao final de cada módulo o usuário era convidado a responder perguntar para validar o conhecimento. Os pontos eram acumulados
e poderiam ser trocados por prémios.
Live prototype at http://ehxog4.axshare.com/

8. Redesigned experience (UI)
Protótipo da primeira versão do projeto redesenhado. Este contemplava 7 grandes cursos com vários módulos.
Ao final de cada módulo o usuário era convidado a responder perguntar para validar o conhecimento. Os pontos eram acumulados
e poderiam ser trocados por prémios.
Live prototype at http://www.mundotigre.com.br/curso