Benchmark
eMagazines
iPad
www.rodolphechampagne.fr
Lé gende
Barre d’outils
permanente
Cli
c
Didacticiel intégré à l’interface
Clic vers page suivante
www.rodolphechampagne.fr
Net à porter
 Magazine iPad
 Approche
originale :
le magazine
qui permet
d’acheter en ligne
www.rodolphechampagne.fr
SOMMAIRE
Barre d’outils
permanente
www.rodolphechampagne.fr
Chemin de fer (scroll à droite ou à gauche) + page en
transparence
www.rodolphechampagne.fr
PAGE SHOPPING
www.rodolphechampagne.fr
Insertion de pages de pub
www.rodolphechampagne.fr
Zoning graphique
www.rodolphechampagne.fr
Zoning graphique
www.rodolphechampagne.fr
Vidéo insérée dans maquette
www.rodolphechampagne.fr
Visuel ‘mobile’ avec sélection
www.rodolphechampagne.fr
Un tutoriel
pour expliquer l’interface…
Pulse
Appli RSS
www.rodolphechampagne.fr
Jaguar
www.rodolphechampagne.fr
Jaguar
 Vignettes
 Tutoriel inclus dans la page
Clic
Partie fixe
Partie mobile (slider horizontal)
www.rodolphechampagne.fr
Partie fixe
Partie mobile (slider horizontal)
www.rodolphechampagne.fr
Le chemin de fer horizontal de bas de page semble s’imposer en standard…
www.rodolphechampagne.fr
www.rodolphechampagne.fr
Exemple d’une appli peu connue en France
mais très réussie !
(à télécharger d’urgence sur votre iPad !)
www.rodolphechampa...
In é
Didacticiel intégré
à la mise en page
Clic
www.rodolphechampagne.fr
Visuel plein écran
Texte ‘light’
www.rodolphechampagne.fr
Clic
www.rodolphechampagne.fr
Clic
www.rodolphechampagne.fr
Clic
www.rodolphechampagne.fr
Clic
www.rodolphechampagne.fr
Clic
www.rodolphechampagne.fr
www.rodolphechampagne.fr
Clic
www.rodolphechampagne.fr
Clic
www.rodolphechampagne.fr
www.rodolphechampagne.fr
Clic
www.rodolphechampagne.fr
www.rodolphechampagne.fr
Clic
www.rodolphechampagne.fr
www.rodolphechampagne.fr
www.rodolphechampagne.fr
Clic
Rédactionnel sur fenêtre
en transparence
?
Pas de vidé os ?
www.rodolphechampagne.fr
Clic
www.rodolphechampagne.fr
Didacticiel interface
inclus dans la mise en page
Clic
Clic
Effet visuel
… ou comment, dès la prise de vue,
préparer 3 pages
En donnant du mouvement à la maquette
Remarque : texte to...
Clic
www.rodolphechampagne.fr
Clic
www.rodolphechampagne.fr
Effet visuel
 Adapté à notre thème : plusieurs vue d’un même
intérieur, boitier sur pied, avec éléments
supplémentaires à...
Lien direct
depuis l’eMag
vers la page
Facebook, avec
onglet
« bienvenue »
adapté
Le Figaro Magazine
Les ‘plus’
 Appli très graphique
 Visuels de grande
qualité
Les ‘moins’
 Manque de contenu
 Concept...
Manque d’aide
En ligne
Fonctionnement du
menu déroutant pour
les ‘non-initiés’
Clic
Visuels dispos en pleine page
:
mise en valeur du travail
photo
Le fond d’é cran varie
automatiquement
avec le sous-menu actif
Fond d’é cran
(autre exemple)
à implique des prises de vue de
qualité
Insertion de pub systématique
avant entrée dans la rubrique
www.rodolphechampagne.fr
Sport Auto
Les ‘plus’
 Sommaire interactif,
avec ‘pavage’
 Iconographie
irréprochable
Les ‘moins’
NB : Ne pas se laisser...
www.rodolphechampagne.fr
Ambiance sonore, choisie par
l’utilisateur, entraî ne le lecteur
vers davantage de ré alisme
www.rodolphechampagne.fr
Mode texte seul,
adapté aux é crans
de faible
dimension
Clic
www.rodolphechampagne.fr
Texte trop petit?
Pas de problè me !
www.rodolphechampagne.fr
www.rodolphechampagne.fr
www.rodolphechampagne.fr
Clic
Les InRockuptibles
Les ‘plus’
 Navigation bas de page
 Fenêtre de lecture
adaptée aux tablettes
et smartphones
Les ‘moin...
www.rodolphechampagne.fr
Simple,
Mais efficace
Mode texte seul,
adapté aux é crans
de faible dimension
Appli Renault Espace – Mag GEO
Les ‘plus’
 Photographies de
qualité
 Mise en page adaptée
aux photos
 Menu faisant pens...
www.rodolphechampagne.fr
Clic
www.rodolphechampagne.fr
www.rodolphechampagne.fr
www.rodolphechampagne.fr
www.rodolphechampagne.fr
Du cô té de chez vous
 Appli verticale
 en horizontal : magazine
classique
 Declinaison du papier
 Positif : couv vidéo
SOMMAIRE
www.rodolphechampagne.fr
 Relief dans la prise
de vue
 Mise en page
minimaliste efficace
 Appel à la page
suivante
www.rodolphechampagne.fr
www.rodolphechampagne.fr
Clic
www.rodolphechampagne.fr
www.rodolphechampagne.fr
www.rodolphechampagne.fr
www.rodolphechampagne.fr
Clic
www.rodolphechampagne.fr
Cli
c
www.rodolphechampagne.fr
Dernier exemple …
www.rodolphechampagne.fr
Jee
p
www.rodolphechampagne.fr
En résumé,
quelques points marquants…
 Didacticiel intégré
 Navigation simple exigée
 Orientation horizontale
préférabl...
Benchmark test-ipad-e magazines-web
Benchmark test-ipad-e magazines-web
Benchmark test-ipad-e magazines-web
Benchmark test-ipad-e magazines-web
Benchmark test-ipad-e magazines-web
Benchmark test-ipad-e magazines-web
Benchmark test-ipad-e magazines-web
Prochain SlideShare
Chargement dans…5
×

Benchmark test-ipad-e magazines-web

2 707 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 707
Sur SlideShare
0
Issues des intégrations
0
Intégrations
1 134
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

×