iPad Magazine Interface Design

Een geweldig tijdschrift is meer dan alleen een verzameling artikelen rond een thema of idee, het is een samengestelde redactionele ervaring. Door lay-outontwerp en kopiëren kan het u naar verschillende plaatsen brengen en u nieuwe dingen leren. De release van de iPad is begonnen met het nieuwste hoofdstuk in de geschiedenis van tijdschriftontwerp. Ik heb gewerkt met een startup, Sideways.com, om ons eigen tijdschrift voor publicatie van tijdschriften te maken en dit is wat we hebben gedaan.

Dit bericht is dag 10 van onze Interface Design Session. Creatieve sessies

Waar we begonnen

Voor de release van de iPad werkten we aan een iPhone-tijdschrift genaamd TapTilt, waar we een aantal van onze ideeën konden testen. Het doel op lange termijn was niet alleen om tijdschriften te publiceren, maar om een ​​publicatieplatform te bouwen dat anderen konden gebruiken om hun boeken en tijdschriften eenvoudig als app naar de iTunes Store te brengen.

Van grof iTunes heeft al een boekformaat (ePub) en er is een Kindle-app op de iPhone en iPad die ook het ePub-formaat gebruikt. EPubs werken goed voor tekst maar niet voor meer interactieve ervaringen. Tijdschriften, kinderboeken, graphic novels en andere publicaties die sterk afhankelijk zijn van illustraties of interacties, worden niet goed geserveerd in een ePub-document.

Andere Mags bekijken

Gedrukte tijdschriften zijn grotendeels afhankelijk van advertenties op volledige pagina's om hun productiekosten te dekken. Bij het porteren van hun inhoud op de iPad bleef de volledige pagina-indeling een gemakkelijke manier om die advertenties intact te houden. Ze zijn ook terughoudend om hun formaten en inhoud drastisch te veranderen of de digitale edities tellen niet mee voor hun totale aantal. Om ervoor te zorgen dat lezers die advertenties zien, hielden de meeste tijdschriften vast aan het idee om links en rechts door pagina's te vegen zoals u zou doen met hun gedrukte tegenhangers. Naast het navigeren door heen en weer te vegen, beginnen veel iPad-tijdschriften die beginnen met het experimenteren met nieuwe soorten navigatie.

Toen we naar de beschikbare tijdschriften voor het apparaat keken, wilden we zien wat ze goed deden en waar ze konden verbeteren. De meesten brachten video in hun publicaties en probeerden om te gaan met de twee verschillende schermoriëntaties van de iPad. Maar deze vroege tijdschrift-apps hebben geen gebruik gemaakt van enkele basisfuncties van het web, zoals hyperlinks, veel hebben zelfs geen livetekst (de tekst wordt weergegeven als een afbeelding of een onleesbaar formaat), wat betekent dat je het niet kunt doorzoeken , kopieer en plak of verklein de tekst om de leesbaarheid te verbeteren.

De meest spraakmakende (en succesvolle tijdschrift-app) tot nu toe op de iPad is het nummer van Jun van juni. Een kijkje achter de schermen bij het bouwen van de app geeft ons een goed gevoel voor enkele van de uitdagingen waar veel uitgevers van tijdschriften mee te maken hebben als ze hun inhoud overdragen.

Een platform starten (bouwen met HTML en CSS)

Veel van de zwakke punten die we in andere tijdschriften aantroffen, kwamen voort uit onze ervaringen met het bouwen voor het web. Het zijn tijdschriftuitgevers die het internet proberen te begrijpen en we waren webdesigners die de tijdschriftpublicatie probeerden te begrijpen. We zouden kunnen profiteren van delen en discussiëren via sociale media zoals Twitter en Facebook. We zouden onze muziekrecensies kunnen publiceren op de dag dat de muziek werd uitgebracht in plaats van een volledige maand te wachten om te publiceren. We kunnen ook integreren met de iTunes Store, zodat gebruikers nummers rechtstreeks in de app kunnen bekijken. En dit is slechts het oppervlakkige punt van wat je kunt doen binnen een tijdschriftapp.

Om te profiteren van dit alles leek het ons geen goed idee om HTML en CSS te gebruiken als onze primaire manier om content te presenteren. We hadden ook het extra voordeel dat webkit (Mobile Safari) onze lay-outs vormde. Dat laat ons spelen met HTML5 en CSS3 zonder ons zorgen te hoeven maken over achterwaartse compatibiliteit met oudere browsers. Dit heeft de ontwikkelingstijd van de front-end aanzienlijk verkort.

Omdat navigatie een inconsistentie was in sommige van de andere tijdschrift-apps die we gebruikten, werd het al snel een prioriteit om te experimenteren met iets universeler. Door het tijdschrift in de portretmodus te bekijken, kreeg je een weergave van de volledige pagina met de navigatie toegankelijk in de linkerbovenhoek van het scherm, draaiend naar liggend, meer geplaatst een statische navigatie aan de linkerkant van het scherm. In het volgende nummer gaan we proberen de navigatie van de landschapsoriëntatie te verwijderen en deze naar een knop omhoog te verplaatsen, waardoor er meer onroerend goed overblijft om te gebruiken voor lay-outontwerp.

Download de Sideways-app

Publiceren op de iPad is net begonnen. Studies over bruikbaarheid (zoals deze van Jakob Nielsen) zullen de manier blijven vormen waarop we ontwerpen voor mobiele apparaten. Maar één ding is zeker, het is een aantrekkelijk medium om voor te ontwerpen.


Dit bericht is dag 10 van onze Interface Design Session. Creatieve sessies