UX - APM reformulação do site

195 visualizações

Publicada em

Website redesign with a new IA structure heavily based on UX Research findings:
- User Interview
- Usability Test
- Task Analysis
- Card Sorting
- Tree Testing
- Online Survey
- Website analysis

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

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

Nenhuma nota no slide

UX - APM reformulação do site

  1. 1. UX e AI - novo site
  2. 2. O que é UX e AI? UX – User Experience (ou Experiência do Usuário), tem como centro do projeto o usuário, considerando as necessidades do negócio e as tecnologias disponíveis. Em UX, acreditamos que, a melhor experiência do usuário, o torna fiel ao produto serviço, aumentando as chances de negócios fechados e retorno do cliente. AI ou Arquitetura de Informação é uma das metodologias de UX para organizar o site e seu conteúdo. OQUEÉUXEAI?
  3. 3. OPROCESSOEMUX Estamos Aqui
  4. 4. Análise do Site
  5. 5. Dados Google Analytics • A duração média da sessão no site, ao longo de 2015, foi de 01m40s. 
 • Segundo o GA, 47,4% do público em 2015 foi de São Paulo. Segundo e terceiro lugar são Rio de Janeiro e Belo Horizonte. Campinas teve aproximadamente 2% das visitas. Ribeirão Preto, São Bernardo do Campo e Santos com aproximadamente 1%. As demais cidades do estado de São Paulo tem todas menos de 1% das visitas.
 • 31,18% dos visitantes tem idade estimada entre 25-34 anos; 20,43% entre 35 e 44 anos; 18% entre 18-24 anos. 67,9% são mulheres.
 • 56,26% usam Chrome, 16,58% Safari, 15,69% IE.
 • 29,41% dos acessos são mobile. 31,22% dos quais usam iPhone, 12,16% iPad. Em UX, consideramos todas as informações levantadas em relação ao usuário e seu comportamento na Internet e no site. ANÁLISEDOSITE
  6. 6. UX/AI ANÁLISEDOSITE Excesso de elementos em movimento Elementos do Menu apresentam comportamentos diferentes Bread Crumbs (nas páginas internas) não são linkados e caminho nem sempre confere Divisão de lista de Notícias (Últimas, Notícias Regionais, Radar, O que diz a Mídia) não está clara Repetição de Conteúdo Excesso de publicidade Falta de Priorização
  7. 7. ANÁLISEDOSITE UX/AI O site não é responsivo, dificultando a navegação em outros devices móveis, como smartphones e tablets
  8. 8. UX Research
  9. 9. Tentamos falar com uma variedade de médicos que pudessem representar diferentes experiências e perfis de profissionais: associados, não-associados, ex-associados; jovens médicos e profissionais mais experientes (entre 26 e 65 anos); que costumam entrar no site e que nunca tinha entrado no site. Optamos também por falar com médicos de outros estados com o objetivo de contarmos com uma visão externa e de experiências diferentes. Além de dois médicos membros da Diretoria da APM. Screening Perfil dos entrevistados UXRESEARCH Dra. Camila, 26 anos (São Paulo, SP) Dra. Miriam, 33 anos (São Paulo, SP)Dra. Sabrina, 42 anos (Porto Alegre, RS) Dra. Juliana, 35 anos (Rio de Janeiro, RJ) Dra. Marcela, 40 anos (São Paulo, SP) Dr. Elcy, 65 anos (São Paulo, SP) Dra. Lara, 42 anos (Joinville, SC) Dra. Gislaine, 46 anos (Campinas, SP) Dra. Lincoln, 38 anos (São Paulo, SP) Dra. Fabio, 36 anos (Araçatuba, SP) Dra. Marcio, 37 anos (Curitiba, SC) Dra. Elisa, 44 anos (Brasília, DF)
  10. 10. Nem todos os médicos concluíram todas as etapas das atividades de UX Research. As entrevistas aconteceram de formas variadas, conforme a conveniência e disponibilidade do médico entrevistado. Duas entrevistas foram realizadas pessoalmente em São Paulo capital ,as outras foram realizadas online por meio de diferentes ferramentas e plataformas. Etapas Etapas Google Form / Pessoalmente Ferramentas Utilizadas UXRESEARCH 2) Atividade de Card Sorting • Reorganização de Áreas e Links já existentes • Eleição dos Top 3 (priorização/relevância) 1) Questionário sobre hábitos online 3) Entrevista e navegação no atual site da APM 4) Tree Testing Trello / Cards de papel e Post its Skype, Facebook, WhatsApp, Pessoalmente OptimalWork, Google Forms, Skype, Facebook
  11. 11. O Questionário online tinha como objetivo entender hábitos na internet e o que é considerado relevante em um site de Associação e Medicina. Questionário: site de Associação de Medicina UXRESEARCH Representatividade Notícias sobre as conquistas da Associação Vantagens Vantagens Oferecidas aos Associados Congressos Divulgação de Cursos Informações de Congressos e Cursos com valor de hotel, passagens etc Notícias atuais Atualização de temas da Área Dados sobre a Associação Congressos Médicos Calendário de eventos (recomendados e realizados) Serviços prestados aos Associados Concursos Informações de Atualização Principais temas circulando na Mídia Publicações Científicas Informações sobre novos tratamentos e medicamentos Links para revistas Médicas Casos Clínicos Links para sites Médicos e de Outras Sociedades Espaço para Discussões e Debates Protocolos de Tratamento Suporte para eventuais Dúvidas Jurídicas Orientação Administrativa Banco de Vagas Tópicos de resposta para a pergunta: “O que um site de Associação de Medicina deve contemplar?" Sobre a APM e sua Atuação Serviços Vantagens para Associados Agenda: Congressos, Eventos, Cursos Atualização: Notícias, Artigos, Publicações
  12. 12. Na atividade de CardSorting - pessoalmente (2) e online (6 completos) -, os médicos organizaram os links do menu horizontal e vertical, escritos em “cards", sem saber que se tratava do site da APM. Card Sorting: Menus Reagrupados Direito e Medicina Mídia Área para Paciente Propaganda Cultura e Lazer História, Membros e Economia Assessoria em Geral Mídia Serviços Links Úteis Eventos APM Exercício Profissional Científico Serviços Comunidade Cultural A APM Dra. Camila, 26 anos (São Paulo, SP) Dra. Miriam, 33 anos (São Paulo, SP) Dra. Sabrina, 42 anos (Porto Alegre, RS) UXRESEARCH Eventos e Notícias Utilidade e Consultas Fale Conosco Quem Somos Nós Prática da Medicina Nossas Ações Serviços Programação Social Departamento Institucional Financeiro Serviços Cultural Dra. Juliana, 35 anos (Rio de Janeiro, RJ) Dra. Marcela, 40 anos (São Paulo, SP) Dr. Elcy Toledo, 65 anos (São Paulo, SP) Associados/ Institucional Eventos, Dicas e Coisas Afins Utilidades e Serviços Dra. Lara, 42 anos (Joinville, SC) Cursos e Eventos Atualização Atestados Médico Programação Cultural Legislação Benefícios Orientação e Serviços Informações A Associação Classificados Equipes e Locais Dra. Gislaine 46 anos (Campinas, SP)
  13. 13. Após os cards terem sido organizado em temas escolhidos por eles, foram solicitados que definissem os 3 cards mais importantes. Card Sorting: TOP 3 1o mais importante 2o mais importante 3o mais importante Artigos Científicos Clube de Benefícios Defesa Profissional Artigos Científicos Direito Médico Clube de Benefícios Luta por Honorários Eventos Ofertas de Trabalho Artigos Científicos Eventos Indicadores e Estudos Serviços Artigos Científicos Direito Médico Plano de Saúde Ofertas de Trabalho Serviços Biblioteca Artigos Científicos Dicas de Eventos Dra. Camila, 26 anos (São Paulo, SP) Dra. Miriam, 33 anos (São Paulo, SP) Dra. Sabrina, 42 anos (Porto Alegre, RS) Dra. Juliana, 35 anos (Rio de Janeiro, RJ) Dra. Marcela, 45 anos (São Paulo, SP) Dr. Elcy, 65 anos (São Paulo, SP) Dra. Lara, 42 anos (Joinville, SC) UXRESEARCH Agenda de Eventos Educação Médica Defesa ProfissionalDr. Lincoln, 38 anos (São Paulo, SP) Cursos e Eventos Benefícios ServiçosDr. Gislaine, 46 anos (Campinas, SP)
  14. 14. Ao agruparmos os tópicos mais relevantes eleitos pelos médicos entrevistados, podemos organizá-los em 3 principais temas: Card Sorting: Temas Top 3 UXRESEARCH Artigos Científicos Clube de Benefícios Defesa Profissional Luta por Honorários Ofertas de Trabalho Eventos Indicadores e Estudos Direito Médico Plano de Saúde Serviços Biblioteca Educação, Atualização Benefícios, Serviços Defesa Profissional } } } Educação, Atualização Benefícios, Serviços Defesa Profissional Educação Médica
  15. 15. Ao todo, conversamos com 6 médicos, sendo 2 pessoalmente e os outros 4 utilizando diferentes plataformas, de acordo com suas preferências. Entrevista com médicos UXRESEARCH • Como primeira impressão, o site foi avaliado como “poluído”, com muitas informações, sem priorização de assuntos relevantes;
 • Apresentam pouco interesse pela parte Social da Associação, mas reconhecem a importância de serem atualizados sobre a Atuação e as Conquistas da Associação;
 • Os conteúdos mais relevantes são Benefícios/Vantagens; Agenda de Eventos/Congressos/Cursos; Notícias e Artigos para atualização;
 • Apresentaram interesse por Serviços - oferecidos pela APM como "Assessoria Jurídica” - e gostariam de entender melhor o que a Associação pode fazer por eles; 
 • Apresentaram interesse por plataforma de Educação e de Ofertas de Empregos, além de área para interação como espaço online para Discussões e Debates; • MedicinaNet e PubMed foram os mais citados como os principais sites usados pelos entrevistados no dia-a-dia, (Vale pensarmos em parceria?), além do Google (o que mostra a importância de SEO).
  16. 16. "Quais são os assuntos em destaque: hoje em dia é o H1N1, não adianta estar aqui embaixo, deveria estar mais em cima com um destaque maior.” "Vou ser sincera: tenho um pouco de preguiça de site assim porque tem muita informação, eu acabo não olhando direito.” "Daria talvez um destaque maior em tópicos de exercício profissional e defesa profissional/ direito médico, bem como em assuntos relacionados à discussão ética.” “Recebo a newsletter da APM e por lá fico sabendo da atuação da Associação e, para mim, é importante saber. Mas quando vou no site, sinceramente, não é isso que busco. Entro para saber de novos Congressos, pelos Serviços, Benefícios e Notícias.” “No site da APM entro mais para ver as vantagens, como desconto em hotel, restaurante. tem Assessoria Jurídica, que é bem legal, falam também de protocolo de tratamento” "Neste site tenho a impressão de estar em Times Square". "O maior ponto positivo é a abrangência do site, coisa que o site da AMRIGS deveria seguir. Há vários assuntos não necessariamente ligados ao exercício profissional, mas que possam interessar aos médicos.” UXRESEARCH Quotes "Chego a me cansar de ver de tantas sessões diferentes que ele apresenta e tem um espaço grande demais para propagandas ostensivas"
  17. 17. Entrevista com Membros da Diretoria APM UXRESEARCH "O site apresenta edição de notícias adequadas, mas não tem destaques e se torna pouco atrativo. Não há uma identificação clara. Deveríamos ter destaques ao vivo com notícias reais de interesse político e científico. A entidade é a mãe de todas as sociedades de especialidades por isso deveria ter acesso lincado à elas. Os blogs não seriam ruins e os posicionamentos da entidade deveriam ter fácil acesso a quem procura informação” - Dr. Nicolau D'Amico “Um médico não entra rotineiramente em um site de Associação para saber o que está acontecendo, só entra quando há necessidade. Então, é preciso que no site esteja disponível informações sobre o que a APM tem feito no setor médico, pois há muito trabalho que a APM vem fazendo pela defesa profissional ou mesmo na área política, que são de muito interesse dos médicos” - Dr. Carlos Endrigo
  18. 18. Personas
  19. 19. Dr. Claudio, 55 anos • Onitorrinolaringologista • Mora no Interior de São Paulo • Administra sua própria clínica ha mais de 10 anos. Busca notícias, informações e preocupa-se em se atualizar constantemente, embora tenha uma agenda cheia, tenta sempre se organizar para ir à eventos. Tem pouca familiaridade com plataformas digitais, sente-se confuso em sites muito poluídos e prefere usar o desktop à aparelhos móveis. “Tenho interesse em saber mais o que a Associação Médica tem feito pela classe e sua atuação política" Descrição Necessidades Pain points Interesses Artigos Científicos Honorários Médicos Notícias Luta or Honorários Eventose Congressos Defesa Profissional Atuação da APM PERSONA
  20. 20. Dra. Ana, 32 anos • Pediatra • Mora em São Paulo Capital • Trabalha em um Hospital na Zona Leste Tem interesse nos Serviços e Benefícios oferecidos pela Associação. Usa dispositivos móveis e considera ferramentas, calculadoras e apps fundamentais. Sente falta de sites onde possa encontrar informações filtradas e espaços para discussão de casos clínicos “Pra mim, é importante saber sobre o que a a APM pode fazer por mim e como posso contar com a Associação” Descrição Necessidades Pain points Interesses Benefícios Serviços Notícias Cursos e Eventos Ofertasde trabalho Casos Clínicos Apps PERSONA
  21. 21. Proposta
  22. 22. Novo site: características PROPOSTA Os entrevistados reconhecem a importância da quantidade e qualidade de informações oferecidas pela APM, mas a poluição e organização confusa do site atual desencoraja a navegação. O objetivo do redesenho é tornar o site mais fácil de navegar, atraente para frequente acesso, além de transmitir as mensagens da APM. Por isso, buscamos estas características para o site: • Funcional, fácil navegação para diferentes idades e experiências com os meios digitais • Priorização de informações relevantes e reorganização do conteúdo em áreas que façam sentido para o usuário • Mais clareza sobre a atuação da APM e sobre suas conquistas para a classe médica • Acesso facilitado às ferramentas, aos serviços e aos benefícios oferecidos pela Associação • Que transmita a essência e posicionamento da marca (Conhecimento, Relacionamento, Responsabilidade)
  23. 23. Novo Mapa
  24. 24. APM - Institucional Atualização Médica SocioculturalServiços Notícias Home Quem Somos Eventos e Congressos CientíficosAssessoria APM EventosNotícias, Artigos e Entrevistas Conquistas e Ações APM Webtransmissão Defesa Profissional Exposições na APM Especiais Razões para se Associar MBA Executivo Atestados Médicos Dicas Culturais em São Paulo Responsabilidade Social Indicadores e Estudos Descontos e Parcerias Lei de Incentivo à Cultura Estatuto Social Artigos Científicos Instalações APM Suplemento Cultural Entre em Contato Discussão de Casos Clínicos CQH Webmail Publicações APM Classificados Depart. e Comitês Científicos • Sobre a APM • Missão, Visão e Valores • Presidente e Diretoria • Distritais e Regionais • Delegados • Depart. Científicos e Comitês • Campanhas • Biblioteca Virtual Quimio • Cartilhas • Dia Intern. da Mulher • Doutor Cidadão • Prêmio Dr. Cidadão • Alegrando a Sta Casinha • Música nos Hospitais • Serenata nos Hospitais • Projetos Férias • Parcerias Sociais • Relatório Social APM • Fale Conosco • Trabalhe Conosco • Publicidade • Perguntas Frequentes • Assessoria INSS • Passaporte e Visto • Certidões • Cnes • Prefeitura de São Paulo • Dextran - SP • Vigilância Sanitária • Consulta à Defesa • Direito Médico • Informações aos Pacientes • Honorários Médicos • Regalements e Leis • Atestado Médico Digital • Atestado Impresso • Contabilidade • Seguros • Previdência Privada • Planos de Saúde • Escola de Artes • Clube de Benefícios • Espaços para Locação • Museu de Medicina • Pinacoteca/exposições • Biblioteca e DVDteca • Publicações APM • Revista APM • Revista SPMJ • Revista RDT Login/Associe-se | Área do Associado | Busca | Newsletter | Mídias Sociais Razões para se Associar | Fale Conosco | Trabalhe Conosco | Publicidde | FAQ | Ass. de Imprensa | Webmail | Dicas Culturais • Cine Debate • Chá com Cinema • Clube do Jazz • Festival do Médico Músico • Música em Pauta Clube de Benefícios Clube de Campo Navegação Global Navegação 2o Nível Links | Topo | Rodapé Legenda Ainda não existente Link para site externo • Navegação 3o Nível Precisa de Login DOSITEMAPA
  25. 25. Navegação
  26. 26. Navegação Global e de 2o nível NAVEGAÇÃO Menu expandível para acesso ao 2o nível (com publicidade) Links para sites externos Área para login, acesso à Área do Associado e Associe-se Acesso às Mídias SociaisAssinatura de Newsletter
  27. 27. Navegação 3o nível (menu lateral) Sessões das Áreas do site Cada área do site (APM, Serviços, Notícias, Atualização Médica e Sócio Cultural) apresentam seu próprio menu de navegação lateral, de 3o nível Opções dentro das Sessões do Site As opção sempre estarão abertas, indicando em qual parte do site o usuário está NAVEGAÇÃO
  28. 28. Filtros e Bread Crumb Breadcrumb navegável indicando onde o usuário está Filtro para lista de notícias e de eventos Possibilidade de filtro por temas e datas (localizado no menu lateral) NAVEGAÇÃO
  29. 29. Widgets laterais Os widgets (laterais e da home) tem como objetivo facilitar o acesso do usuário à outras áreas do site durante a navegação Tabs cliváveis para a Sessão ou Área NAVEGAÇÃO Botão para ação ou link para o conteúdo
  30. 30. Wireframes e Protótipo
  31. 31. WIREFRAMES Topo fixo para facilitar acesso às principais áreas do site durante a navegação Sistema de Busca Slider com principais conteúdos (quentes) Chamadas relevantes (prioridade 2) Chamadas gerais (prioridade 3) Widgets com acesso Espaço publicitário (como o site é modular, é possível localizar a publicidade entre as chamadas na home) Informações (com link) que mostrem atuação, benefícios e posicionamento da APM Espaço publicitário Rodapé
  32. 32. WIREFRAMES Filtro para Resultado de Buscar Widgets de navegação (fácil acesso)
  33. 33. A sugestão é trazer o “Seja APM”para dentro do site (link “Associe-se!) Neste caso, o formulário deve estar no topo, facilitando a ação (o usuário já tem o desejo de se Associar) A idéia é usar o conteúdo do “Seja APM” na sessão “Razões para se Associar" Neste caso, o formulário pode estar no pé (até o final da página, o usuário deve estar convencido a se associar) WIREFRAMES
  34. 34. WIREFRAMES Página interna com menu lateral referente àquela Área específica do site Widgets laterais com acesso fácil à ferramentas, conteúdo etc podem ser adicionados (ou retirados) WIREFRAMES
  35. 35. Nas páginas e ações que necessitem estar logado, o usuário será convidado a se logar ou se associar Ao se logar, poderá também conferir mensagens direcionadas e link para a Área do Associado WIREFRAMES
  36. 36. Lista de eventos ou de notícias com possibilidade de filtro Link fácil para Webtransmissões (é preciso estar logado) WIREFRAMES
  37. 37. Notícias Especiais mostrarão mais opções de conteúdo relacionado As informações relacionadas ao site (antes no hotsite), estão dentro do site WIREFRAMES
  38. 38. Todas as informações, links e acessos relacionados às publicações, estarão juntas WIREFRAMES
  39. 39. Sendo o site modular, há diversas opções de publicidades com formato tradicional e possibilidade de criação de formato APM Uma sugestão, é contar com patrocinadores de ferramentas e Calculadoras Médicas WIREFRAMES
  40. 40. O site foi desenhado para ser responsivo
  41. 41. PROTÓTIPO Desktop http://bit.ly/APM-prototipo-desktop
  42. 42. PROTÓTIPO Mobile https://invis.io/SP78JJS5D
  43. 43. Sugestões
  44. 44. Algumas idéias surgiram durante as entrevistas com os médicos, sugeridas por eles sobre outros recursos que poderiam ser oferecido pela APM:
 • Aplicativo de Eventos e Congressos Médicos • Ferramentas de Consultas (Bulas, CID, DEF) e Calculadoras Médicas • Acesso à Publicações Científicas (Como PubMed) • Fórum de Discussão de Casos Clínicos Ferramentas e áreas de interatividade SUGESTÕES
  45. 45. Anexos
  46. 46. DOSITEMAPA

×