top of page

CNN Brasil

UI/UX Design

Desafio

Conduzir uma análise de competidores para encontrar pequenas melhorias e possíveis novas features.

Objetivo

Examinar as estratégias e ofertas dos concorrentes, para fortalecer as vantagens competitivas e também descobrir oportunidades inovadoras que possam diferenciar o app.

58.png

Análise Heurística

Etapa 01

O primeiro passo foi realizar a análise das 10 heurísticas de Nielsen. Elas incluem: visibilidade do status do sistema; correspondência entre o sistema e o mundo real; controle e liberdade do usuário; consistência e padrões; prevenção de erros; reconhecimento ao invés de memória; flexibilidade e eficiência de uso; estética e design minimalista; ajuda na recuperação de erros; e ajuda e documentação.

Definition (1).png

Benchmarking

Etapa 02

Foi realizado um benchmarking de 3 concorrentes: G1, El País e Uol Notícias.
Analisei os fluxos principais e features diferenciais, além de também considerar as 10 heurísticas de Nielsen.

Definition (2).png

Wireframe

Etapa 03

Após o criação de uma proposta de solução a partir das análises feitas, criei os wireframes de baixa fidelidade para novas e antigas features.

  • Era difícil encontrar conteúdo ao vivo e os espaços e ícones eram um pouco confusos.

  • A nova proposta inclui um menu de abas com acesso ao conteúdo ao vivo e a todas as categorias disponíveis.

  • Novas funcionalidades: publicações de conteúdo rápidas e curtas no topo e ajustes de acessibilidade dentro da página do artigo, como ajustar o tamanho da fonte e ouvir o artigos.

Definition (3).png

Telas finais

Etapa 04

Após criação e análise dos wireframes, criei as telas finais da proposta com uma experiência mais personalizada e maior controle do usuário.

  • Modo "Não Perturbe": Permitir que o usuário configure um intervalo de horário em que não receberá notificações push.

  • Categorias Favoritas: Deixar o usuário selecionar suas categorias de artigos preferidas, aprimorando as recomendações e personalizando a experiência.

  • Modo Escuro: Implementar um modo escuro que possa ser ativado e desativado facilmente.

  • Reprodutor de Vídeo Picture-in-Picture: Adicionar um player de vídeo em modo picture-in-picture para que o usuário possa assistir às notícias enquanto navega pelo aplicativo.

  • Leitura Offline: Oferecer a possibilidade de baixar artigos individuais ou a página inicial personalizada para leitura offline.

  • Podcasts CNN: Integrar podcasts da CNN diretamente no aplicativo, eliminando a necessidade de acessar plataformas de streaming externas.

  • Página de Conteúdo ao Vivo: Projetar uma página dedicada ao conteúdo ao vivo, com informações sobre próximas transmissões.

Definition (4).png

Vamos trabalhar juntos?

oibabiasi@gmail.com

bottom of page