Om deze maand zijn 101e verjaardag te vieren, en volgend op een herontwerp van zijn gedrukte versie deze zomer, het oudste liberale politieke tijdschrift van Amerika, De nieuwe republiek heeft een vernieuwde website gelanceerd.

TNR bereikt maandelijks meer dan 7 miljoen lezers, via newrepublic.com en via sociale media. En hoewel de lezers meestal als ouder worden beschouwd, zijn meer dan 4 miljoen van hun online lezers jonger dan 45 jaar; meer dan 2 miljoen toegang tot de site uitsluitend op smartphones.

Het is dus logisch dat het herontwerp van TNR een grotendeels mobiel-eerst benadering is: panelen, advertenties en zelfs navigatie zijn uitgekleed voor een gestroomlijnd leesproces; het is zo minimaal dat het zelfs dun genoemd kan worden.

We hebben van oudsher een beroep gedaan op een vrij traditionele demografie, maar we doen nu gezamenlijk inspanningen om een ​​veel jongere en diverse groep mensen te bereiken ... en volgens de gegevens zullen die mensen onze site eerder op mobiele telefoons lezen. - Chris Hughes, de nieuwe republiek

De belangrijkste navigatie op de nieuwe TNR is oneindig scrollen; wanneer u de onderkant van een artikel bereikt, wordt het volgende artikel geladen, waarbij het continue lezen van een nieuwsfeed voor sociale media wordt nagebootst; misschien niet zo vreemd aangezien de belangrijkste aandeelhouder van TNR sinds 2012 Chris Hughes was, mede-oprichter van Facebook.

mobiel

Alle andere navigatie is verborgen achter een hamburgermenu, niet alleen op mobiel, maar ook op de desktop. Het is een aanname - zij het een populaire - dat jongere gebruikers een hamburgermenu herkennen en het vervreemdt minder ervaren gebruikers. De bruikbaarheid van hamburgermenu's is een omstreden kwestie, maar ze maken aantoonbaar de beschikbare opties voor gebruikers onduidelijk; hamburgermenu's zijn altijd mysterie vlees navigatie .

In het geval van TNR is het hamburgermenu gebruikt omdat ze iets moesten gebruiken. Het voelt alsof het op de desktop is geslagen omdat het al is ontworpen voor de mobiele versie. Verbergen van items als 'Adverteren', 'Contact' en 'Banen' is één ding; het verbergen van belangrijke inhoudsecties zoals 'Politiek', 'Cultuur' en de link 'Abonneren' is een andere. Zelfs de zoekfunctie - waar veel gebruikers naar toe gaan als een primaire navigatie-tool - is weggestopt.

Waar het TNR-herontwerp werkt, is de focus op inhoud. De ontwerpers hebben de typografie van de gedrukte versie benaderd, zowel met weergave als met hoofdtekst Lava en infotekst gebruiken Balto .

tablet

De site heeft een aanzienlijke snelheidsboost gekregen door Drupal te laten vallen en te vervangen door een aangepast CMS. En de frontend voelt fris en responsief aan met ReactJS.

Het grote probleem met het herontwerp van TNR is niet zozeer dat het voor het eerst mobiel is, alleen mobiel. Terwijl desktop-browsen mogelijk achteruitgaat, is een desktop niet alleen een grote smartphone, en net als het negeren van mobiele apparaten vijf jaar geleden, kost het u 20% van uw publiek, waardoor het negeren van de desktop nu meer dan 40% kost.

Afbeeldingen gebruiken apparaat mockups afbeelding , via Shutterstock.