Benchmark test-ipad-e magazines-web

BenchmarkeMagazinesiPad

ww

w.r

odolp

hech

am

pagne.f

r

LégendeBarre d’outils permanente

Clic

Didacticiel intégré à l’interface

Clic vers page suivante

ww

w.r

odolp

hech

am

pagne.f

r

Net à porter

Magazine iPad

Approche originale : le magazine qui permetd’acheter en ligne

ww

w.r

odolp

hech

am

pagne.f

r

SOMMAIRE

Barre d’outils permanente

ww

w.r

odolp

hech

am

pagne.f

r

Chemin de fer (scroll à droite ou à gauche) + page en transparence

ww

w.r

odolp

hech

am

pagne.f

r

PAGE SHOPPING

ww

w.r

odolp

hech

am

pagne.f

r

Insertion de pages de pub

ww

w.r

odolp

hech

am

pagne.f

r

Zoning graphique

ww

w.r

odolp

hech

am

pagne.f

r

Vidéo insérée dans maquette

ww

w.r

odolp

hech

am

pagne.f

r

Visuel ‘mobile’ avec sélection

ww

w.r

odolp

hech

am

pagne.f

r

Un tutorielpour expliquer l’interface…

PulseAppli RSS

ww

w.r

odolp

hech

am

pagne.f

r

Jaguar

ww

w.r

odolp

hech

am

pagne.f

r

Jaguar Vignettes Tutoriel inclus dans la page

Clic

Partie fixe

Partie mobile (slider horizontal)Partie mobile (slider horizontal)

ww

w.r

odolp

hech

am

pagne.f

r

Le chemin de fer horizontal de bas de page semble s’imposer en standard…

ww

w.r

odolp

hech

am

pagne.f

r

ww

w.r

odolp

hech

am

pagne.f

r

Exemple d’une appli peu connue en Francemais très réussie !

(à télécharger d’urgence sur votre iPad !)

ww

w.r

odolp

hech

am

pagne.f

r

In éDidacticiel intégréà la mise en page

Clic

ww

w.r

odolp

hech

am

pagne.f

r

Visuel plein écranTexte ‘light’

ww

w.r

odolp

hech

am

pagne.f

r

Clic

ww

w.r

odolp

hech

am

pagne.f

r

ww

w.r

odolp

hech

am

pagne.f

r

Clic

ww

w.r

odolp

hech

am

pagne.f

r

ww

w.r

odolp

hech

am

pagne.f

r

Clic

ww

w.r

odolp

hech

am

pagne.f

r

ww

w.r

odolp

hech

am

pagne.f

r

Clic

ww

w.r

odolp

hech

am

pagne.f

r

ww

w.r

odolp

hech

am

pagne.f

r

Rédactionnel sur fenêtreen transparence

?

Pas de vidéos ?

ww

w.r

odolp

hech

am

pagne.f

r

Clic

ww

w.r

odolp

hech

am

pagne.f

r

Didacticiel interfaceinclus dans la mise en page

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 »

ww

w.r

odolp

hech

am

pagne.f

r

Clic

ww

w.r

odolp

hech

am

pagne.f

r

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

ww

w.r

odolp

hech

am

pagne.f

r

Lien direct depuis l’eMag vers la page

Facebook, avec onglet

« bienvenue » adapté

Le Figaro MagazineLes ‘plus’

Appli très graphique

Visuels de grande qualité

Les ‘moins’

Manque de contenu

Concept éloigné du support d’origineet de la marque

Interface ‘sommaire’ réservée aux initiés

Manque d’aideEn ligne

Manque d’aideEn ligne

Fonctionnement du menu déroutant pour

les ‘non-initiés’

Fonctionnement du menu déroutant pour

les ‘non-initiés’

Visuels dispos en pleine page :mise en valeur du travail photo

Le fond d’écran varieautomatiquement

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

ww

w.r

odolp

hech

am

pagne.f

r

Sport AutoLes ‘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 … ? ! ?

ww

w.r

odolp

hech

am

pagne.f

r

ww

w.r

odolp

hech

am

pagne.f

r

Ambiance sonore, choisie par l’utilisateur, entraîne le lecteur vers

davantage de réalisme

ww

w.r

odolp

hech

am

pagne.f

r

Mode texte seul,adapté aux écrans

de faible dimension

Clic

ww

w.r

odolp

hech

am

pagne.f

r

Texte trop petit?Pas de problème !

ww

w.r

odolp

hech

am

pagne.f

r

ww

w.r

odolp

hech

am

pagne.f

r

Les InRockuptiblesLes ‘plus’

Navigation bas de page

Fenêtre de lecture adaptée aux tablettes et smartphones

Les ‘moins’

Très (ou trop) prochedu PDF

ww

w.r

odolp

hech

am

pagne.f

r

ww

w.r

odolp

hech

am

pagne.f

r

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 penser à un slider plein écran

Les ‘moins’

Perte des repères livre page à page

ww

w.r

odolp

hech

am

pagne.f

r

ww

w.r

odolp

hech

am

pagne.f

r

Clic

ww

w.r

odolp

hech

am

pagne.f

r

ww

w.r

odolp

hech

am

pagne.f

r

Du côté de chez vous

Appli verticale

en horizontal : magazine classique

Declinaison du papier

Positif : couv vidéo

SOMMAIRE

ww

w.r

odolp

hech

am

pagne.f

r

Relief dans la prise de vue

Mise en page minimaliste efficace

Appel à la page suivante

ww

w.r

odolp

hech

am

pagne.f

r

ww

w.r

odolp

hech

am

pagne.f

r

Clic

ww

w.r

odolp

hech

am

pagne.f

r

ww

w.r

odolp

hech

am

pagne.f

r

Clic

ww

w.r

odolp

hech

am

pagne.f

r

Dernier exemple …

ww

w.r

odolp

hech

am

pagne.f

r

Jeep

ww

w.r

odolp

hech

am

pagne.f

r

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

ww

w.r

odolp

hech

am

pagne.f

r

Benchmark test-ipad-e magazines-web

Education

Transcript of Benchmark test-ipad-e magazines-web