Un bon magazine est plus qu'une collection d'articles sur un thème ou une idée, c'est une expérience éditoriale organisée. Grâce à la mise en page et à la copie, vous pouvez vous rendre à différents endroits et vous apprendre de nouvelles choses. La sortie de l'iPad a lancé le dernier chapitre de l'histoire du design de magazine. Je travaille avec une start-up, Sideways.com, pour créer notre propre plateforme de publication de magazines et voici ce que nous avons fait..
Ce billet est le dixième jour de notre session de conception d'interface. Sessions créativesAvant la sortie de l'iPad, nous travaillions sur un magazine pour iPhone, TapTilt, où nous pouvions tester certaines de nos idées. L'objectif à long terme n'était pas simplement de publier des magazines, mais également de créer une plate-forme d'édition que d'autres pourraient utiliser pour importer facilement leurs livres et leurs magazines dans le magasin iTunes..
ITunes a déjà un format de livre (ePub) et il existe une application Kindle sur iPhone et iPad qui utilise également le format ePub. Les EPubs fonctionnent bien pour le texte mais pas pour les expériences plus interactives. Les magazines, livres pour enfants, romans illustrés et autres publications qui reposent beaucoup sur des illustrations ou des interactions ne sont pas bien servis dans un document ePub.
Les magazines imprimés dépendent largement des annonces d'une page pour couvrir leurs coûts de production. Lors du portage de leur contenu sur l'iPad, le maintien du format de page complète était un moyen simple de conserver ces annonces intactes. Ils sont également réticents à modifier radicalement leurs formats et leur contenu, sans quoi les éditions numériques ne compteront pas dans le nombre total de leurs tirages. Pour s’assurer que les lecteurs voient ces publicités, la plupart des magazines restent attachés à l’idée de glisser à gauche et à droite dans les pages comme leurs homologues imprimés. En plus de naviguer en balayant de nombreux magazines sur iPad, les premiers magazines ont commencé à expérimenter de nouveaux types de navigation..
Lorsque nous avons examiné les magazines disponibles pour l’appareil, nous avons voulu savoir ce qu’ils faisaient bien et où ils pourraient s’améliorer. La plupart ont intégré la vidéo dans leurs publications et ont essayé de traiter les deux orientations différentes de l’iPad en matière d’écran. Mais ces premières applications de magazine ne tiraient pas parti de certaines des fonctionnalités de base du Web, telles que l’hyperlien. Beaucoup n’ont même pas de texte en direct (le texte est rendu au format image ou au format illisible), ce qui signifie que vous ne pouvez pas effectuer de recherche. , copier et coller, ou redimensionner le texte pour améliorer la lisibilité.
Le numéro de juin de Wired est l’application de magazine la plus en vue sur iPad (et la plus aboutie) sur iPad. Un regard en coulisse sur la manière dont l’application a été construite nous donne une bonne idée de certains des problèmes auxquels de nombreux éditeurs de magazines sont confrontés lors du transfert de leur contenu..
Une grande partie des faiblesses que nous avons trouvées dans d’autres magazines provenaient de notre expérience en matière de construction Web. Ce sont des éditeurs de magazines qui essaient de comprendre le Web et nous étions des concepteurs de sites Web qui essayaient de comprendre les publications de magazines. Nous pourrions tirer parti du partage et de la discussion via les médias sociaux tels que Twitter et Facebook. Nous pourrions publier nos critiques de musique au moment de la publication de la musique au lieu d'attendre un mois complet avant de la publier. Nous pourrions également intégrer iTunes Store afin que les utilisateurs puissent prévisualiser des chansons directement dans l'application. Et cela ne fait que gratter la surface de ce que vous pouvez faire dans une application de magazine..
Pour tirer parti de tout cela, il semblait évident de ne pas utiliser HTML et CSS comme notre principal moyen de diffuser du contenu. Nous avons également eu l’avantage supplémentaire d’avoir Webkit (Mobile Safari) qui rend nos mises en page. Cela nous permet de jouer avec HTML5 et CSS3 sans avoir à nous soucier de la compatibilité en amont avec les navigateurs plus anciens. Cela réduit considérablement le temps de développement initial.
La navigation étant une incohérence dans certaines des applications de magazines que nous avons utilisées, il est devenu prioritaire d’expérimenter quelque chose de plus universel. La visualisation du magazine en mode portrait vous donnait une vue entière de la page avec la navigation accessible dans le coin supérieur gauche de l’écran, faisant pivoter le curseur en mode paysage avec une navigation statique sur le côté gauche de l’écran. Dans le prochain numéro, nous allons essayer de sortir la navigation de l'orientation Paysage et de la déplacer vers un bouton en haut, ce qui laissera plus de propriétés à utiliser pour la mise en page.
Téléchargez l'application Sideways
La publication sur iPad ne fait que commencer. Des études sur la convivialité (comme celle de Jakob Nielsen) continueront de façonner la façon dont nous concevons les appareils mobiles. Une chose est sûre cependant, c’est un moyen convaincant de concevoir pour.