Overview
Tipo de projeto: Estudo de caso / Redesign
Ano: 2023
Ferramentas: Adobe XD, Adobe Photoshop, Figma
Este projeto foi desenvolvido como um estudo de caso para o meu trabalho de conclusão de curso de Especialização em Design de Experiência do Usuário (PUCRS, 2023). O objetivo foi propor um redesign para a interface do serviço de streaming Globoplay em navegadores web, visando corrigir falhas de usabilidade identificadas por meio de avaliação heurística e testes de usabilidade com usuários reais.
01. O problema
Ao escolher quais serviços de streaming assinar em meio à grande oferta de plataformas disponíveis no mercado brasileiro, o usuário tende a considerar três fatores principais: catálogo disponível, preço e facilidade de uso da plataforma. O Globoplay, streaming totalmente brasileiro e um dos cinco maiores no país, falha nesse último aspecto ao apresentar uma interface pouco intuitiva e com ausência de funcionalidades básicas encontradas nos concorrentes.
Entre os problemas mais notáveis estão a sobrecarga de informações na página inicial, inconsistências visuais e funcionais, falta de clareza sobre conteúdos que exigem assinatura extra e ausência de elementos básicos de navegação.
02. Avaliação heurística
A primeira etapa do estudo consistiu em uma avaliação heurística da interface, utilizando as heurísticas de Nielsen para identificar problemas de usabilidade na tela inicial e nas telas de reprodução, novelas, séries, filmes e busca.
Entre os problemas encontrados, a falta de clareza quanto a conteúdos que exigiam assinatura extra foi um dos principais. Muitos títulos eram exibidos como parte do catálogo padrão, mas dependiam de pagamento adicional, prática que pode gerar frustração e quebra de confiança nos usuários.
Também foram observados controles pouco intuitivos no player de vídeo, já que os ícones não possuíam rótulos textuais, dificultando o entendimento de funções básicas como legendas e idioma. Além disso, não havia indicação visual na lista de capítulos sobre o episódio em reprodução ou itens clicáveis, comprometendo a orientação e a fluidez da navegação.
A marca d'água ficava pouco visível em alguns conteúdos, e seu uso não deixava claro para o usuário a necessidade de assinatura adicional
Além desses casos, foram encontrados outros problemas relevantes, como botões “Veja mais” que não apresentavam conteúdo adicional, inconsistências visuais e de nomenclatura, ordem de capítulos não padronizada, mau aproveitamento de espaço nas listagens, baixa visibilidade da seção “Continue assistindo” e banners com imagens mal posicionadas.
Embora menos graves, esses problemas somados reforçam a necessidade de ajustes para melhorar a usabilidade e a consistência da plataforma.
03. Testes de usabilidade
Na etapa seguinte, foram realizados testes de usabilidade remotos com 4 participantes. A tarefa proposta consistiu em simular o uso cotidiano da plataforma: “Considere que você está em casa e decide assistir algo no Globoplay. Acesse a plataforma e mostre como faria isso.”
Durante os testes, surgiram dificuldades em localizar a seção "Continue assistindo", pouco destacada na tela inicial, além de reclamações sobre a sobrecarga de informações e o excesso de propagandas de outros streamings e reality shows. Também foram observados problemas na busca, que retornava resultados irrelevantes, apresentava erros ou, em alguns casos, não exibia retorno algum.
Outra limitação recorrente foi a ausência do botão “Voltar” em diversas telas, o que obrigava o uso da navegação do próprio navegador. Por fim, falhas de carregamento e a organização confusa dos conteúdos tornaram a experiência ainda mais frustrante.
Participante do teste de usabilidade
04. Redesign
Identificados os principais problemas, o redesign foi desenvolvido no Adobe XD (e adaptado para o Figma nesta apresentação) e priorizou a correção das falhas mais críticas, além de ajustes visuais que deixaram a interface mais clara e consistente.
04.01. Tela inicial
Reorganizada para dar maior destaque às seções “Continue assistindo” e “Minha lista”. As propagandas disfarçadas de conteúdo foram removidas e os banners ganharam sinopses e imagens aprimoradas para maior impacto visual. Conteúdos que exigem assinatura extra passaram a ser claramente sinalizados.
Além disso, todos os conteúdos que exigem assinatura foram sinalizados de forma clara, facilitando a identificação do que não está incluso na plataforma.
Redesign da tela inicial
04.02. Telas de título e reprodução
Antes, na tela de título, os capítulos e episódios eram exibidos em lista vertical, exigindo longas rolagens e dificultando o acesso a conteúdos mais avançados. Essa organização não aproveitava bem o espaço da interface. No redesign, os episódios foram dispostos horizontalmente, oferecendo uma visão mais prática e eficiente. Também foi adicionado um botão de “Voltar”, recurso bastante solicitado pelos usuários.
Na tela de reprodução, o episódio/capítulo em exibição agora é indicado por cor de destaque e cada ícone do player recebeu legenda ao passar o mouse. Também foi incluído um filtro para ordenar episódios por mais antigos ou mais recentes.
Redesign da tela de título
Redesign da tela de reprodução
04.03. Outras telas
As telas de Novelas, Séries e Filmes foram padronizadas no redesign, com banners reorganizados, imagens reposicionadas e com destaque para lançamentos e conteúdos relevantes, garantindo uma navegação mais clara e consistente entre as categorias.
Redesign da tela de novelas
Redesign da tela de filmes
Redesign da tela de séries
05. Protótipo navegável
Após a criação dos wireframes de alta fidelidade, foi desenvolvido um protótipo navegável para demonstrar como o sistema se comportaria após o redesign, com interações de hover, cliques, rolagem e transições que simulam a experiência real de uso.
5. Considerações
A aplicação das metodologias permitiu identificar com clareza os pontos que precisavam de ajustes, facilitando a construção da proposta de redesign. O resultado apresentou uma nova interface mais funcional e consistente, porém sem mudanças bruscas em relação à então versão atual, evitando estranhamento caso fosse de fato implementada.
Hoje, apesar de algumas melhorias pontuais, o Globoplay ainda apresenta muitos dos problemas identificados neste estudo em sua versão para navegadores web, afetando a experiência do usuário.
Porém, aplicar adequadamente as metodologias de UX e, principalmente, dar a devida importância aos usuários poderia não somente prevenir esses falhas, mas também transformar completamente a experiência do usuário fornecida pelo serviço.
