Pratec 3 - Interface marchande Flashcards
Qu’est ce que l’interface marchande ?
C’est l’interface sur laquelle le futur consommateur va passer sa commande.
Citer quelques facteurs utilitaires de la satisfaction tirée de la visite.
- 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.
Les risques perçus par les clients dans le commerce en ligne :
- 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
Solutions pour limiter des efforts inutiles du clients :
- Wishlist (pour ne pas à devoir refaire son panier)
- Liste d’adresses de livraison différentes (maison, bureau..)
- One click shopping (Amazon)
Quels sont les actions spécifiques pour rassurer le visiteur ?
- 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.
Qu’est ce que l’UX design ?
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
Quels caractéristiques dans la page d’acceuil ?
- 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
Quels sont les élements dans la page d’acceuil ?
Ø 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
Qu’est ce qu’un blocs applicatifs ?
- 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
Qu’est ce qu’un interstitiel ?
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)
Quels sont les différents structure du site ?
- Structure hiérarchique
- Structure du réticulaire
- Structures expérientielles
Qu’est ce qu’une structure hiérarchique ?
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
Qu’est ce qu’une structure réticulaire ?
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 »
Qu’est ce qu’une structure expérientielle ?
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
Quel est l’importance du design ?
- Première impression
- Positionnement (en référence aux codes du secteur)
- Réactions affectives et cognitives
Quels sont les critères d’un bon design ?
- 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é
Qui sont les parties impliquées dans la conception ?
§ Rôle central du chef de projet ;
§ Commanditaires;
§ Webmestre, designers, animateurs;
§ Autres parties prenantes.
Quels sont les étapes pour concevoir l’interface ?
§ Le concept de « persona » ;
§ La notion de scénariosfonctionnels pour chaque persona ;
§ Le rôle des tests
Qu’est ce qu’un wireframe ?
Un schéma utilisé lors de la conception d’une interface utilisateur pour définir les zones et composants qu’elle doit contenir.
Qu’est ce qu’un mockup ?
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.
Qu’est ce qu’un prototype ?
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.
Quels sont les avantages d’un prototype ?
- 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.
Quels sont les fonctions interactives avancées ?
o Les comparateurs de produits
o La visualisation 3 D des produits
o Les vidéos
- User Generated Content (UGC)
Qu’est ce que l’User Generated Content (UGC) ?
- “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
Quels sont les différents type de contenus sur un site ?
- 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
Sur la homepage, qu’est ce qui se trouve après le header ?
- 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
Que retrouve t-on dans le footer ?
- 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
Dans la page produit, que retouve t-on après le header ?
Que retrouve t-on sur la homepage, au milieu ?
- 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. )
Que retrouve t-on sur la page produit après le header ?
- 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)
Que mettre sur la page d’achat ?
- 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
Qu’est ce que l’AB testing ?
- 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.