Arquitetura de Informação - DETRAN RJ

918 visualizações

Publicada em

PROJETO DE REESTRUTURAÇÃO DE ARQUITETURA DA INFORMAÇÃO - DETRAN
Pós Graduação: Especialização em Ergodesing de Interfaces: Usabilidade e Arquitetura da Informação
Disciplina: Arquitetura da Informação
Professores: Luiz Agner e Cinthia Ruiz

Publicada em: Design
0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
918
No SlideShare
0
A partir de incorporações
0
Número de incorporações
5
Ações
Compartilhamentos
0
Downloads
3
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Arquitetura de Informação - DETRAN RJ

  1. 1. ARQUITETURA DE INFORMAÇÃO Detran/RJ Adriana Maccacchero Diana Amado Eduardo Azevedo Paulo Sabino Viviane Mesquita Professores Luiz Agner Cinthia Ruiz Arquitetura de Informação Detran-RJ Grupo
  2. 2. ARQUITETURA DE INFORMAÇÃO Detran/RJ Avaliar a usabilidade do site do Detran-RJ, por meio da técnica de cardsorting, realizar o benchmarking com instituções semelhantes e propor uma nova interface mais adequada às necessidades dos usuários. Proposta do Projeto
  3. 3. ARQUITETURA DE INFORMAÇÃO Detran/RJ O que é o Detran-RJ Departamento Estadual de Trânsito (Detran) responsável pela: ● fiscalização e trânsito de veículos terrestres; ● formação e fiscalização de condutores; ● avaliação da capacidade física, mental e psicológica dos candidatos à obtenção da Carteira Nacional de Habilitação (CNH). www.detran.rj.gov.br
  4. 4. ARQUITETURA DE INFORMAÇÃO Detran/RJ Quantidade excessiva de informações, mal distribuídas, trazendo dificuldades para o usuário atingir seus objetivos. Alguns menus são muito extensos, com nomenclaturas muito específicas e de difícil entendimento. Peça a ser criada: Redesign do site atual Principais problemas no site atual
  5. 5. ARQUITETURA DE INFORMAÇÃO Detran/RJ Público alvo Homens e mulheres, acima de 18 anos, residentes do estado do Rio de Janeiro, com acesso a internet, interessados em emissão ou renovação de habilitação, emissão de identificação civil, consulta e agendamentos referentes a veículos, multas e infrações. Pessoas com deficiência visual/auditiva que utilizam os serviços de agendamento e consultas. Regiões geográficas a serem cobertas (estados, regiões, países, etc.) Apenas o Estado do Rio de Janeiro.
  6. 6. ARQUITETURA DE INFORMAÇÃO Detran/RJ Imagem a ser transmitida Moderno, acessível, objetivo, limpo e de fácil entendimento. Obrigatoriedade Utilizar o azul como cor predominante, seguindo o padrão de sites do governo do Estado do Rio de Janeiro. A tipografia deve ser sem serifa, para beneficiar a leitura de conteúdos muito extensos. Briefing Quantas e quais páginas internas Seguir o mapa do site como referência, redefinindo a organização e nomenclaturas. Páginas especiais Cadastros e agendamentos online, em sincronia com os serviços realizados pelo telefone.
  7. 7. ARQUITETURA DE INFORMAÇÃO Detran/RJ Benchmarking O benchmarking foi realizado em sites do Detran de outros estados e de instituições semelhantes em outros países, como Estados Unidos e Canadá, que prestam os mesmos tipos de serviço. Referências Detran-SP, Detran-MG, ICBC Driver Licensing (Canadá) e NY DMV (Estados Unidos).
  8. 8. ARQUITETURA DE INFORMAÇÃO Detran/RJ Benchmarking Site do Detran São Paulo Cadastro com senha no site Busca geral no site por campo aberto Uso de ícones de fácil associação ao assunto
  9. 9. ARQUITETURA DE INFORMAÇÃO Detran/RJ Site do Detran Minas Gerais Controles de acessibilidade Links de rápido acesso com ícones e cores relativas Consulta rápida Busca geral no site Sinalização das principais categorias por cor Benchmarking
  10. 10. ARQUITETURA DE INFORMAÇÃO Detran/RJ Acesso rápido para acompanhamento de emissão documentos Benchmarking Site do Detran Minas Gerais
  11. 11. ARQUITETURA DE INFORMAÇÃO Detran/RJ Sinalização da área que foi selecionada Destaque/ Acesso rápido para os mais procurados da seção Exibição de todas as categorias da seção com visualização dos principais acessos Ícone para sinalização da categoria Benchmarking Site do Detran Minas Gerais
  12. 12. ARQUITETURA DE INFORMAÇÃO Detran/RJ Sinalização das principais categorias por cor Busca geral no site por campo aberto ICBC Driver Licensing (Canadá) Benchmarking Visual clean que facilita a identificação do conteúdo disponível http://www.icbc.com/
  13. 13. ARQUITETURA DE INFORMAÇÃO Detran/RJ Uso de ícones de fácil associação ao assunto Busca geral no site por campo aberto Benchmarking ICBC Driver Licensing (Canadá)
  14. 14. ARQUITETURA DE INFORMAÇÃO Detran/RJ New York State DMV (Department of Motor Vehicles) Atendimento por telefone com seleção de Idioma Sinalização das principais categorias por cor para pessoa física e para pessoa jurídica Cadastro com senha no site Link de acesso aos sites dos outros Estados Benchmarking
  15. 15. ARQUITETURA DE INFORMAÇÃO Detran/RJ New York State DMV (Department of Motor Vehicles) Ao entrar, é aberto um pop up para que o usuário responda como teve conhecimento do site Benchmarking
  16. 16. ARQUITETURA DE INFORMAÇÃO Detran/RJ ● Acesso rápido para acompanhamento e emissão de documentos; ● Acesso rápido aos serviços através de ícones; ● Atendimento por telefone com seleção de idioma; ● Busca geral no site por campo aberto com sugestao automática; ● Cadastramento através do CPF ou do CNPJ com senha no site para acesso à informações particulares; ● Controle de acessibilidade; ● Consulta rápida de processo administrativo, pontuação do CNH e situacao do veículo; ● Consulta rápida separada por categoria; ● Destaque e acesso rápido para os itens mais procurados da seção; ● Disponibilização de site responsivo; ● Exibição de todas as categorias da seção com visualização dos principais acessos; ● Ícone para sinalização de categoria; ● Links de acesso rápido com ícones e cores relativas aos assuntos; ● Link de acesso aos sites do Detran de outros estados; ● Opção para realização de download do aplicativo do site para smartphones; ● Principais ações com link direto da página principal; ● Seleção de Idiomas; ● Sinalização das principais categorias por cor; ● Sinalização da área que foi selecionada; ● Uso de ícones de fácil associação assunto. Principais funcionalidades identificadas Benchmarking
  17. 17. ARQUITETURA DE INFORMAÇÃO Detran/RJ Devido à quantidade de informações contidas no site, para análise do cardsorting, foram escolhidos os quatro menus principais: Cardsorting Veículo Multas Habilitação Identificação civil
  18. 18. ARQUITETURA DE INFORMAÇÃO Detran/RJ Inventário 1. Agendamento (Licenciamento anual; 1ª licença; Licenciamento sem vistoria; Transferência de propriedade; Troca de município; Transferência de jurisdição; Alteração de características em geral; 2ª via de documentos; Baixa de gravame comercial; Baixa de veículo; Baixa de Caminhão; Retificação de dados; Cancelamento de certidão; Consulta de agendamento; Cancelar agendamento) 2. Serviços (relacionados ao veículo como licenciamento e certidões) 3. Calendário (IPVA; Vistoria) 4. Detran e você (canal que envia avisos por e-mail) 5. Vistoria (motocicleta; veículo de carga; carros de passeio) 6. Perda, roubo ou furto de veículo 7. IPVA (Orientações; Consulta Bradesco; Dúvidas) 8. Compra e venda (Informações sobre como comprar e vender veículos) 9. Seguro DPVAT (Passo a passo de como receber) 10. Veículos apreendidos (informações sobre veículos apreendidos) 11. Veículos blindados (Passo a passo para regularização) 12. Leilões (de veículos – editais e dúvidas frequentes) 13. Estatísticas (relacionadas ao veículo, infrações e frota) 14. Formulários (relacionadas ao veículo – mudança de endereço, venda, vistoria) Menu Veículo
  19. 19. ARQUITETURA DE INFORMAÇÃO Detran/RJ 1. Infrações 2. Consultas (sobre multas – pontuação, veículos e outros estados) 3. Como pagar (multas) 4. Pagamentos (link para o Bradesco) 5. Comissão Cidadã (analisa e opina sobre processos de acidentes de trânsito com vítimas graves e/ou fatais) 6. Suspensão do Direito de dirigir (regras de pontuação) 7. Defesa prévia/recursos (Abertura de processos, como e onde recorrer) 8. Convênios (Órgãos e municípios) 9. Formulários (de multas e requerimentos) 10. Dúvidas (frequentes sobre multas) Menu Multas Inventário
  20. 20. ARQUITETURA DE INFORMAÇÃO Detran/RJ 1. Agendamentos (1ª habilitação; Renovação da habilitação; Alteração de dados; Prova de atualização; Atividade remunerada;) 2. Serviços (1ª habilitação; Renovação da habilitação; Alteração de dados; Prova de atualização; Atividade remunerada;) 3. Consultas (Pontos da carteira; validade; relação de clínicas; Ressarcimento do Duda; Listas de postos; Postos com prova eletrônica) 4. Exames necessários à habilitação (lista dos exames necessários) 5. Exames práticos de direção (Consulta e manual de exame prático) 6. Autoescola – CFCSs (Consultas, cursos, abertura de autoescola) 7. CFC – Detran/RJ (Cursos e certificados) 8. Detran e você (canal que envia avisos por e-mail) 9. Simulado online (prova) 10. Condutor surdo 11. Suspensão do direito de dirigir (regras de suspensão) 12. Curso de reciclagem – CRCI 13. Formulários (Requerimentos de devolução de CNH; Devolução de taxas; Declaração de residência) 14. Dúvidas (dúvidas frequentes em relação à habilitação) Menu Habilitação Inventário
  21. 21. ARQUITETURA DE INFORMAÇÃO Detran/RJ Menu Identificação civil 1. Agendamento (carteira de identidade) 2. Serviços (1ª/2ª via de carteira de identidade; Renovação da carteira; Correção de dados; Comunicação extravio, roubo ou furto; Devolução de carteiras perdidas) 3. Consultas (extravio, roubo ou furto; carteiras perdidas; certidões de nascimento/casamento; status do pedido; lista de postos; cadastro de cartórios; atestados de antecedentes) 4. Detran e você 5. Formulários (Declaração de extravio, roubo ou furto; Devolução de taxas; Declaração de residência; Requerimento geral) 6. Dúvidas (dúvidas frequentes sobre identificação civil) Inventário
  22. 22. ARQUITETURA DE INFORMAÇÃO Detran/RJ Cardsorting em Grupo Categorias Números Institucional 24, 28,34 Habilitação 30, 10, 33, 26, 19, 42 Serviços 21, 41, 7, 31, 29, 36, 4 Infrações 17, 32, 8, 2, 39 Informações 6, 25,16,12,38,22 Consultas 27, 40, 35, 5 Guias e Pagamentos 23, 20, 15 Veículos 13, 14, 37, 1, 11, 9, 18 Categorias mais fáceis: Habilitação Categorias mais difíceis: Institucional Cardsorting
  23. 23. ARQUITETURA DE INFORMAÇÃO Detran/RJ Cardsorting 1 Categorias Números Detran 24, 28 Carteira de Identidade 36, 21, 4 Pagamentos 23 Perda, roubo ou furto 37, 29, 40 Veículos 41, 27, 13, 14, 9, 18, 34, 12, 11, 20, 15, 1, 35 Carteira de habilitação 7, 6, 30, 2, 25, 38, 3 Autoescola 19, 26, 42, 39, 10, 33 Infrações e multas 17, 5, 31, 8, 16, 22, 32 Categorias mais fáceis: Infrações e multas. Categorias mais difíceis: Veículos e Detran. Cardsorting
  24. 24. ARQUITETURA DE INFORMAÇÃO Detran/RJ Cardsorting 2 Categorias Números Serviços (formulários e requisições) 21, 41, 7, 36, 29, 1, 38, 31, 32 Consultas 40, 27, 5, 35 Aprendizado e cursos 19, 30, 33, 10, 42, 26 Esclarecimentos (Informações variadas) 16, 25, 2, 17, 13, 39, 37, 14, 6, 20, 11, 4, 9, 8, 15, 12 Outros 3, 23, 18, 24, 34, 22, 28 Categorias mais fáceis: Consultas e Aprendizado e cursos. Categorias mais difíceis: Serviços e Esclarecimentos. Cardsorting
  25. 25. ARQUITETURA DE INFORMAÇÃO Detran/RJ Cardsorting 3 Idade: 49 anos; Profissão: Nutricionista; Escolaridade: Ensino Superior Completo Categorias Números Orientações 24, 32, 34, 28 Cursos 42, 26 Formulários 29, 38, 15 Consultas 40, 4, 7, 36 Veículos 13, 37, 22, 14, 18, 19 Autoescola 25, 27, 19, 30, 2, 31, 10, 8, 3, 39, 5, 35, 33 Serviços 41, 21, 6, 12, 11, 20, 23, 17, 16 Categorias mais fáceis: Serviços. Categorias mais difíceis: Veículos. Cardsorting
  26. 26. ARQUITETURA DE INFORMAÇÃO Detran/RJ Cardsorting 4 Idade: 43 anos; Profissão: Advogada; Escolaridade: Ensino Superior Completo Categorias Números Informações 15, 12, 24, 22, 14, 1, 9, 8, 20 Serviços 29, 18, 23, 26 Consultas 27, 33, 19 Identificação civil 12, 40, 36, 4 Outros 28, 34 Trânsito 39, 30, 17, 11, 37, 13, 5, 6, 3, 35, 41, 32, 2, 42, 7, 38, 25, 16, 10, 31 Categorias mais fáceis: Serviços. Categorias mais difíceis: Veículos. Cardsorting
  27. 27. ARQUITETURA DE INFORMAÇÃO Detran/RJ Cardsorting 5 Idade: 29 anos; Profissão: Publicitária; Escolaridade: Ensino Superior Completo Categoria mais fácil: Infrações. Categoria mais difícil: Serviços. Categorias Números Infrações 17, 2, 5, 39, 8, 16, 31, 13 Serviços 21, 41, 15, 42, 23, 1, 38, 4, 35, 9, 7, 20, 12, 11, 36, 30, 10, 3, 37, 29, 27, 40 Informações 6, 33, 19, 26, 22, 18, 34, 25, 32, 14, 24, 28 Cardsorting
  28. 28. ARQUITETURA DE INFORMAÇÃO Detran/RJ Cardsorting 6 Idade: 25 anos; Profissão: Policial Militar; Escolaridade: Ensino Superior Incompleto Categoria mais fácil: Multas Categoria mais difícil: Informações Categorias Números Habilitação 19, 33, 30, 42, 25, 10, 38, 3 Agendamentos 41, 7, 36 Multas 5, 13, 16, 32, 2, 17, 26, 8, 31, 39 Seguro DPVAT e Acidentes 34, 15 Informações sobre Veículos 40, 20, 11, 35, 8, 37, 1, 9, 12, 14 Informações 6, 18, 24, 27, 28 Solicitações 10, 29 Estatísticas 22 Pagamentos 23 Informações civil 21, 4 Cardsorting
  29. 29. ARQUITETURA DE INFORMAÇÃO Detran/RJ Cardsorting 7 Idade: 27 anos; Profissão: Designer; Escolaridade: Ensino Superior Completo Categoria mais fácil: Serviços Categoria mais difícil: Outros Categorias Números Cursos 26, 19, 33, 30, 42, 10 Serviços 37, 13, 11, 20, 29, 21, 5, 18, 23, 1, 27, 40 Dúvidas 31, 6, 25, 38, 4, 16, 8, 2, 9, 14, 15 Agendamento 41, 12, 36, 22, 7 Outros 3, 34, 35, 17, 32, 39, 24, 28 Cardsorting
  30. 30. ARQUITETURA DE INFORMAÇÃO Detran/RJ Cardsorting 8 Idade: 27 anos; Profissão: Estudante; Escolaridade: Ensino Superior (Cursando) Categoria mais fácil: Solicitações Categoria mais difícil: Sobre Categorias Números Solicitações 31, 29, 15, 1, 20, 21, 5, 41, 42, 7, 36, 27, 40 Recursos 30, 18, 9, 32, 34, 11 Perguntas e dúvidas frequentes 4, 25, 35, 8, 37, 3, 13, 16, 33, 22 Prova da CNH 12, 23, 10, 26, 38, 19 Sobre 2, 39, 6, 17, 14, 24, 28 Cardsorting
  31. 31. ARQUITETURA DE INFORMAÇÃO Detran/RJ Cardsorting 9 Idade: 42 anos; Sexo: Masculino; Profissão: Publicitário; Escolaridade: Ensino Superior Completo Categorias Números Serviços e Consulta 21, 1, 29, 32, 5, 11, 31, 27, 40, 35 Serviços e Consulta de Sinistros 37, 13, 18 FAQs e Regras 16, 30, 15, 39, 14, 24, 6, 9, 4, 25, 8, 2, 28 Cursos 26, 42, 19 Agendamento 41, 38, 36, 7 Utilidades 12, 22 Exames e simulados 33, 10, 3 Infrações 17, 23, 20, 34 Categorias mais fáceis: FAQs e Regras Categorias mais difíceis: Agendamento 3 Principais categorias: Agendamento, Serviços e Consultas, Infrações, Exames e Simulados Cardsorting
  32. 32. ARQUITETURA DE INFORMAÇÃO Detran/RJ Cardsorting 10 Idade: 28 anos; Sexo: Feminino; Profissão: Editora; Escolaridade: Cursando Pós Graduação Categorias Números Perda, Roubo ou Furto 29, 1, 37 Detran e Você 25, 24, 34, 18, 14, 4, 9, 32, 39 Perguntas sobre multas 5, 8, 27, 13, 16 Pagamentos 23, 20, 15 IPVA e Vistorias 40, 12, 11 Infrações 17, 22, 31, 35 Curso e Reciclagem 26, 2, 30, 3 CFC Detran 10, 33, 21, 38, 7, 6, 19, 42, 36, 28, 41 Categorias mais fáceis: Perguntas sobre multas Categorias mais difíceis: CFC Detran 3 Principais categorias: Curso e Reciclagem, perda roubo e furto, CFC Detran Cardsorting
  33. 33. ARQUITETURA DE INFORMAÇÃO Detran/RJ Cardsorting 11 Idade: 29 anos; Sexo: Masculino; Profissão: Designer; Escolaridade: Ensino Superior Completo Categorias Números Pagamentos 23 Institucional 24, 22, 5, 34, 28 Veículo 41, 12, 40, 11, 14, 20, 9, 15, 18, 35 Identificação Civil 36, 1, 21, 4 Habilitação 6, 7, 30, 42, 3, 10, 33, 19, 25, 26, 38 Resolva seu problema 27, 31, 37, 2, 39, 17, 8, 32, 13, 16, 29 Categorias mais fáceis: Institucional Categorias mais difíceis: Resolva seu problema 3 Principais categorias: Resolva seu problema, Habilitação e Veículo Cardsorting
  34. 34. ARQUITETURA DE INFORMAÇÃO Detran/RJ Cardsorting 12 Idade: 33 anos; Sexo: Masculino; Profissão: Analista de Testes; Escolaridade: Ensino Superior Completo Categorias Números Pagamentos 23, 20, 30, 12, 31, 33, 8 Consultas e Agendamentos 41, 21, 11, 1, 13, 19, 29, 18, 26, 42, 10, 7, 2, 27, 36, 5, 14, 37, 40 Dúvidas e Informações 25, 16, 04, 9, 6, 15, 39, 35 Institucional 3, 34, 28, 38, 24, 22, 32, 17 Categorias mais fáceis: Pagamentos Categorias mais difíceis: Dúvidas e Informações 3 Principais categorias: Consultas e Agendamentos, Pagamentos e Institucional Cardsorting
  35. 35. ARQUITETURA DE INFORMAÇÃO Detran/RJ Cardsorting 13 Idade: 30 anos; Sexo: Masculino; Profissão: Analista de Sistemas; Formação: Pós-Graduado Categorias Números Identificação Civil 4 36 21 32 40 CNH - (Sub) Dúvidas / Infos 25 10 30 38 6 2 CNH - (Sub) Agendamentos 41 7 33 27 Cursos 42 26 19 Pagamentos 23 Multas 17 39 22 13 31 8 16 IPVA/Vistoria 12 11 20 Infos Veículo 35 1 24 14 Acessibilidade 3 Compra/Venda de Veículos 9 18 Roubo/Furto de Veículos 37 29 Outros 28 15 34 Categorias mais fáceis: Identificação Civil Categorias mais difíceis: Outros Excluiria o cartão 34 / Não duplicou cartões Cardsorting
  36. 36. ARQUITETURA DE INFORMAÇÃO Detran/RJ Cardsorting 14 Idade: 29 anos; Sexo: Masculino; Profissão: Servidor Público; Formação: Ensino Superior Completo Categorias Números Institucional 24 / 3 / 34 CNH e RG 7 / 36 / 38 / 6 / 21 Cursos 42 / 26 / 10 Consultas 27 / 5 / 33 / 15 / 13 / 19 / 20 / 40 Dúvidas e Perguntas Frequentes 17 / 25 / 16 / 30 / 4 / 8 / 2 / 39 / 14 / 11 / 35 / 18 Links Externos 28 / 23 / 3 Informações 37 / 18 / 9 / 22 / 12 Formulários e Recursos 31 / 32 / 1 / 29 / 34 / 41 Categorias mais fáceis: Dúvidas e perguntas frequentes Categorias mais difíceis: Informações / Institucional Cartões duplicados: 3 / 34 / 18 Cardsorting
  37. 37. ARQUITETURA DE INFORMAÇÃO Detran/RJ Cardsorting 15 Idade: 27 anos; Profissão: Administrador de empresas; Escolaridade: MBA em Gestão Cultural Completo. Categoria mais fácil: Dúvidas. Categoria mais difícil: Serviços. Categorias Números Simulado online e auto escola (regras) 10, 31, 33, 19, 2 Dúvidas 25, 16, 30, 8, 37i IPVA - orientações 23, 12, 20 Detran e Você 18, 34, 4, 24 Vistoria 5, 11, 31, 35 Consultas (multas, CNH, Taxas, etc.) 27, 6, 40, 38, 27 Cursos e certificados 42, 26, 32, 3 Serviços (Identidade, Habilitação, 2ª via, Agendamentos) 7, 36, 21, 41, 15, 29, 14, 1 Outros 13, 22, 17, 28, 9 Cardsorting
  38. 38. ARQUITETURA DE INFORMAÇÃO Detran/RJ Cardsorting 16 Idade: 19 anos; Profissão: Advogada; Escolaridade: Pós-graduação em Direito Público e Tributário - Cursando. Categoria mais fácil: Multa. Categoria mais difícil: Informação. Categorias Números Informação 24, 36, 21, 29, 4, 40, 14, 11, 5, 27, 1, 9, 41, 6 Autoescola 19, 25, 30, 33, 10, 7, 22 Multa 17, 8, 39, 2, 31, 32, 23 Reciclagem 42, 26, 3, 38, 37, 13, 35 Outros 28, 15, 12, 20, 18, 34 Cardsorting
  39. 39. ARQUITETURA DE INFORMAÇÃO Detran/RJ Planilha Donna Spencer Os dados obtidos no Cardsorting foram inseridos na Planilha de Donna Senpcer para escolha das categorias e da taxonomia final. Cardsorting
  40. 40. ARQUITETURA DE INFORMAÇÃO Detran/RJ Novas Categorias Organização das novas categorias criadas após estudo e análise do resultado do cardsorting. Taxonomia
  41. 41. ARQUITETURA DE INFORMAÇÃO Detran/RJ O que você está procurando? Veículo Habilitação Infração Meu Detran INSTITUCIONAL I IDENTIFICAÇÃO CIVIL I EDUCAÇÃO Logo Detran RJ Informação Pública | Rio Poupa Tempo na Web Logo Prefeitura RJ CONSULTA RÁPIDA ÚLTIMAS NOTÍCIAS AGENDAMENTO ONLINE Acesse agora > Digite a placa Situação do Veículo Digite o número da CHN Pontuação da CHN Digite o número da CHN Processo Administrativo 30-10-2014 Teleatendimento do DETRAN entra em manutenção, mas agendamentos podem ser… 29-10-2014 DETRAN adota medidas para o cumprimento da Lei 6.897/14 29-10-2014 DETRAN leva serviço de vistoria itinerante a 49 municípios do interior em… 24-10-2014 Vistoria itinerante do DETRAN visitará 13 municípios na próxima semana Dúvidas Frequentes Sketch Inicial
  42. 42. ARQUITETURA DE INFORMAÇÃO Detran/RJ O que você está procurando? Veículo Habilitação Infração Meu Detran INSTITUCIONAL I IDENTIFICAÇÃO CIVIL I EDUCAÇÃO Informação Pública | Rio Poupa Tempo na Web Logo Prefeitura RJ CONSULTA RÁPIDA ÚLTIMAS NOTÍCIAS AGENDAMENTO ONLINE Acesse agora > Digite a placa Situação do Veículo Digite o número da CHN Pontuação da CHN Digite o número da CHN Processo Administrativo 30-10-2014 Teleatendimento do DETRAN entra em manutenção, mas agendamentos podem ser… 29-10-2014 DETRAN adota medidas para o cumprimento da Lei 6.897/14 29-10-2014 DETRAN leva serviço de vistoria itinerante a 49 municípios do interior em… 24-10-2014 Vistoria itinerante do DETRAN Dúvidas Frequentes Ícone da Categoria Ícones de Acessibilidade Sinalização por cores diferentes para cada categoria principal Logo Detran RJ Fotos ilustrativas (mudam com o recarregamento da página) Sketch Inicial
  43. 43. ARQUITETURA DE INFORMAÇÃO Detran/RJ O que você está procurando? Veículo Habilitação Infração Meu Detran INSTITUCIONAL I IDENTIFICAÇÃO CIVIL I EDUCAÇÃO Informação Pública | Rio Poupa Tempo na Web CONSULTA RÁPIDA ÚLTIMAS NOTÍCIAS AGENDAMENTO ONLINE Acesse agora > Digite a placa Situação do Veículo Digite o número da CHN Pontuação da CHN Processo Administrativo 30-10-2014 Teleatendimento do DETRAN entra em manutenção, mas agendamentos podem ser… 29-10-2014 DETRAN adota medidas para o cumprimento da Lei 6.897/14 29-10-2014 DETRAN leva serviço de vistoria itinerante a 49 municípios do interior em… Dúvidas Logo Detran RJ Logo Prefeitura RJ Número do CPF ou CNPJ Senha Não é cadastrado? Clique aqui! Esqueci minha senha Entrar Acesso Rápido Primeiro item + acessado Segundo item + acessado Terceiro item + acessado No mouseover o ícone diminui e são mostrados os links mais acessados/ principais da categoria Ao clicar no botão o menu desliza para baixo mostrando a área de login Sketch Inicial
  44. 44. ARQUITETURA DE INFORMAÇÃO Detran/RJ Wireframe
  45. 45. ARQUITETURA DE INFORMAÇÃO Detran/RJ Wireframe
  46. 46. ARQUITETURA DE INFORMAÇÃO Detran/RJ Descrição Funcional 2 2 Carrossel de imagens com chamadas para novidades e campanhas institucionais. 1 1 Fluxo de login com autentificação e cadastro de usuário, alem de link de “Esqueci a senha”. Quando logado aparece o nome do usuário e link para sua página. 3 3 Ferramenta de busca interna, o resultado aparece numa página específica. 4 4 Área de destaque de "Veículo" com a lista dos links mais acessados e link para pagina principal desta categoria. A categoria deverá ter um destaque de cor diferenciado do restante do site 5 Área de destaque de "Habilitação" com a lista dos links mais acessados e link para pagina principal desta categoria. A categoria deverá ter um destaque de cor diferenciado do restante do site 6 Área de destaque de "Identificação Civil" com a lista dos links mais acessados e link para pagina principal desta categoria. A categoria deverá ter um destaque de cor diferenciado do restante do site 5 6 7 8 9 10 11 12 13 14
  47. 47. ARQUITETURA DE INFORMAÇÃO Detran/RJ Descrição Funcional 8 Área de consulta rápida para "Processos Adiministrativos", "Situação do Veículo" e "Pontuação da CHN". O resultado aparece numa página específica para cada consulta. 7 Carrossel de ícones e links dos principais serviços do site representados com as cores de suas categorias 7 8 9 10 11 12 13 9 Área de acesso para "Dúvidas" com a lista dos links mais acessados e link para pagina principal desta categoria. 10 Link de acesso para página de "Agendamentos" 11 Link de acesso para página de "Pagamentos" 12 Link de acesso para página de "Auto Escola" 13 Link de acesso para página de "Ouvidoria" 14 14 Rodapé com links de acesso para todas as páginas do site, segunda opção de navegação.
  48. 48. ARQUITETURA DE INFORMAÇÃO Detran/RJ Descrição Funcional - Wireflow B Ao clicar no botão “Meu Detran” uma camada por trás do menu desliza para baixo com as informações de login e acesso para a área do usuário. C A A Ao clicar no item “Institucional” abre um menu dropdown com os itens da categoria. C Sugestões de links de páginas do site de acordo com a palavra digitada. B
  49. 49. ARQUITETURA DE INFORMAÇÃO Detran/RJ Wireframe
  50. 50. ARQUITETURA DE INFORMAÇÃO Detran/RJ Wireframe
  51. 51. ARQUITETURA DE INFORMAÇÃO Detran/RJ Descrição Funcional 15 16 Carrossel de imagens com chamadas para novidades e destaques de “Veículo” 17 15 Fluxo de acesso do usuário. (Breadcrumb) 16 17 Ferramenta de busca apenas no conteúdo da categoria, o resultado aparece numa página específica. 18 18 Menu vertical com as sub-categorias e links para as páginas. 19 Área de destaque para "Licenciamento Anual" com uma breve descrição e link para página do serviço. 23 Carrossel de ícones e links de serviços de outras categorias relacionados com a categoria atual. 19 20 21 22 23 20 Área de destaque para "IPVA" com uma breve descrição e link para página do serviço. 21 Área de destaque para "Veículos apreendidos" com uma breve descrição e link para página do serviço. 22 Área de fácil acesso para links de serviços mais procurados.
  52. 52. ARQUITETURA DE INFORMAÇÃO Detran/RJ Wireframe
  53. 53. ARQUITETURA DE INFORMAÇÃO Detran/RJ Wireframe
  54. 54. ARQUITETURA DE INFORMAÇÃO Detran/RJ Descrição Funcional 25 Botões de compartilhamento do conteúdo e versão de impressão. 25 24 Área de conteúdo da página. 26 Links de ações/serviços relacionados ao conteúdo. 27 Link de acesso rápido para área de “Agendamentos Online” 24 26 27
  55. 55. ARQUITETURA DE INFORMAÇÃO Detran/RJ Wireframe
  56. 56. ARQUITETURA DE INFORMAÇÃO Detran/RJ Descrição Funcional 28 Sinalização dos passos de preenchimento do formulário. 28
  57. 57. ARQUITETURA DE INFORMAÇÃO Detran/RJ Wireframe
  58. 58. ARQUITETURA DE INFORMAÇÃO Detran/RJ Descrição Funcional 29 Link para sincronizar data com o Google Agendas 29 30 31 30 Link para gerar versão de impressão do agendamento 31 Link para modal de formulário de envio de email
  59. 59. ARQUITETURA DE INFORMAÇÃO Detran/RJ Conclusão Podemos afirmar que o objeto em estudo não atende perfeitamente às expectativas dos usuários. A disposição dos serviços na página inicial e no menu principal não são intuitivas. O usuário precisa se acostumar e aprender as nomenclaturas utilizadas. Há páginas importantes e que podem ajudar aos proprietários de veículos que são subutilizadas. Outro ponto importante na relação entre o sistema e seus usuários é a falta de identificação do visitante já cadastrado e a opção de acessar rapidamente informações prioritárias e relevantes.
  60. 60. ARQUITETURA DE INFORMAÇÃO Detran/RJ Através do cardsorting, conseguimos colher do público uma nova perspectiva, diferente do que havia sido projetado. Isso nos ajudou a reavaliar algumas nomenclaturas confusas previamente utilizadas, além de criar novas categorias para agrupar estes dados. Envolver usuários nos estágios iniciais de um projeto facilita o processo criativo e traz segurança ao desenvolver uma nova arquitetura, pois nos aproximamos mais da maneira que o usuário pensa e organiza informações. Conclusão
  61. 61. ARQUITETURA DE INFORMAÇÃO Detran/RJ Lições aprendidas A elaboração dos cartões deve ser feita com cuidado, para não dar margem à interpretações errôneas, ambiguidade e problemas do gênero. Notamos também que completar um cardsorting demanda bastante tempo, fator que pode ser limitador para alguns usuários. Também é necessário explicar nos cartões a função dos itens para diferenciá-los e não deixar o participante do card sorting confuso e, dessa forma, alterar o resultado final. Porém, de algum modo, as pessoas pareciam satisfeitas em realizar a tarefa, apesar de todo o esforço.
  62. 62. ARQUITETURA DE INFORMAÇÃO Detran/RJ Desdobramentos futuros Pretendemos testar o protótipo navegável com mais alguns usuários e utilizar métodos que nos ajudem a colher seus feedbacks de maneira efetiva como avaliação através de questionário no próprio site. Baseado no benchmark, uma oportunidade de melhoria contínua seria a aplicação de uma enquete para identificar os pontos positivos e negativos da navegação. Criaremos questionários que serão disponibilizados no próprio site com o objetivo de avaliar a experiência do usuário, acessibilidade, entre outros tópicos diversos. A partir destes comentários, aperfeiçoaremos o protótipo para criar uma interface nova, aberta para um público mais abrangente, em uma espécie de open beta.
  63. 63. ARQUITETURA DE INFORMAÇÃO Detran/RJ Obrigado!

×