A l'occasion de son 101e anniversaire ce mois-ci, et suite à la refonte de sa version imprimée cet été, la plus ancienne revue politique libérale américaine, La nouvelle république a lancé un site Web repensé.

TNR rejoint plus de 7 millions de lecteurs chaque mois, via newrepublic.com, et sur tous les médias sociaux. Et tandis que ses lecteurs sont généralement considérés comme plus âgés, plus de 4 millions de ses lecteurs en ligne ont moins de 45 ans; Plus de 2 millions de personnes accèdent au site exclusivement sur les smartphones.

Il est donc logique que la refonte de TNR prenne une approche essentiellement mobile: les panels, les publicités et même la navigation ont été supprimés pour un processus de lecture rationalisé; c'est si minime qu'on pourrait même dire que c'est rare.

Nous avons historiquement fait appel à un groupe démographique assez traditionnel, mais nous faisons maintenant un effort concerté pour atteindre un groupe de personnes beaucoup plus jeune et diversifié… et les données indiquent que ces personnes sont plus susceptibles de lire notre site sur des téléphones mobiles. - Chris Hughes, The New Republic

La navigation principale sur le nouveau TNR est le défilement infini; Lorsque vous atteignez le bas d'un article, le prochain article est chargé, imitant la lecture continue d'un flux de nouvelles sur les réseaux sociaux. peut-être pas surprenant que l’actionnaire principal de TNR depuis 2012 ait été Chris Hughes, cofondateur de Facebook.

mobile

Toute autre navigation a été cachée derrière un menu hamburger, pas seulement sur mobile, mais aussi sur ordinateur de bureau. C'est une hypothèse - certes populaire - que les jeunes utilisateurs reconnaissent un menu de hamburger, ce qui aliène certainement les utilisateurs moins expérimentés. La convivialité des menus de hamburger est une question controversée, mais ils masquent manifestement les options disponibles pour les utilisateurs; les menus hamburger sont toujours navigation mystère viande .

Dans le cas de TNR, le menu hamburger a été utilisé car il fallait utiliser quelque chose. Cela ressemble beaucoup à ce qui a été tapé sur le bureau car il a déjà été conçu pour la version mobile. Cacher des éléments comme «Publicité», «Contact» et «Emplois» est une chose; Cacher les principales sections de contenu telles que «Politique», «Culture» et, de manière essentielle, le lien «S'abonner» en est une autre. Même la fonction de recherche, utilisée par de nombreux utilisateurs comme outil de navigation principal, a été masquée.

Là où la refonte du TNR fonctionne, c'est le contenu. Les concepteurs se sont approchés de la typographie de la version imprimée, avec à la fois un affichage et un corps de texte utilisant Lave et texte d’information utilisant Balto .

tablette

Le site a été considérablement accéléré par la suppression de Drupal et son remplacement par un CMS personnalisé. Et le frontend est net et réactif après avoir été construit avec ReactJS.

Le gros problème avec la refonte de TNR, ce n'est pas tant le fait qu’il s’agisse d’une solution mobile avant tout, mais uniquement mobile. Bien que la navigation sur ordinateur de bureau soit en déclin, un ordinateur de bureau n'est pas simplement un gros smartphone, et ignorer le mobile il y a cinq ans vous a coûté 20% de votre audience.

Utilisation des images image des maquettes d'appareil , via Shutterstock.