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

1. UX e AI - novo site

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. OPROCESSOEMUX
Estamos Aqui

4. Análise do Site

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. 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. ANÁLISEDOSITE
UX/AI
O site não é responsivo, dificultando a navegação em outros
devices móveis, como smartphones e tablets

8. UX Research

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. 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. 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. 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. 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. 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. 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. "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. 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. Personas

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. 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. Proposta

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. Novo Mapa

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. Navegação

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. 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. 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. 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. Wireframes
e Protótipo

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. WIREFRAMES
Filtro para Resultado de
Buscar
Widgets de navegação
(fácil acesso)

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. 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. 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. Lista de eventos
ou de notícias
com possibilidade
de filtro
Link fácil para
Webtransmissões
(é preciso estar
logado)
WIREFRAMES

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. Todas as
informações, links
e acessos
relacionados às
publicações,
estarão juntas
WIREFRAMES

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. O site foi desenhado para ser
responsivo

41. PROTÓTIPO
Desktop
http://bit.ly/APM-prototipo-desktop

42. PROTÓTIPO
Mobile
https://invis.io/SP78JJS5D

43. Sugestões

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. Anexos

56. DOSITEMAPA