The New Republic startet Mobile-Centric Redesign
Anlässlich seines 101. Geburtstages in diesem Monat und im Anschluss an eine Neugestaltung seiner gedruckten Version in diesem Sommer, Amerikas ältestes liberales politisches Magazin, Die neue Republik hat eine neu gestaltete Website gestartet.
TNR erreicht jeden Monat mehr als 7 Millionen Leser, über newrepublic.com und über soziale Medien. Und während seine Leser in der Regel als älter gelten, sind über 4 Millionen seiner Online-Leser unter 45 Jahre alt; Mehr als 2 Millionen greifen ausschließlich auf Smartphones auf die Website zu.
Es macht also Sinn, dass das Redesign von TNR einen weitgehend mobilen Ansatz verfolgt: Panels, Anzeigen und sogar Navigation wurden für einen optimierten Lesevorgang entfernt. es ist so minimal, dass es vielleicht sogar spärlich genannt wird.
Wir haben in der Vergangenheit an eine ziemlich traditionelle Bevölkerungsgruppe appelliert, aber jetzt bemühen wir uns gemeinsam, eine viel jüngere und vielfältigere Gruppe von Menschen zu erreichen ... und die Daten sagen, dass diese Personen unsere Website eher auf Mobiltelefonen lesen. - Chris Hughes, Die neue Republik
Die Hauptnavigation auf der neuen TNR ist endloses Scrollen; Wenn Sie den unteren Rand eines Artikels erreichen, wird der nächste Artikel geladen, der das kontinuierliche Lesen eines News-Feeds in sozialen Medien nachahmt. vielleicht nicht überraschend, denn TNRs Hauptaktionär seit 2012 ist Chris Hughes, Mitbegründer von Facebook.
Die gesamte andere Navigation wurde hinter einem Hamburger-Menü versteckt, nicht nur auf Mobilgeräten, sondern auch auf dem Desktop. Es ist eine Annahme - wenn auch eine beliebte -, dass jüngere Benutzer ein Hamburgermenü erkennen, und es befremdet sicherlich weniger erfahrene Benutzer. Die Verwendbarkeit von Hamburgermenüs ist ein strittiges Problem, aber sie verdecken nachweislich die verfügbaren Optionen für Benutzer; Hamburger Menüs sind immer Geheimnisvolle Fleisch-Navigation .
Im Fall von TNR wurde das Hamburger-Menü verwendet, weil sie etwas verwenden mussten. Es fühlt sich sehr an, als wäre es auf dem Desktop gelandet, weil es bereits für die mobile Version entwickelt wurde. Dinge wie "Werbung", "Kontakt" und "Jobs" zu verbergen, ist eine Sache; Das Verstecken von wichtigen Inhaltsbereichen wie "Politik", "Kultur" und dem "Subscribe" Link ist ein anderer. Selbst die Suchfunktion - die viele Benutzer als primäres Navigationswerkzeug verwenden - wurde versteckt.
Wo das TNR-Redesign funktioniert, liegt der Schwerpunkt auf dem Inhalt. Die Designer haben sich der Typografie der Druckversion angenähert, sowohl mit Display als auch mit Fließtext Lava und Infotext mit Balto .
Die Website hat eine deutliche Geschwindigkeitssteigerung erfahren, indem sie Drupal fallen gelassen hat und sie durch ein benutzerdefiniertes CMS ersetzt hat. Und das Frontend fühlt sich klar und reaktionsschnell an, da es mit ReactJS gebaut wurde.
Das große Problem mit dem Redesign von TNR ist nicht so sehr, dass es Mobile-First ist, sondern nur Mobile-Only. Während Desktop-Browsing möglicherweise rückläufig ist, ist ein Desktop nicht einfach ein großes Smartphone, und genauso wie das Ignorieren von Mobilgeräten vor fünf Jahren 20% Ihrer Zielgruppe kostet, wird das Ignorieren des Desktops jetzt mehr als 40% kosten.