août 2008 – Ergophile : Ergonomie web & mobile

Deuxième partie du billet 10 visionneuses et plus encore ! (partie 1) : « Découvert sur Smileycat.com grâce à Brett, 50 visionneuses sont listées et nous permettent de constater l’importance de ce nouveau format… voir article précédent »

M.A.J : Visionneuses/carrousels, vidéo de SmartExperience.org

FNAC.COM

La Fnac se restreint à 3 évènements en utilisant une pagination à chiffre. Chaque visuel est adapté à la charte graphique de la Fnac ce qui permet d’homogénéiser les promotions, mais aussi de mettre à jour plus régulièrement leur page d’accueil grâce au nombre limité d’évènement.

Les Plus : L’information textuelle ainsi que les liens sont toujours situés au même emplacement, l’utilisateur s’habitue à cette navigation et évite une perte de repère à chaque visite. Le fait d’utiliser 3 à 4 évènements évite de surcharger de promotion l’utilisateur et permet une attention de ce dernier sur les informations qu’il consulte.

Les Moins : Les paginations à chiffre peuvent déstabiliser l’utilisateur car il doit utiliser sa mémoire à courte terme. Heureusement, la fnac n’utilise que 3 à 4 visuels pas plus ce qui permet à l’utilisateur de retenir l’information consultées. Pour CBS cela n’est pas le cas…

CBS.COM

CBS a opté pour l’intégration d’une visionneuse panoramique occupant toute la largeur du site. L’utilisateur profite d’un format inattendu similaire à un cadrage cinématographique.

Les Plus : L’utilisation des photographies au format 16/9ème permette à l’utilisateur d’apprécier les sujets présentés qui sont accompagné d’un cartouche rédactionnel. Ce format correspond parfaitement au sujet du site.

Les Moins : La pagination est absente et perd l’utilisateur parmi les 7 items de forme abstraite. L’absence de repère didactique déstabilise l’utilisateur. Trop d’item tue l’item !

PREMIERE.COM

Cette visionneuse possède une fonctionnalité en plus des autres : un player ! Oui, un player… pause, play. Wow ! La visionneuse est similaire à un diaporama.

Les Plus : L’utilisateur se repère grâce à la pagination à chiffre et gère son temps de consultation du player. Le rédactionnel permet d’avoir le chapo de l’article correspondant au visuel.

Les Moins : La mention « Todays Features » n’est d’aucune utilité. Le format pavé ne met pas en valeur les thèmes présentés ainsi que l’intégration du chapo des articles… Pas très sexy tout çà .

ACTIVERIDESSHOP.COM

Cette visionneuse reprend le même principe que celle de Premiere.com avec des onglets en plus. Ces onglets permettent de cibler directement les utilisateurs du site pour la vente de produits : « men », « women » et « snow ». 3 visionneuses en 1 car derrière chaque onglet se trouve une visionneuse à plusieurs items. eheh !

Visionneuses similaires

A lire aussi :

Découvert sur Smileycat.com grâce à Brett, 50 visionneuses sont listées et nous permettent de constater l’importance de ce nouveau format donnant la possibilité de faire plusieurs mises en avant sur une seule et unique zone. Suite à cette liste, je me suis permise de faire une sélection d’une dizaine de visionneuses tout en essayant de décrypter leurs principaaux atouts et lacunes dans leur contexte respectif.

M.A.J : Visionneuses/carrousels, vidéo de SmartExperience.org

VIRGINMEGA.FR

Virgin a adapté une navigation avec 10 items correspondant au cover des CD. Malheureusement, 10 items c’est trop surtout quand ces derniers sont présentés dans un menu défilant à l’infini. Cela est assez déroutant. L’utilisateur doit utiliser sa mémoire dite « mémoire à courte terme » pour retenir un item afin de se repérer et de se positionner dans le temps de sa consultation.

Les Plus : Cette visionneuse privilégie le cà´té évènementiel de chaque visuel. Une présentation différente est créée pour annoncer une exclusivité aux internautes sur un artiste. Exploitation du rollover pour passer d’une image à une autre, cela entraine une rapidité d’utilisation.

Les Moins : Une transition trop rapide qui ralentie la navigation de l’utilisateur. Il manque de temps pour lire le rédactionnel et son intégration dans la page laisse à désirer : la colonne de gauche contient un pavé promotionnel animé et une méga-banner publicitaire est située dans le Header à proximité de la visionneuse qui bien sûr, dit pub dit forcément clignotement. Attention aux yeux !

MTV.COM

MTV utilise d’une manière différente ses items visuels : ils représentent un cadrage serré de l’image mise en avant. Les 6 items sont superposés au visuel et se mêle à lui. Le caractère évènementiel se manifeste par une cartouche opposée aux items et par des photographies bruts c’est-à -dire sans aucun ajout textuel. Le rédactionnel se situe au pied de la photo dans un format standardisé superposé.

Les Plus : Des visuels sobres, impactant et bruts afin d’annoncer des évènements variés et de qualité.

Les Moins : L’utilisateur a 4 niveaux de lecture sur cette visionneuse. Le positionnement, la superposition de chaque élément ainsi que la transition peut troubler la lisibilité et le sens de lecture de l’internaute.

DEEZER.COM

Cette visionneuse standardise les mises en avant et permet une hiérarchisation des informations. Elle permet à l’utilisateur de s’habituer et d’apprivoiser ses différents liens ainsi que leur positionnement. La transition en fondu adoucit le changement de thème et permet d’apprécier les photographies impactant grâce à leur format paysage.

Les Plus : Une structuration simple et efficace des infos textuels, c’est-à -dire nom de l’artiste, nom de l’album, accès à sa fiche et accès à l’album. Aucune phrase promotionnelle n’est présente et permet une mise en avant plus imposante visuellement.

Les Moins : Absence d’information sur le type de l’artiste : rock, jazz, rap… Aucun lien sur le nom de l’artiste, le nom de l’album et le visuel de fond. Ce manque occasionne une frustration et une perte de temps à l’utilisateur qui est obligé de se diriger sur les 2 petits liens oranges situés dans le cartouche.