Para marcar seu 101º aniversário este mês, e após uma reformulação de sua versão impressa neste verão, a mais antiga revista política liberal da América, A nova república lançou um site redesenhado.

A TNR alcança mais de 7 milhões de leitores por mês, via newrepublic.com e em mídias sociais. E embora seus leitores sejam geralmente considerados mais velhos, mais de 4 milhões de leitores on-line têm menos de 45 anos; mais de 2 milhões acessam o site exclusivamente em smartphones.

Portanto, faz sentido que o redesenho da TNR tenha uma abordagem em grande parte móvel: painéis, anúncios e até mesmo navegação foram removidos para um processo de leitura simplificado; é tão mínimo que pode até ser chamado de escasso.

Historicamente, apelamos para um grupo demográfico bastante tradicional, mas agora estamos fazendo um esforço conjunto para alcançar um grupo muito mais jovem e diversificado de pessoas ... e os dados dizem que essas pessoas têm mais probabilidade de ler nosso site em celulares. - Chris Hughes, a nova república

A navegação principal no novo TNR é a rolagem infinita; Quando você chega ao final de um artigo, o próximo artigo é carregado, imitando a leitura contínua de um feed de notícias da mídia social; talvez não seja surpreendente, já que o principal acionista da TNR desde 2012 tem sido Chris Hughes, co-fundador do Facebook.

Móvel

Toda a outra navegação foi escondida atrás de um menu de hambúrgueres, não apenas no celular, mas também no desktop. É uma suposição - embora popular - que os usuários mais jovens reconhecem um cardápio de hambúrguer, e isso certamente afasta os usuários menos experientes. A usabilidade dos menus de hambúrgueres é um assunto contencioso, mas eles demonstram obscurecer as opções disponíveis para os usuários; cardápios de hambúrgueres são sempre navegação de carne misteriosa .

No caso do TNR, o menu de hambúrgueres foi usado porque eles precisavam usar alguma coisa. É como se tivesse sido colocado na área de trabalho porque já havia sido projetado para a versão móvel. Ocultar itens como 'Anunciar', 'Contato' e 'Empregos' é uma coisa; esconder grandes seções de conteúdo como "Política", "Cultura" e, vitalmente, o link "Inscrever-se" é outro. Até mesmo a função de pesquisa - que muitos usuários usam como ferramenta de navegação primária - foi ocultada.

Onde o novo design do TNR funciona é o foco no conteúdo. Os designers aproximaram a tipografia da versão impressa, tanto com texto de exibição como corpo usando Lava e texto de informação usando Balto .

comprimido

O site recebeu um aumento significativo de velocidade, descartando o Drupal e substituindo-o por um CMS personalizado. E o frontend se sente nítido e responsivo tendo sido construído com o ReactJS.

O grande problema com o redesenho do TNR não é tanto o fato de ser móvel primeiro, mas apenas móvel. Embora a navegação na área de trabalho possa estar em declínio, uma área de trabalho não é simplesmente um grande smartphone e, assim como ignorar o celular há cinco anos custou 20% do seu público, ignorar a área de trabalho agora custará mais de 40%.

Uso de imagens imagem de maquetas de dispositivo via Shutterstock.