A Nova UX/UI do Portal DCI

Fernando Bombassaro
xprog
Published in
3 min readJan 25, 2018

Um dos objetivos principais do projeto DCI (Diário de Comércio, Indústria & Serviços — www.dci.com.br) foi o redesenho do layout e da experiência do leitor (UXUI) no portal do jornal, incluindo o formato mobile, pouco explorado pelo cliente até então.

Na primeira análise a equipe de projeto identificou que o espaço em geral na home poderia ser mais aproveitado, podendo ser organizado de uma maneira que tornasse melhor a leitura e busca das notícias.

O site antigo não seguia as tendências atuais de design. Os serviços exclusivos ao assinante, por exemplo, não eram devidamente valorizados no mobile. Outro exemplo era o excesso de itens no menu principal e slider da capa.

Foto: Antiga home do portal

A característica dos portais de notícias convencionais segue a idéia de explorar grandes manchetes para dar mais valor aos destaques, diminuindo assim o número de notícias na primeira rolagem da tela.

Uma das premissas do diretor executivo do cliente era que o layout contemplasse mais matérias em função do posicionamento do DCI, que se diferencia dos portais de notícias em geral. O público é mais segmentado e procura conteúdo de assuntos mais específicos.

Entretanto, a redação digital continuava com a necessidade de publicar conteúdo geral, destacando poucas notícias em posições mais privilegiadas na primeira rolagem. Para atender todas as necessidades desenvolvemos variações de manchetes.

Foto: Variações da manchete na home

Outro desafio importante foi conciliar os métodos ágeis de desenvolvimento que adotamos na empresa, tal como desenvolvimeneto mobile first, com a necessidade de se iniciar a concepção pela web, caso específico deste projeto. Em função disso, criamos a UX mobile posterior a aprovação do modelo web.

Foto: Experiência mobile

Também para a versão mobile, melhoramos a experiência do acesso exclusivo para o assinante. Agora o leitor pode se cadastrar, se identificar para então consumir o portal na íntegra através do dispositivo móvel.

O resultado do trabalho pode ser medido nos relatórios de estatísticas, a partir do aumento do tempo na sessão e o número de visualizações na página, bem como a triplicação do número de páginas por sessão.

Foto: Google Analytics — Visualizações de página em comparação ao mesmo período do ano anterior.

Agora são incríveis quinze minutos de duração média da sessão. Concluímos que o leitor está permanecendo mais tempo no site, resultado da nova experiência de usabilidade e do novo layout responsivo do site do DCI.

O resultado foi aprovado pelo cliente e para equipe que acompanhou de perto todo desenvolvimento e a troca de ideias com os colaboradores do jornal. Seguimos sempre em busca do crescimento e da atualização na era digital.

www.dci.com.br

--

--