Benchmark test-ipad-e magazines-web

2 784 vues

Publié le

Un petit tour des meilleures applications de magazines et éditeurs Presse sorties depuis 6 mois

Publié dans : Formation
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
2 784
Sur SlideShare
0
Issues des intégrations
0
Intégrations
1 133
Actions
Partages
0
Téléchargements
20
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Benchmark test-ipad-e magazines-web

  1. 1. Benchmark eMagazines iPad www.rodolphechampagne.fr
  2. 2. Lé gende Barre d’outils permanente Cli c Didacticiel intégré à l’interface Clic vers page suivante www.rodolphechampagne.fr
  3. 3. Net à porter  Magazine iPad  Approche originale : le magazine qui permet d’acheter en ligne www.rodolphechampagne.fr
  4. 4. SOMMAIRE Barre d’outils permanente www.rodolphechampagne.fr
  5. 5. Chemin de fer (scroll à droite ou à gauche) + page en transparence www.rodolphechampagne.fr
  6. 6. PAGE SHOPPING www.rodolphechampagne.fr
  7. 7. Insertion de pages de pub www.rodolphechampagne.fr
  8. 8. Zoning graphique www.rodolphechampagne.fr
  9. 9. Zoning graphique www.rodolphechampagne.fr
  10. 10. Vidéo insérée dans maquette www.rodolphechampagne.fr
  11. 11. Visuel ‘mobile’ avec sélection www.rodolphechampagne.fr
  12. 12. Un tutoriel pour expliquer l’interface… Pulse Appli RSS www.rodolphechampagne.fr
  13. 13. Jaguar www.rodolphechampagne.fr
  14. 14. Jaguar  Vignettes  Tutoriel inclus dans la page Clic
  15. 15. Partie fixe Partie mobile (slider horizontal) www.rodolphechampagne.fr
  16. 16. Partie fixe Partie mobile (slider horizontal) www.rodolphechampagne.fr
  17. 17. Le chemin de fer horizontal de bas de page semble s’imposer en standard… www.rodolphechampagne.fr
  18. 18. www.rodolphechampagne.fr
  19. 19. Exemple d’une appli peu connue en France mais très réussie ! (à télécharger d’urgence sur votre iPad !) www.rodolphechampagne.fr
  20. 20. In é Didacticiel intégré à la mise en page Clic www.rodolphechampagne.fr
  21. 21. Visuel plein écran Texte ‘light’ www.rodolphechampagne.fr
  22. 22. Clic www.rodolphechampagne.fr
  23. 23. Clic www.rodolphechampagne.fr
  24. 24. Clic www.rodolphechampagne.fr
  25. 25. Clic www.rodolphechampagne.fr
  26. 26. Clic www.rodolphechampagne.fr
  27. 27. www.rodolphechampagne.fr
  28. 28. Clic www.rodolphechampagne.fr
  29. 29. Clic www.rodolphechampagne.fr
  30. 30. www.rodolphechampagne.fr
  31. 31. Clic www.rodolphechampagne.fr
  32. 32. www.rodolphechampagne.fr
  33. 33. Clic www.rodolphechampagne.fr
  34. 34. www.rodolphechampagne.fr
  35. 35. www.rodolphechampagne.fr
  36. 36. Clic
  37. 37. Rédactionnel sur fenêtre en transparence
  38. 38. ? Pas de vidé os ? www.rodolphechampagne.fr
  39. 39. Clic www.rodolphechampagne.fr
  40. 40. Didacticiel interface inclus dans la mise en page
  41. 41. Clic
  42. 42. Clic
  43. 43. Effet visuel … ou comment, dès la prise de vue, préparer 3 pages En donnant du mouvement à la maquette Remarque : texte toujours très « light » www.rodolphechampagne.fr
  44. 44. Clic www.rodolphechampagne.fr
  45. 45. Clic www.rodolphechampagne.fr
  46. 46. Effet visuel  Adapté à notre thème : plusieurs vue d’un même intérieur, boitier sur pied, avec éléments supplémentaires à chaque prise de vue www.rodolphechampagne.fr
  47. 47. Lien direct depuis l’eMag vers la page Facebook, avec onglet « bienvenue » adapté
  48. 48. Le Figaro Magazine Les ‘plus’  Appli très graphique  Visuels de grande qualité Les ‘moins’  Manque de contenu  Concept éloigné du support d’origine et de la marque  Interface ‘sommaire’ réservée aux initiés
  49. 49. Manque d’aide En ligne Fonctionnement du menu déroutant pour les ‘non-initiés’
  50. 50. Clic
  51. 51. Visuels dispos en pleine page : mise en valeur du travail photo
  52. 52. Le fond d’é cran varie automatiquement avec le sous-menu actif
  53. 53. Fond d’é cran (autre exemple) à implique des prises de vue de qualité
  54. 54. Insertion de pub systématique avant entrée dans la rubrique www.rodolphechampagne.fr
  55. 55. Sport Auto Les ‘plus’  Sommaire interactif, avec ‘pavage’  Iconographie irréprochable Les ‘moins’ NB : Ne pas se laisser ‘éblouir’ par les sujets très attractifs !  30 l / 100 … ? ! ? www.rodolphechampagne.fr
  56. 56. www.rodolphechampagne.fr
  57. 57. Ambiance sonore, choisie par l’utilisateur, entraî ne le lecteur vers davantage de ré alisme
  58. 58. www.rodolphechampagne.fr
  59. 59. Mode texte seul, adapté aux é crans de faible dimension Clic www.rodolphechampagne.fr
  60. 60. Texte trop petit? Pas de problè me ! www.rodolphechampagne.fr
  61. 61. www.rodolphechampagne.fr
  62. 62. www.rodolphechampagne.fr
  63. 63. Clic
  64. 64. Les InRockuptibles Les ‘plus’  Navigation bas de page  Fenêtre de lecture adaptée aux tablettes et smartphones Les ‘moins’  Très (ou trop) proche du PDF www.rodolphechampagne.fr
  65. 65. www.rodolphechampagne.fr
  66. 66. Simple, Mais efficace
  67. 67. Mode texte seul, adapté aux é crans de faible dimension
  68. 68. Appli Renault Espace – Mag GEO Les ‘plus’  Photographies de qualité  Mise en page adaptée aux photos  Menu faisant penser à un slider plein écran Les ‘moins’  Perte des repères livre page à page www.rodolphechampagne.fr
  69. 69. www.rodolphechampagne.fr
  70. 70. Clic www.rodolphechampagne.fr
  71. 71. www.rodolphechampagne.fr
  72. 72. www.rodolphechampagne.fr
  73. 73. www.rodolphechampagne.fr
  74. 74. Du cô té de chez vous  Appli verticale  en horizontal : magazine classique  Declinaison du papier  Positif : couv vidéo
  75. 75. SOMMAIRE www.rodolphechampagne.fr
  76. 76.  Relief dans la prise de vue  Mise en page minimaliste efficace  Appel à la page suivante www.rodolphechampagne.fr
  77. 77. www.rodolphechampagne.fr
  78. 78. Clic www.rodolphechampagne.fr
  79. 79. www.rodolphechampagne.fr
  80. 80. www.rodolphechampagne.fr
  81. 81. www.rodolphechampagne.fr
  82. 82. Clic www.rodolphechampagne.fr
  83. 83. Cli c www.rodolphechampagne.fr
  84. 84. Dernier exemple … www.rodolphechampagne.fr
  85. 85. Jee p www.rodolphechampagne.fr
  86. 86. En résumé, quelques points marquants…  Didacticiel intégré  Navigation simple exigée  Orientation horizontale préférable  Intégrer l'outil dans la conception du chemin de fer, la rédaction et les prises de vues Au-delà du papier : •Iconographie plus importante (pas de problème de place !) •Du son, une autre illustration des textes •Visuels pleine page, sans pollution par un bloc de texte •Des liens vers sites, pages Facebook… •De l’info actualisable www.rodolphechampagne.fr

×