Pratec 3 - Interface marchande

Question 1

Qu’est ce que l’interface marchande ?

Answer 1

C’est l’interface sur laquelle le futur consommateur va passer sa commande.

Question 2

Citer quelques facteurs utilitaires de la satisfaction tirée de la visite.

Answer 2

• La facilité pour trouver le site sur le Web
• L’intégration online / offline
• La facilité d’utilisation de l’interface
• La richesse des fonctionnalités du site
• Le respect de la vie privée et la sécurité des transactions, etc.

Question 3

Les risques perçus par les clients dans le commerce en ligne :

Answer 3

• Divulgation d’informations personnelles
• Manque de fiabilité du site
• Déception à la réception de la commande
• Mauvais usage des informations bancaires
  o Risque de la performance (le produit ne fonctionne pas comme prévu)
  o Risque physique (le client court un danger)
  o Risque financier (le client perd une partie de son investissement)

–> Rassurer le visiteur est une condition nécessaire pour le transformer en client

Question 4

Solutions pour limiter des efforts inutiles du clients :

Answer 4

• Wishlist (pour ne pas à devoir refaire son panier)
• Liste d’adresses de livraison différentes (maison, bureau..)
• One click shopping (Amazon)

Question 5

Quels sont les actions spécifiques pour rassurer le visiteur ?

Answer 5

• Réputation de la marque et des partenariats
• Témoignages des clients
• Classements, prix et labels
• Clauses de protection des données personnelles
• Présence dans le monde réel
• Etc.

Question 6

Qu’est ce que l’UX design ?

Answer 6

C’est toute l’expérience vécue autour d’un produit en augmentant la
satisfaction client et offrir une interface avec une bonne
expérience

Question 7

Quels caractéristiques dans la page d’acceuil ?

Answer 7

• Reflet de la proposition de valeur, le positionnement et image de marque
• Pour un nouveau client, votre page d’accueil doit lui permettre de comprendre en un clin d’œil votre offre et en quoi elle se différencie de celle de vos concurrents.
• Pour un client récurrent, cette page doit aussi présenter les nouveautés qui devraient l’intéresser

Question 8

Quels sont les élements dans la page d’acceuil ?

Answer 8

Ø Logo: en haut à gauche, est parfois accompagné d’une signature ou d’une phrase,
Ø Présentation de l’entreprise: ces liens « corporate » ont pour fonction de renseigner le visiteur sur l’éditeur du site, mais surtout de rassurer les clients potentiels
Ø Barre et colonne de navigation: en haut, permet d’accéder aux principales rubriques,
Ø Moteur de recherche: Généralement situé en haut de la page (header), il permet un accès direct à l’assortiment.,
Ø Partie centrale: comprend les contenus mis en avant par le marchand. C’est une zone fraîche, animée (vidéos?), alors que les éléments de stabilité se trouvent plutôt sur les côtés.
Ø Footer : Liens internes et externes, Mentions légales

Question 9

Qu’est ce qu’un blocs applicatifs ?

Answer 9

• Blocs qui permettent l’accès à des fonctionnalités relationnelles : accéder à son compte, s’inscrire à une newsletter, parrainer un ami, recommander la page sur les réseaux sociaux
• Soit dans la colonne de droite soit sous la barre de navigation

Question 10

Qu’est ce qu’un interstitiel ?

Answer 10

Sorte de page de transition à laquelle le visiteur est exposé avant de pouvoir entrer véritablement dans le site. Cette page d’entrée permet généralement de diffuser un message fort (ex: une offre promotionnelle)

Question 11

Quels sont les différents structure du site ?

Answer 11

• Structure hiérarchique
• Structure du réticulaire
• Structures expérientielles

Question 12

Qu’est ce qu’une structure hiérarchique ?

Answer 12

Les pages s’enchaînent comme des poupées russes, du plus grand ensemble de produits au plus petit : univers de produits, familles, catégories, sous-catégories, segments, etc., jusqu’à la page de la référence recherchée

Exemple: les produits alimentaires, les produits laitiers, les yaourts, les yaourts aux fruits, les packs de 16 et le pack de 16 yaourts aux fruits de Danone

Question 13

Qu’est ce qu’une structure réticulaire ?

Answer 13

Les pages sont liées entre elles logiquement (par niveau de prix, par marque, par usage, par style, etc.) et non strictement hiérarchiquement. Il s’agit plus d’une logique « utilisateur » que d’une logique « producteur »

Question 14

Qu’est ce qu’une structure expérientielle ?

Answer 14

On parle parfois d’une « métaphore de navigation » pour désigner ces modes de déplacement dans l’offre. L’une des métaphores les plus utilisées est celle du déplacement dans une maison, avec des pièces à découvrir successivement

Question 15

Quel est l’importance du design ?

Answer 15

• Première impression
• Positionnement (en référence aux codes du secteur)
• Réactions affectives et cognitives

Question 16

Quels sont les critères d’un bon design ?

Answer 16

• La richesse.
• La pertinence.
• La crédibilité.
• L’intuitivité.
• La vitesse d’accès
• Le contrôle perçu.
• La lisibilité.
• L’accessibilité.
• La navigabilité

Question 17

Qui sont les parties impliquées dans la conception ?

Answer 17

§ Rôle central du chef de projet ;
§ Commanditaires;
§ Webmestre, designers, animateurs;
§ Autres parties prenantes.

Question 18

Quels sont les étapes pour concevoir l’interface ?

Answer 18

§ Le concept de « persona » ;
§ La notion de scénariosfonctionnels pour chaque persona ;
§ Le rôle des tests

Question 19

Qu’est ce qu’un wireframe ?

Answer 19

Un schéma utilisé lors de la conception d’une interface utilisateur pour définir les zones et composants qu’elle doit contenir.

Question 20

Qu’est ce qu’un mockup ?

Answer 20

Sa mission principale consiste à représenter le squelette d’une interface utilisateur de façon très simpliste (l’aspect esthétique importe peu). Il permet de donner un aperçu d’une interface à des collaborateurs non experts en informatique.

Question 21

Qu’est ce qu’un prototype ?

Answer 21

C’est le premier exemplaire d’un site internet ou d’une application. C’est une étape indispensable dans le métier d’un UX designer.

Question 22

Quels sont les avantages d’un prototype ?

Answer 22

• Il favorise la définition du périmètre fonctionnel de votre projet
• Il permet de présenter aux utilisateurs une vrai interface sur
  laquelle ils vont pouvoir réagir
• Il permet de se concentrer sur le fond (contenu, fonctionnalités…)
  sans être distrait par la forme (couleur, image…)
• Il facilite l’évolution de l’interface proposée au départ, afin qu’elle
  corresponde le mieux possible aux attentes et besoins des futurs
  utilisateurs
• Il permet de corriger ou valider des choix (techniques,
  fonctionnels) avant de commencer le développement technique.

Question 23

Quels sont les fonctions interactives avancées ?

Answer 23

o Les comparateurs de produits
o La visualisation 3 D des produits
o Les vidéos
- User Generated Content (UGC)

Question 24

Qu’est ce que l’User Generated Content (UGC) ?

Answer 24

• “contenu généré par les utilisateurs”.
• Cela signifie que le contenu est directement influencé par les utilisateurs ou même créé par eux dans certains cas.
  o Cette méthode fait partie de ce qu’on appel l’Inbound Marketing, c’est-à-dire d’attirer l’utilisateur, le client ou le prospect vers soit.
• Exemple : Wikipedia

Question 25

Quels sont les différents type de contenus sur un site ?

Answer 25

• Informations riches sur les produits
• Guides d’achat, astuces et conseils d’utilisation
• Vidéos
• Avis d’internautes, évaluations, notations et critiques de produits
• Forum et blogs
• Contenus publirédactionnels, à la frontière de la publicité
• Actualités sur les produits et actualités spécifiques au marchand (on parle parfois de « webzines », à l’instar des « consumer magazines » diffusés par les commerçants classiques)
• Contenus divertissants (fonds d’écran, jeux, publicités, etc.) Destinés à créer une connivence avec la cible

Question 26

Sur la homepage, qu’est ce qui se trouve après le header ?

Answer 26

• Le menu
• Un slider pour faire une présentation de produit/de qui nous sommes par exemple (+CTA)
• Barre de navigation (pas obligatoire)
• Les filtres

Question 27

Que retrouve t-on dans le footer ?

Answer 27

• Réseaux sociaux (que ceux où on est vraiment actif)
• Mentions légales
• Rajouter la sidemap ou la structure du site
• Map de googlemap
• Le copyright
• Inscription à la newsletter
• Picto pour les modes de paiement
• Les conditions générales de vente
• Les cookies
• Vie privée/confidentialité
• Connexion

Question 28

Dans la page produit, que retouve t-on après le header ?

Question 29

Que retrouve t-on sur la homepage, au milieu ?

Answer 29

• Qui nous sommes
• Nos valeurs
• Élément de réassurance via différents pictogrammes
• Produits en avant
• Endroit où l’on peut réfléchir au bloc marketing (blog par exemple)
• Les avis généraux (possible dès la Home Page)
• Des news
• Bloc marketing si besoin
• Bloc applicatifs (inscription NL, parrainage etc. )

Question 30

Que retrouve t-on sur la page produit après le header ?

Answer 30

• Breadcrumb
• Des visuels (photos, images,…)
• Titre
• Une brève description qui renvoie après vers une plus longue description
• Le prix
• Les boutons (doivent être très clair et expliquer l’action que vous faites)
• Tous nos choix d’attributs (couleur, taille etc.. avec le
  plus d’infos possible)
• Tous les éléments de réassurances (Info sur la livraison, combien de temps ça prend, paiement sécurisé,)
• Disponibilité du produit
• Si il y a une promotion ou pas
• Tout ce qui est cross-selling après la description
• UGC (Pourquoi pas mettre les étoiles en haut de page et que ça renvoie vers le bas avec plus de détails)
• Partage sur les réseaux sociaux
• Moyen de contact
• Infos légales si nécessaires (ex : AA+ pour une machine a laver)

Question 31

Que mettre sur la page d’achat ?

Answer 31

• Identification
• Confirmation de l’adresse (livraison/facturation) – carnet d’adresse
• Confirmation du panier – modification (! À l’objectif final) ; code promo
• Choix des emballages – personnalisation
• Les options de livraison – indication vitesse / cout
• Options de paiement – veiller à rassurer le client
• Validation finale – CGV

Question 32

Qu’est ce que l’AB testing ?

Answer 32

• Compare deux versions d’une page web pour savoir laquelle performe le mieux.
• Chaque variante est présentée aléatoirement à des utilisateurs et les statistiques définissent
  quelle variation performe le mieux.