WorksheetsQuiz de Design e Usabilidade
Total questions: 10
Worksheet time: 5mins
Portal “Tudo em Uma Página” Cenário – Conteúdo longo em uma única página – Menu escondido atrás de um ícone – Texto pequeno e sem destaque – Vídeos sem legendas Qual solução resolve a maioria dos problemas?
Manter a página única, mas aumentar só o tamanho da fonte
Dividir o conteúdo em páginas menores, deixar o menu sempre visível, aumentar a fonte e adicionar legendas nos vídeos
Substituir vídeos por imagens estáticas e manter o menu oculto
Criar um pop-up explicando como navegar, sem mudar o layout
App de Agendamento Cenário – Botões de ação minúsculos – Instruções confusas em um único bloco de texto – Nenhum sinal visual após tocar em um botão – Carregamento demorado ao abrir a tela Qual conjunto de mudanças ajuda quem tem pouca mobilidade, dificuldade de leitura e paciência?
Aumentar os botões, quebrar o texto em frases curtas, mostrar confirmação ao tocar e otimizar o carregamento
Manter botões pequenos, simplificar o texto e só adicionar um ícone de carregando
Criar um tutorial em vídeo e manter todo o fluxo atual
Trocar o texto por imagens e deixar o botão de “confirmar” piscando
E-commerce de Moda Cenário – Banner animado em loop com vários anúncios – Filtros escondidos em um menu suspenso – Preço quase da mesma cor do fundo – Imagens sem descrição para leitores de tela Qual ação equilibra visual atraente, fácil descoberta de produtos e acesso para todos?
Remover animações, mostrar filtros em coluna fixa, usar cor de alto contraste nos preços e adicionar texto alternativo às imagens
Deixar a animação mas reduzir o brilho, criar um botão “ver filtros” e manter preços do jeito atual
Transformar filtros em abas, trocar o banner por estático, sem texto alternativo
Manter o banner animado, mas só mostrar filtros no rodapé
Plataforma de Cursos Cenário – Textos muito longos e sem subtítulos – Vídeos sem alternativa em texto – Navegação sequencial que não permite voltar – Sem indicação de progresso no curso Qual solução atende melhor quem se distrai fácil e precisa de legenda?
Dividir texto em seções com subtítulos, adicionar transcrição dos vídeos, incluir botão de “voltar” e barra de progresso
Transformar curso em PDF baixável, manter vídeos sem transcrição
Colocar tudo em um carrossel horizontal e manter menu escondido
Manter texto longo mas destacar só o início de cada módulo
Blog de Notícias Cenário – Várias fontes e tamanhos diferentes – Links misturados ao texto sem destaque – Imagem de fundo que atrapalha a leitura – Sem botão “voltar ao topo” Qual redesign melhora legibilidade e navegação?
Padronizar corpo de texto em tamanho único, destacar links com cor ou sublinhado, remover imagem atrás do texto e adicionar “voltar ao topo”
Manter fontes variadas, mas escurecer o fundo
Usar só maiúsculas e deixar o link só clicável sem sinal visual
Inserir um pop-up explicando onde está o botão de voltar
App de Finanças
Cenário – Tela inicial cheia de gráficos e números – Cores fortes sem contraste – Ícones parecidos com funções diferentes – Fluxo de tranferência em várias telas separadas
Qual combinação de ajustes deixa o app mais simples, acessível e rápido?
Reduzir os gráficos aos principais, usar cores suaves com contraste, trocar ícones para símbolos diferentes e juntar tudo em uma tela com abas
Manter todos os gráficos, mas ordenar em carrossel
Aumentar o contraste das cores e deixar o mesmo número de telas
Substituir gráficos por tabelas complexas
Portal de Dados B2B
Cenário – Páginas com quatro tabelas longas – Filtros que somem ao rolar – Alt text genérico em todas as imagens (“logo”) – Filtro demora 5 segundos para aplicar
Como melhorar dados, filtros e descrições para todos?
Consolidar tabelas em uma só, fixar o painel de filtros, usar texto alternativo único em cada imagem e reduzir o tempo de resposta
Manter tabelas separadas e só diminuir o tempo de filtro
Criar um botão para gerar PDF com resumo sem tocar nas tabelas
Adicionar cores aos filtros mas manter alt genérico
Plataforma de Streaming Cenário – Botões play e volume muito pequenos – Barra de progresso sem marcação de tempo – Sem legendas ou closed captions – Layout não muda no modo paisagem em tablets
Qual pacote de melhorias atende a todos os dispositivos e usuários?
Aumentar botões, adicionar marcações de tempo na barra, ativar legendas e ajustar o layout para tablets em paisagem
Manter botões, mas usar tooltips ao passar o dedo
Incluir apenas legendas e deixar o resto igual
Criar controles só para desktop
Site Institucional
Cenário – Vídeo de fundo em tela cheia – Texto sobreposto sem sombra, quase ilegível – Menu lateral gigante – Sem link ou atalho de acessibilidade
Como equilibrar impacto visual e navegação fácil?
Trocar o vídeo por imagem estática ou diminuir o brilho, usar sombra no texto, reduzir a largura do menu e inserir um link “Acessibilidade”
Manter o vídeo mas escurecer o texto
Diminuir o menu e tirar o texto sobreposto
Substituir o menu lateral por um carrossel
Ferramenta de Colaboração
Cenário – Vários menus repetidos (topo, lateral e dentro de modais) – Mesma função com nomes diferentes (“Tarefas” e “Ações”) – Notificações surgindo sem pedido – Carregamento inicial lento
Qual redesign elimina confusão e acelera a ferramenta?
Unificar menus em dois (topo e lateral), usar o termo único “Tarefas”, mostrar notificações só por ícone de aviso e otimizar o carregamento inicial
Manter menus, mas trocar cores deles
Focar só em acelerar o carregamento sem mexer em menus
Transformar tudo em um só menu suspenso e deixar notificações automáticas
