Una grande rivista è più di una semplice raccolta di articoli su un tema o un'idea, è un'esperienza editoriale curata. Attraverso la progettazione del layout e la copia può portarti in posti diversi e insegnarti cose nuove. Il rilascio dell'iPad ha dato il via all'ultimo capitolo della storia del design delle riviste. Ho lavorato con una startup, Sideways.com, per creare la nostra piattaforma di pubblicazione di riviste ed ecco cosa abbiamo fatto.
Questo post è il 10 ° giorno della nostra sessione di progettazione dell'interfaccia. Sessioni creativePrima dell'uscita dell'iPad, abbiamo lavorato su una rivista per iPhone chiamata TapTilt, in cui abbiamo potuto testare alcune delle nostre idee. L'obiettivo a lungo termine non era solo di pubblicare riviste ma di costruire una piattaforma di pubblicazione che altri avrebbero potuto utilizzare per portare facilmente i loro libri e le loro riviste nello store di iTunes come un'app.
Di rozzi iTunes ha già un formato libro (ePub) e c'è un'app Kindle su iPhone e iPad che utilizza anche il formato ePub. Gli EPub funzionano bene per il testo ma non per esperienze più interattive. Riviste, libri per bambini, romanzi grafici e altre pubblicazioni che fanno molto affidamento su illustrazioni o interazioni non sono ben servite in un documento ePub.
Le riviste di stampa si basano in gran parte su annunci a pagina intera per coprire i costi di produzione. Quando trasferire i loro contenuti sull'iPad rimanendo con il formato di pagina completo era un modo semplice per mantenere intatti quegli annunci. Sono anche riluttanti a cambiare i loro formati e contenuti in modo drastico o le edizioni digitali non contano ai loro numeri di circolazione complessivi. Per assicurarsi che i lettori vedano quegli annunci, la maggior parte delle riviste ha aderito all'idea di scorrere a destra e a sinistra le pagine come se fossero le loro controparti di stampa. Oltre a navigare scorrendo avanti e indietro, molte delle prime riviste di iPad iniziano a sperimentare nuovi tipi di navigazione.
Mentre guardavamo le riviste disponibili per il dispositivo, volevamo vedere cosa stavano facendo bene e dove potevano migliorare. La maggior parte ha portato video nelle loro pubblicazioni e ha cercato di gestire i due diversi orientamenti dello schermo dell'iPad. Ma queste prime app per riviste non hanno sfruttato alcune delle caratteristiche di base del Web come il collegamento ipertestuale, molte addirittura non hanno testo live (il testo è reso come immagine o formato illeggibile) il che significa che non puoi cercarlo , copia e incolla o ridimensiona il testo per migliorare la leggibilità.
Il profilo più alto (e l'app delle riviste di successo) fino ad oggi sull'iPad è stato il numero di giugno di Wired. Uno sguardo dietro le quinte sul modo in cui è stata costruita l'app ci dà un'idea di alcune delle sfide che molti editori di riviste devono affrontare quando trasferiscono i loro contenuti.
Molte delle debolezze che abbiamo trovato in altre riviste sono venute dalle nostre esperienze di costruzione per il web. Sono editori di riviste che cercano di capire il web e noi eravamo web designer che cercavano di capire la pubblicazione della rivista. Potremmo sfruttare la condivisione e la discussione attraverso i social media come Twitter e Facebook. Potremmo pubblicare le nostre recensioni musicali il giorno in cui la musica è stata rilasciata invece di aspettare un mese intero da pubblicare. Potremmo anche integrarci con il negozio iTunes in modo che gli utenti possano vedere in anteprima i brani direttamente nell'app. E questo è solo graffiare la superficie di ciò che puoi fare all'interno di un'app per riviste.
Per trarre vantaggio da tutto ciò, è sembrato un gioco da ragazzi usare HTML e CSS come metodo principale per servire i contenuti. Abbiamo anche avuto il vantaggio di avere webkit (Mobile Safari) che mostra i nostri layout. Questo ci permette di giocare con HTML5 e CSS3 senza doverci preoccupare della compatibilità con i vecchi browser. Ciò ha ridotto notevolmente il tempo di sviluppo del front end.
Poiché la navigazione era un'incongruenza in alcune delle altre app di riviste che usavamo, è diventata subito prioritaria sperimentare qualcosa di più universale. La visualizzazione della rivista in modalità verticale ti dava una vista a tutta pagina con la navigazione accessibile nella parte in alto a sinistra dello schermo, ruotando in orizzontale per posizionare più una navigazione statica sul lato sinistro dello schermo. Nel prossimo numero cercheremo di spostare la navigazione dall'orientamento orizzontale e spostarla su un pulsante in alto lasciando più spazio per l'uso per il layout design.
Scarica l'app Sideways
La pubblicazione sull'iPad è appena iniziata. Gli studi sull'usabilità (come questo di Jakob Nielsen) continueranno a modellare il modo in cui progettiamo i dispositivi mobili. Una cosa è certa, però, è un mezzo irresistibile per cui progettare.