Sumário · 29 slides

1 / 29
Playing from album Inspeção Heurística · 2026.1
Inspeção Heurística no Spotify · Capa
Spotify × 10 heurísticas de Nielsen
Eliezir Moreira, Yury Galvão, Eduardo Calado, Thomas Gabriel
↗
0:08 -3:22
⇄ ⏮ ⏭ ↻
Tocando em · IHC · Sistemas de Informação · IFAL
01
Sumário do trabalho — IHC · IFAL · Inspeção Heurística do Spotify
Playlist
Sumário
As 8 faixas que compõem esta apresentação. Da definição até as conclusões — Spotify × Nielsen, 18 problemas únicos.
Eliezir, Yury, Eduardo, Thomas 8 tracks ~20 min
♡ ↗ ⋯
# Título ⏱
1
O que é avaliação heurística
Método, valor, escala de severidade
2:30
2
10 heurísticas de Nielsen
As mais violadas no nosso estudo
1:30
3
Como conduzimos a inspeção
4 avaliadores · mesclagem de duplicatas
1:30
4
F1 · Busca de Música
4 problemas
3:00
5
F2 · Gerenciamento de Playlists
10 problemas — o bloco mais denso
5:00
6
F3 · Mixagem (Edit Transition + Blend)
4 problemas
3:00
7
Análise consolidada
Heurísticas mais violadas · severidade · padrões
2:00
8
Conclusões
Trade-offs e próximos passos
1:30
02
2026
Track 01 · Bloco 1

O que é avaliação heurística

Método de inspeção em que avaliadores especialistas examinam uma interface contra um conjunto de princípios de usabilidade.

Jakob Nielsen — Usability Pioneer
Nas palavras dele "As 10 principais heurísticas de usabilidade permaneceram as mesmas por mais de 25 anos. Elas vêm dos fundamentos do comportamento humano — e os fundamentos são o que torna qualquer tipo de design de interação fácil ou difícil de usar." — Jakob Nielsen
Inventado em
1990
Por
Jakob Nielsen
03
Bloco 1 · Por que usar

Barato. Rápido. Acionável.

Inspeção
0 users
Sem recrutamento · aplicável
em qualquer fase
(wireframe → produção)
Equipe
3–5
Avaliadores recomendados
por Nielsen
Tempo
≈ 1d
Tempo típico por avaliador
numa inspeção focada

Em vez de gastar tempo de usuário real com problemas que qualquer especialista detectaria, a heurística filtra a "casca grossa" dos defeitos primeiro. Eficiência de descoberta por baixo custo.

04
Bloco 1 · Escala

Severidade — escala 1 a 4

Cada problema recebe uma severidade combinando frequência, impacto e persistência. Quanto mais alto, mais urgente.

SEV 1
SEV 2
SEV 3
SEV 4
Cosmético Corrigir só se sobrar tempo
Menor Baixa prioridade · atrapalha pouco
Maior Alta prioridade · atrapalha o uso
Catastrófico Corrigir antes de lançar
05
Bloco 2 · As 10 heurísticas de Nielsen
◎
H1 — Visibilidade do estado do sistema Sistema sempre informa o que está acontecendo
⊕
H2 — Compatibilidade com o mundo real Linguagem do usuário, não do sistema
↶
H3 — Controle e liberdade do usuário Saídas de emergência e desfazer ações
▦
H4 — Consistência e padrões Mesma palavra, mesma ação em toda interface
✦
H5 — Reconhecer em vez de lembrar Tornar opções visíveis para reduzir memorização
»
H6 — Flexibilidade e eficiência Atalhos para acelerar usuários avançados
◇
H7 — Design estético e minimalista Sem informação irrelevante competindo pela atenção
⊘
H8 — Prevenção de erros Prevenir antes que aconteçam, melhor que tratar depois
↻
H9 — Recuperação de erros Mensagens claras com solução acionável
?
H10 — Ajuda e documentação Tutorial contextual quando o usuário precisa
06
Bloco 3 · Método aplicado

Como conduzimos a inspeção

Interação Humano-Computador · Turma IHC · IFAL 2026
EMEliezir Moreira
YGYury Galvão
ECEduardo Calado
TGThomas Gabriel
Method
  1. Inspeção individual Cada avaliador examinou as 3 funcionalidades isoladamente — registrando problemas, heurísticas violadas e severidade proposta.
  2. Reunião de calibração Discussão coletiva de cada problema, fusão de duplicatas e ajuste de severidade quando havia divergência.
  3. Consolidação Escrita do relatório final mesclado com tabela-resumo dos problemas únicos.
Tracks inspecionadas
1 F1 · Busca de música
2 F2 · Gerenciamento de playlists
3 F3 · Mixagem · Edit Transition + Blend
Recorded at
Plataforma Spotify Mobile · ANDROID
Plano Premium + Free
Período 2026.1 · IFAL
07
Bloco 3 · Em números

Métricas do estudo

Reportados
33
Problemas brutos
somando os 4 avaliadores
Únicos
18
Após mesclagem
de duplicatas
Severidade
1,9
Média na escala
de 1 a 4
Consenso
4/4
Avaliadores no P 1.2
(maior consenso)
Distribuição por severidade
3
5
2
6
1
7
08
F1 · Busca de Música — Inspeção Heurística no Spotify
EP · Funcionalidade 1
F1 · Busca de Música
Bloco mais usado do app. Comportamento duplo — preview em tempo real durante a digitação e tela completa após confirmar — gera os principais atritos.
Spotify Mobile · ANDROID 3 faixas ~2 min
♡ ↗ ⋯
# Título ⏱
1
P 1.1 · Filtros só aparecem após confirmar a busca
H1 · H4 · H6 · severidade 2
0:45
2
P 1.2 · Diferenciação visual fraca entre resultados
H4 · H7 · H8 · severidade 3 · 4 avaliadores
0:50
3
P 1.3 · Limpar pesquisas recentes ineficiente
H3 · H7 · severidade 2
0:35
09
Playing from EP · F1 · Busca de Música
P 1.1
H1 · H4 · H6 2 Eliezir · Eduardo

Filtros só aparecem após confirmar a busca ♡ ↗

Heurísticas violadas
  • H4Consistência e padrões — mesmo campo, dois comportamentos sem aviso visual.
  • H1Visibilidade do estado do sistema — preview parece a tela "final".
  • H6Flexibilidade e eficiência — quem sabe o que quer não tem como filtrar antes.
Solução proposta

Exibir chips horizontais de categoria já durante a digitação, com o preview adaptado ao filtro selecionado.

10
Playing from EP · F1 · Busca de Música
P 1.2
H4 · H7 · H8 3 4 avaliadores · maior consenso

Diferenciação visual fraca entre resultados ♡ ↗

Heurísticas violadas
  • H4Consistência e padrões — cápsula visual idêntica: mesma capa quadrada para todos os tipos.
  • H7Design estético e minimalista — mistura de categorias (música, artista, álbum, podcast) em sequência única, sem agrupamento.
  • H8Prevenção de erros — variantes repetidas (áudio, vídeo e single da mesma faixa) geram ruído e erros de seleção.
Solução proposta

Agrupar por categoria · capa circular para artistas · ícones distintivos por tipo · colapsar variantes da mesma música.

11
Playing from EP · F1 · Busca de Música
P 1.3
H3 · H7 2 Eliezir

Acesso ineficiente ao "Limpar pesquisas recentes" ♡ ↗

Heurísticas violadas
  • H3Controle e liberdade do usuário — caminho longo: fechar teclado, rolar até o fim da lista, achar o botão, clicar.
  • H7Design estético e minimalista — tarefa simples vira 5 ações físicas pelo posicionamento ruim do botão.
Solução proposta

Reposicionar o botão no topo da seção, ao lado do título "Pesquisas recentes" — padrão usado pelo próprio Spotify em outras telas (notificações, biblioteca).

12
F2 · Gerenciamento de Playlists — Inspeção Heurística no Spotify
Album · Funcionalidade 2
F2 · Gerenciamento de Playlists
O bloco mais denso da inspeção. Nenhum problema catastrófico, mas P 2.2 (menu sobrecarregado) e P 2.5 (inconsistência no desfazer) puxam a fila. Heurísticas dominantes: H1, H4, H5, H6, H7.
Spotify Mobile · ANDROID 10 faixas ~5 min
♡ ↗ ⋯
# Título ⏱
1
P 2.1 · Pastas sem personalização visual
H4 · H5 · H7 · severidade 1
0:30
2
P 2.2 · Excesso de opções não agrupadas no menu
H4 · H6 · H7 · severidade 3 · 3 avaliadores
0:50
3
P 2.3 · Carrossel horizontal oculta opções
H1 · H5 · H7 · severidade 1
0:30
4
P 2.4 · "Find in playlist" invisível
H1 · H5 · H6 · H10 · severidade 2
0:35
5
P 2.5 · Ausência de "Desfazer" ao remover
H3 · H4 · H8 · severidade 3
0:45
6
P 2.6 · Reordenação acidental durante scroll
H3 · severidade 2
0:30
7
P 2.7 · Ícones de remover/reordenar pouco intuitivos
H5 · severidade 1
0:30
8
P 2.8 · Ausência de seleção múltipla
H6 · severidade 1
0:30
9
P 2.9 · Playlist pública por padrão na criação
H1 · H8 · severidade 2
0:35
10
P 2.10 · Descrição/adicionar músicas mal posicionados
H1 · H4 · severidade 1
0:30
13
Playing from Album · F2 · Gerenciamento de Playlists
F2 · Bloco descobribilidade · 4 problemas

Descobribilidade: o que está oculto

Pasta no Spotify com ícone genérico padrão
P 2.1 · Pastas sem personalização 1
H4 · H5 · H7
Pastas com ícone genérico — playlists aceitam capa, pastas não. Inconsistência interna que cobra memória em vez de reconhecimento.
Drawer do menu da playlist com 12+ opções sem hierarquia
P 2.2 · Menu de 12+ opções 3
H4 · H6 · H7
Drawer linear, sem hierarquia, sem destaque para ações destrutivas, scroll oculto. 3 avaliadores reportaram.
Barra de ações rápidas em carrossel horizontal
P 2.3 · Carrossel oculta ações 1
H1 · H5 · H7
Barra "Add · Mix · Edit · Sort" sem affordance de scroll — opções extras só aparecem se o usuário acertar o gesto.
Campo de busca interno da playlist acessível só por pull-down
P 2.4 · "Find in playlist" invisível 2
H1 · H5 · H6 · H10
Campo de busca interno só acessível via pull-down — gesto sem indicador visual algum. Quase um Easter egg.

Padrão comum: minimalismo estético sacrificando descobribilidade. H5 e H7 aparecem em 3 dos 4 problemas.

14
Playing from Album · F2 · Gerenciamento de Playlists
P 2.5
H3 · H4 · H8 3 Yury · Eduardo

Ausência de "Desfazer" ao remover músicas ♡ ↗

Fluxo A · Menu lateral

Toque na música → "Remover" → música some sem confirmação. Sem snackbar, sem desfazer.

Fluxo B · Editar Playlist

Editar → remover ⊖ → confirmar → snackbar com "Desfazer". Rede de segurança OK.

Heurísticas violadas
  • H3Controle e liberdade do usuário — fluxo A não dá caminho de recuperação para uma ação destrutiva.
  • H4Consistência e padrões — duas rotas para a mesma ação com tratamentos opostos.
  • H8Prevenção de erros — remoção sem confirmação nem snackbar.
15
Playing from Album · F2 · Gerenciamento de Playlists
F2 · Ações finas · 2 problemas

Atritos na manipulação direta

Tela de edição da playlist com handles de reordenação
P 2.6 · Reordenação acidental 2
H3
Durante scroll rápido o usuário pode arrastar uma faixa sem querer. Sem confirmação visual nem desfazer imediato.
→ Highlight + toast com opção de desfazer
Ícones ⊖ e ☰ na tela de edição da playlist
P 2.7 · Ícones pouco intuitivos 1
H5
⊖ remover? ☰ reordenar? — não são autoexplicativos.
→ X / lixeira (remover) e ↑↓ (reordenar)
16
Playing from Album · F2 · Gerenciamento de Playlists
P 2.8
H6 1 Thomas

Ausência de seleção múltipla ♡ ↗

Sobre o problema

Não é possível selecionar múltiplas músicas para remover ou mover em lote. Em playlists longas (50+ faixas), organizar exige repetir o mesmo gesto dezenas de vezes.

Heurísticas violadas
  • H6Flexibilidade e eficiência — gestos individuais repetidos dezenas de vezes em playlists longas; sem atalho em lote para usuários avançados.
Solução proposta

Modo de seleção múltipla via toque longo. Após o primeiro toque, demais alternam seleção. Barra inferior com ações em lote (mover, remover, adicionar).

17
Playing from Album · F2 · Gerenciamento de Playlists
P 2.9
H1 · H8 2 Privacidade Thomas

Playlist criada como pública por padrão ♡ ↗

Sobre o problema

Toda playlist é criada como pública, sem que o usuário possa definir privacidade no momento da criação. Para tornar privada, é preciso depois abrir o menu da playlist e alternar.

Heurísticas violadas
  • H1Visibilidade do estado do sistema — o estado de privacidade não é exibido no momento da criação.
  • H8Prevenção de erros — default público pode vazar playlists íntimas no perfil sem aviso.
Solução proposta

Toggle "Pública / Privada" visível na tela de criação · padrão privado para reduzir vazamento acidental.

18
Playing from Album · F2 · Gerenciamento de Playlists
P 2.10
H1 · H4 1 Eduardo

Descrição e "Adicionar músicas" mal posicionados ♡ ↗

Sobre o problema

Funções essenciais da playlist ficam fora do fluxo natural: a descrição se esconde no menu de três pontos e "Adicionar músicas" aparece só no rodapé — fora do padrão da busca global, que está no topo.

Heurísticas violadas
  • H1Visibilidade do estado do sistema — descrição oculta dentro do menu de 3 pontos; funcionalidade central deixa de aparecer.
  • H4Consistência e padrões — "Adicionar músicas" no rodapé diverge do padrão da busca global, que aparece no topo.
Solução proposta

Campo de descrição direto na criação/edição · padronizar posição da busca sempre no topo da playlist.

19
F3 · Mixagem · Edit Transition + Blend — Inspeção Heurística no Spotify
Album · Funcionalidade 3
F3 · Mixagem · Edit Transition + Blend
Recursos avançados restritos a Premium que expõem termos técnicos de DJ (BPM, notação Camelot, formas de onda) sem mediação. P 3.1 (onboarding ausente) e P 3.4 (etapas do Blend) puxam a fila. Heurísticas dominantes: H1, H6, H10.
Spotify Mobile · ANDROID 4 faixas ~3 min
♡ ↗ ⋯
# Título ⏱
1
P 3.1 · Ausência de onboarding em recursos avançados
H1 · H2 · H5 · H6 · H10 · severidade 3 · 3 avaliadores
0:50
2
P 3.2 · Limite oculto de intervalo editável na transição
H1 · H3 · severidade 2
0:35
3
P 3.3 · Recurso Premium sem mensagem clara para usuários free
H1 · H10 · severidade 1
0:30
4
P 3.4 · Processo de Blend exige muitas etapas
H6 · severidade 3
0:45
20
Playing from Album · F3 · Mixagem
P 3.1
H1 · H2 · H5 · H6 · H10 3 5 heurísticas — recordista Eliezir · Thomas · Yury

Ausência de onboarding em mixagem ♡ ↗

Sobre o problema

Recursos avançados de DJ chegam ao usuário sem mediação: Edit Transition exibe BPM, notação Camelot e formas de onda, e o Blend cria a playlist sem explicar critérios. O resultado vira uma surpresa — boa ou ruim.

Heurísticas violadas
  • H1Visibilidade do estado do sistema — Blend cria a playlist sem mostrar os critérios de mixagem.
  • H2Compatibilidade com o mundo real — termos como BPM, 11B, crossfade são jargão de DJ sem tradução.
  • H5Reconhecer em vez de lembrar — usuário precisa lembrar o significado de cada parâmetro técnico.
  • H6Flexibilidade e eficiência — sem modo guiado para iniciantes nem atalho para avançados.
  • H10Ajuda e documentação — nenhuma tooltip, link de ajuda ou onboarding contextual.
Solução proposta

Onboarding obrigatório no primeiro acesso · tooltips contextuais nos termos técnicos · explicação resumida antes da criação do Blend.

21
Playing from Album · F3 · Mixagem
P 3.2
H1 · H3 2 Thomas

Limite oculto de intervalo editável na transição ♡ ↗

Sobre o problema

O editor de transição tem um limite máximo de intervalo, mas não exibe a duração em segundos, não indica qual é o limite, nem explica o motivo. O usuário só descobre o limite quando esbarra nele.

Heurísticas violadas
  • H1Visibilidade do estado do sistema — sem indicação de duração em segundos durante a edição; interação trava sem explicação.
  • H3Controle e liberdade do usuário — usuário não tem rota clara para entender ou contornar o limite imposto.
Solução proposta

Exibir duração em segundos em tempo real · ao atingir o limite, mensagem explicativa ("intervalo máximo de Xs para preservar o batimento").

22
Playing from Album · F3 · Mixagem
P 3.3
H1 · H10 1 Eduardo

Recurso Premium sem mensagem clara para free ♡ ↗

Sobre o problema

Usuário free toca em "Edit Transition" e o sistema não responde ou abre uma tela vaga, sem indicar que é restrição de plano. Falha silenciosa que parece um bug.

Heurísticas violadas
  • H1Visibilidade do estado do sistema — botão sem indicador visual de restrição Premium; usuário interpreta como bug.
  • H10Ajuda e documentação — toque não devolve mensagem explicando que se trata de feature paga.
Solução proposta

Ícone de cadeado + tag "Premium" no botão · ao tocar, mensagem explicativa com CTA opcional para upgrade.

23
Playing from Album · F3 · Mixagem
P 3.4
H6 3 Yury

Processo de Blend com muitas etapas ♡ ↗

Sobre o problema

Convidar uma pessoa e gerar a playlist Blend exige múltiplos passos: biblioteca → "+" → Blend → escolher pessoa → enviar convite → aguardar aceitação → abrir notificação → começa a montagem. Uma feature social precisa ser leve.

Heurísticas violadas
  • H6Flexibilidade e eficiência — ~7 etapas entre intenção e playlist; cada etapa extra é um ponto onde o convite pode morrer, e o convidado ainda precisa iniciar o fluxo no próprio app.
Solução proposta

Reduzir para 2 passos: escolher pessoa → compartilhar link. Convite direto via deep link (WhatsApp, mensagem) sem fricção.

24
Análise consolidada · Heurísticas

Heurísticas mais violadas — 18 problemas

H1Visibilidade do estado
8
H5Reconhecer > lembrar
6
H4Consistência
6
H6Eficiência
6
H7Estético/minimalista
5
H3Controle & liberdade
4
H10Ajuda & documentação
3
H8Erros & prevenção
3
H2Mundo real
1
H9Recuperação de erros
0

Padrão: H1 lidera, com H4, H5 e H6 empatadas em segundo — falhas de descoberta, consistência e eficiência. H9 zerada — Spotify acerta na recuperação de erros.

25
Análise consolidada · Severidade

Distribuição por severidade

Sev. 4 · catastrófico 0 Nenhum problema enquadrado aqui
Sev. 3 · maior 5 P 1.2 · 2.2 · 2.5 · 3.1 · 3.4
Sev. 2 · menor 6 P 1.1 · 1.3 · 2.4 · 2.6 · 2.9 · 3.2
Sev. 1 · cosmético 7 P 1.4 · 2.1 · 2.3 · 2.7 · 2.8 · 2.10 · 3.3
Destaque positivo
Nenhum problema com severidade 4 (catastrófico) identificado. O Spotify mantém qualidade base sólida — os problemas concentram-se em menores e cosméticos.
Os 5 problemas maiores (sev. 3)
P 1.2 · Diferenciação visual fraca
P 2.2 · Menu da playlist sobrecarregado
P 2.5 · Ausência de Desfazer
P 3.1 · Onboarding em mixagem
P 3.4 · Etapas do Blend
26
Conclusões · Padrões observados

Padrões e trade-offs

Spotify é maduro visualmente, mas peca em descoberta de funcionalidades.

Inconsistências internas importantes
Mesmo app, dois fluxos — desfazer existe num e não em outro · filtros aparecem num estado e não em outro. H4 violada de forma sistemática.
Mediação para usuário não-técnico
Recursos avançados (mixagem, Blend, transições) expõem termos técnicos sem onboarding. O usuário comum bate nessa parede e desiste.
Trade-off central
Minimalismo estético × descobribilidade. O Spotify privilegia a primeira — o que torna a interface bonita, mas força o usuário a descobrir ou memorizar caminhos. Quando a memorização vira pré-requisito, o app acumula débito de UX.
27
Recursos · Para saber mais

Quer ir mais fundo?

As 10 heurísticas vêm da Nielsen Norman Group — referência mundial em UX research desde 1998.

Quem são
Fundada por Jakob Nielsen (criador das 10 heurísticas, 1990) e Don Norman (autor de The Design of Everyday Things e quem cunhou o termo user experience). Publicam pesquisa, artigos e cursos sobre UX e usabilidade.
Site oficial
nngroup.com ↗
Artigos, estudos, vídeos e o texto original das 10 heurísticas — todos abertos e gratuitos.
Vídeo recomendado
Heuristic Evaluation of User Interfaces
Heuristic Evaluation of User Interfaces ↗
Jakob Nielsen explica, em primeira mão, o método que usamos nesta inspeção.
28
IHC · IFAL · Wrapped 2026.1

Obrigado.

18 problemas. 9 heurísticas tocadas. 4 avaliadores. Web design is my passion.

Top Heurísticas
  1. 1 H1 · Visibilidade · 8
  2. 2 H4 · Consistência · 6
  3. 3 H5 · Reconhecer · 6
  4. 4 H6 · Eficiência · 6
  5. 5 H7 · Estética · 5
Top Problemas · sev 3
  1. 1 P 1.2 · Diferenciação
  2. 2 P 2.5 · Desfazer
  3. 3 P 3.1 · Onboarding
  4. 4 P 3.4 · Etapas Blend
  5. 5 P 2.2 · Menu sobrec.
Problemas únicos
0
Top genre
IHC
Capa Wrapped 2026.1 — Inspeção heurística do Spotify
★ Now Playing
Apresentado por Eliezir · Yury · Eduardo · Thomas
Aberto a perguntas →
29