Per celebrare il suo 101 ° compleanno questo mese, e in seguito a una riprogettazione della sua versione stampata questa estate, la più antica rivista politica liberale dell'America, La nuova Repubblica ha lanciato un sito web ridisegnato.

TNR raggiunge oltre 7 milioni di lettori ogni mese, tramite newrepublic.com e attraverso i social media. E mentre i suoi lettori sono generalmente considerati più vecchi, oltre 4 milioni dei lettori online hanno meno di 45 anni; più di 2 milioni accedono al sito esclusivamente su smartphone.

Quindi ha senso che la riprogettazione di TNR abbia un approccio ampiamente mobile-first: pannelli, pubblicità e persino la navigazione sono stati spogliati per un processo di lettura semplificato; è così minimale che potrebbe anche essere chiamato scarso.

Abbiamo storicamente fatto appello a una demografica piuttosto tradizionale, ma ora stiamo facendo uno sforzo concertato per raggiungere un gruppo molto più giovane e diversificato di persone ... e i dati dicono che queste persone hanno maggiori probabilità di leggere il nostro sito sui telefoni cellulari. - Chris Hughes, The New Republic

La navigazione principale sul nuovo TNR è lo scrolling infinito; quando raggiungete il fondo di un articolo, viene caricato il prossimo articolo, che imita la lettura continua di un feed di notizie sui social media; forse non è sorprendente dato che il principale azionista di TNR dal 2012 è stato Chris Hughes, co-fondatore di Facebook.

mobile

Tutte le altre navigazioni sono state nascoste dietro un menu di hamburger, non solo sul cellulare, ma anche sul desktop. È un'ipotesi - anche se popolare - che i più giovani riconoscano un menu di hamburger, e certamente allontana gli utenti meno esperti. L'usabilità dei menu degli hamburger è un problema polemico, ma oscurano palesemente le opzioni disponibili per gli utenti; i menu dell'hamburger sono sempre navigazione della carne misteriosa .

Nel caso di TNR, il menu dell'hamburger è stato usato perché dovevano usare qualcosa. È come se fosse stato schiaffeggiato sul desktop perché era già stato progettato per la versione mobile. Nascondere articoli come "Pubblicizza", "Contatti" e "Lavori" è una cosa; nascondendo sezioni di contenuto importanti come "Politica", "Cultura" e in modo vitale il collegamento "Iscriviti" è un altro. Anche la funzione di ricerca, che molti utenti considerano come uno strumento di navigazione principale, è stata nascosta.

Dove funziona la riprogettazione di TNR è la sua attenzione al contenuto. I progettisti hanno approssimato la tipografia della versione stampata, utilizzando sia il display che il testo del corpo Lava e informazioni sul testo usando Balto .

tavoletta

Il sito ha ricevuto un significativo aumento di velocità, facendo cadere Drupal e sostituendolo con un CMS personalizzato. E il frontend si sente nitido e reattivo essendo stato costruito con ReactJS.

Il grande problema con la riprogettazione di TNR non è tanto il fatto che sia mobile-first, come solo mobile. Anche se la navigazione sul desktop può essere in declino, un desktop non è semplicemente un grande smartphone, e proprio mentre ignorare il cellulare cinque anni fa ti costa il 20% del tuo pubblico, ignorare il desktop ora avrà un costo superiore al 40%.

Uso delle immagini immagine di mockup del dispositivo , tramite Shutterstock.