TabNews

TabNews

Blog

Blog

Forum

Forum

iOS

iOS

Tipo de projeto: UI/UX

Itens: Redesign de Interface, Pesquisa, Protótipo

Software Usado: Figma

Time: Camilla Vieira, Fausen Cauã and Poliana Muniz (UI/UX Design)


person_pin
Meu papel no projeto

Gerenciar o projeto e seus processos, ajudando a equipe a desenvolver o melhor produto. Da pesquisa até o protótipo final, coordenei e também construí de forma estratégica e visual para o site. Também desenhei a identidade visual.



center_focus_strong
O Desafio

Criação de um novo aplicativo para o TabNews, visando uma boa experiência, feito sob medida para mobile.


O cenário atual

TabNews é um site que oferece conteúdo gratuito para desenvolvedores. Sua experiência não foi propriamente projetada para telas mobile, por isso precisava melhorar sua experiência focada nestes dispositivos.


Usuários

Estudantes e desenvolvedores de software. A plataforma é utilizada para aprendizado e compartilhamento de conteúdo sobre tecnologia e desenvolvimento.


search
Research

Procuramos entender quais eram os pontos fracos do produto, o que as pessoas precisavam de atualização. Entramos em contato com usuários reais do TabNews e perguntamos sobre suas necessidades, além de alguns benchmarking para entender o que já existe e pode ser aplicado ao nosso produto.


Avaliação Heurística

Uma avaliação heurística foi feita para entender melhor o que precisava de melhorias no site mobile original.


Tipo de projeto: UI/UX

Itens: Redesign de Interface, Pesquisa, Protótipo

Software Usado: Figma

Time: Camilla Vieira, Fausen Cauã and Poliana Muniz (UI/UX Design)




person_pin
Meu papel no projeto

Gerenciar o projeto e seus processos, ajudando a equipe a desenvolver o melhor produto. Da pesquisa até o protótipo final, coordenei e também construí de forma estratégica e visual para o site. Também desenhei a identidade visual.



center_focus_strongcenter_focus_strong
O Desafio

Criação de um novo aplicativo para o TabNews, visando uma boa experiência, feito sob medida para mobile.


O cenário atual

TabNews é um site que oferece conteúdo gratuito para desenvolvedores. Sua experiência não foi propriamente projetada para telas mobile, por isso precisava melhorar sua experiência focada nestes dispositivos.


Users

Estudantes e desenvolvedores de software. A plataforma é utilizada para aprendizado e compartilhamento de conteúdo sobre tecnologia e desenvolvimento.



searchearch
Research

Procuramos entender quais eram os pontos fracos do produto, o que as pessoas precisavam de atualização. Entramos em contato com usuários reais do TabNews e perguntamos sobre suas necessidades, além de alguns benchmarking para entender o que já existe e pode ser aplicado ao nosso produto.


Avaliação Heurística

Uma avaliação heurística foi feita para entender melhor o que precisava de melhorias no site mobile original.


Arquitetura da Informação

Reorganizamos os fluxos e trouxemos nova estrutura ao produto. Agora ele foi desenvolvido como um aplicativo, portanto, foi projetado para ser mobile. 



Priorização
Definimos alguns novos recursos possíveis para o projeto após nossa pesquisa. Considerando as necessidades dos usuários e nossos objetivos, construímos uma Matriz de Priorização para traçar em que focaríamos.

Aplicamos algumas melhorias na interface, considerando heurísticas de UX. Alteramos o espaçamento, agrupamento e espaço em branco dos elementos, trazendo páginas mais claras.

Trouxemos novos recursos solicitados pelos usuários,

priorizando sua experiência.

Trouxemos novos recursos solicitados pelos usuários,

priorizando sua experiência.


phone_iphone
Protótipo

Produzimos todas as necessidades percebidas que podíamos, focando em reorganizar as informações e trazer interfaces que funcionassem adequadamente para dispositivos móveis.



Teste de Usabilidade

Nossa equipe conduziu um teste de usabilidade para garantir que nosso novo protótipo ficasse bom. Como é esperado nos testes, pudemos perceber o que estava funcionando bem, o que os usuários gostaram e também o que faltou no produto. Descobrimos alguns pontos de melhoria para trazer para a nova versão.

Trazer à tona as necessidades dos usuários e transformá-las em funcionalidade permite que um aplicativo seja realmente útil.