Realizarea interfeței iPad Magazine

O revistă mare este mai mult decât o colecție de articole în jurul unei teme sau idei, este o experiență editorială curativă. Prin proiectarea și copierea, puteți să vă duceți în locuri diferite și să vă învățați lucruri noi. Eliberarea iPad-ului a dat startul celui mai recent capitol din istoria designului revistei. Am lucrat cu un startup, Sideways.com, pentru a crea propria noastră platformă de publicare a revistelor și aici este ceea ce am făcut.

Această postare este Ziua 10 a Sesiunii noastre de Design Interfață. Succesiuni creative

Unde am pornit

Înainte de lansarea iPad-ului am lucrat la o revistă iPhone numită TapTilt, unde am putea încerca câteva dintre ideile noastre. Scopul pe termen lung nu era doar de a publica reviste, ci de a construi o platformă de publicare pe care alții ar putea să o folosească pentru a aduce cu ușurință cărțile și revistele în magazinul iTunes ca o aplicație.

De iTunes grosier deja are un format de carte (ePub) și există o aplicație Kindle pe iPhone și iPad care utilizează, de asemenea, formatul ePub. EPub-urile funcționează bine pentru text, dar nu pentru experiențe mai interactive. Reviste, cărți pentru copii, romane grafice și alte publicații care se bazează în mare măsură pe ilustrații sau interacțiuni nu sunt bine servite într-un document ePub.

Privind la alte Mags

Revistele de tipărire se bazează în mare parte pe anunțuri cu pagini întregi pentru a acoperi costurile de producție. Atunci când portul conținutului lor pe iPad rămânând cu formatul întregii pagini a fost o modalitate ușoară de a păstra intacte aceste anunțuri. Ei sunt, de asemenea, reticenți în a schimba drastic formatele și conținutul lor, iar edițiile digitale nu vor fi luate în considerare la numerele lor de circulație globală. Pentru a vă asigura că cititorii văd acele anunțuri, cele mai multe reviste se confruntă cu ideea de a trece de la stânga și la dreapta prin pagini asemănătoare cu cele ale omologilor de imprimare. În plus față de navigare, navigând înainte și înapoi, multe dintre revistele iPad devreme, începând să experimenteze noi tipuri de navigație.

Când ne-am uitat la revistele disponibile pentru dispozitiv, am vrut să vedem ce au făcut bine și unde s-ar putea îmbunătăți. Cele mai multe au adus video în publicațiile lor și au încercat să se ocupe de cele două orientări diferite ale ecranului iPad-ului. Dar aceste aplicații din revistele timpurii nu au profitat de unele dintre caracteristicile de bază ale webului, cum ar fi hyperlink-urile, mulți nu au nici text live (textul este redat ca imagine sau format necitit) ceea ce înseamnă că nu îl puteți căuta , copiați și lipiți sau redimensionați textul pentru a îmbunătăți lizibilitatea.

Cel mai mare profil (și aplicația de revistă de succes) de până acum pe iPad a fost problema lui Wired din iunie. O privire în spatele scenei în ceea ce privește modul în care a fost construită aplicația ne dă un sentiment bun pentru unele provocări cu care se confruntă mulți editori de reviste atunci când își portă conținutul.

Pornirea unei platforme (construirea cu HTML și CSS)

Multe dintre punctele slabe pe care le-am găsit în alte reviste au provenit din experiențele noastre de construire pentru web. Ei sunt editorii de reviste care încearcă să înțeleagă webul și am fost web designeri care încearcă să înțeleagă publicarea revistei. Am putea profita de partajarea și discutarea prin intermediul rețelelor sociale, cum ar fi Twitter și Facebook. Am putea lansa recenziile muzicale, ziua în care muzica a fost lansată în loc să aștepte o lună întreagă de publicat. De asemenea, am putea să ne integrăm cu magazinul iTunes, astfel încât utilizatorii să poată previzualiza melodii direct în aplicație. Și asta e doar zgârierea suprafeței a ceea ce poți face într-o aplicație pentru reviste.

Pentru a profita de toate acestea, părea că nu este un argument pentru utilizarea HTML și CSS ca modalitate principală de difuzare a conținutului. Avem, de asemenea, avantajul suplimentar de a avea webkit (Mobile Safari) care redă modelele noastre. Acest lucru ne permite să jucăm cu HTML5 și CSS3 fără a fi nevoie să vă faceți griji cu privire la compatibilitatea înapoi cu browserele mai vechi. Aceasta reduce considerabil timpul de dezvoltare din partea frontului.

Deoarece navigația a fost o inconsecvență în unele dintre celelalte aplicații din reviste pe care le-am folosit, a devenit o prioritate de timpuriu să experimentăm ceva mai universal. Vizionarea revistei în modul portret vă oferă o vizualizare completă a paginii cu navigația accesibilă în stânga sus a ecranului, prin rotirea spre peisaj, plasată mai mult o navigație statică în partea stângă a ecranului. În următoarea ediție vom încerca să scoatem navigația de pe orientarea peisajului și să o mutăm pe un buton în sus, lăsând mai multe bunuri imobile pe care să le folosim pentru proiectarea layout-ului.

Descărcați aplicația Sideways

Publicarea pe iPad este doar începutul. Studiile despre gradul de utilizare (cum ar fi acesta de Jakob Nielsen) vor continua să modeleze modul în care proiectăm pentru dispozitivele mobile. Un lucru sigur, totuși, este un mediu convingător de proiectat.


Această postare este Ziua 10 a Sesiunii noastre de Design Interfață. Succesiuni creative
Cod