Содержание | Быстрая навигация
Audit UX.
Conseil UX.
La nécessité de mettre en œuvre des solutions UX compétitives, ainsi que des évaluations du commerce électronique, monte en flèche.
Les gens sont de plus en plus confiants dans leurs achats en ligne.
Rapport sur les habitudes d'achat des acheteurs de BigCommerce 2016-2017. Des statistiques vraiment intéressantes sur les achats en ligne sont présentées:
- 51% Les Américains préfèrent acheter en ligne
- 96% d'Américains ayant accès à Internet ont effectué des achats en ligne au cours de leur vie, 80% le mois dernier seulement
- Le commerce électronique est en hausse de 23% d'une année sur l'autre, mais les petites entreprises américaines 46% n'ont pas de site Web
- Les commandes en ligne ont augmenté de 8,9% au troisième trimestre de 2016, mais la valeur moyenne des commandes (AOV) n'a augmenté que de 0,2%, ce qui indique que la croissance des transactions dépasse le chiffre d'affaires total.
Il serait imprudent pour toute entreprise d'ignorer ces tendances mondiales, qui ont un impact important sur les bénéfices et la portée des clients.
Au cours des deux dernières années, nous avons constaté une augmentation claire et logique de l'intérêt des grandes et petites entreprises pour renforcer leur présence en ligne via des sites Web et / ou des applications mobiles.
Sur la base de notre expérience et de nos recherches dans ce domaine, nous vous proposons aujourd'hui un article qui parle un peu plus des stratégies et des meilleures pratiques en matière de conception d'interface utilisateur UX pour magasins en ligne.
Commençons donc par 11 éléments à prendre en compte lors de la conception des interfaces utilisateur de commerce électronique.
1. Rendez visible la marque de la boutique en ligne.
D'un point de vue commercial, l'image de marque est essentielle: elle vous permet de proposer un produit, une entreprise ou un service avec un visage et une personnalité reconnaissables.
En termes généraux, la marque fait référence à une sorte d'image créée avec un ensemble de caractéristiques distinctives qui contribuent à accroître la notoriété et la reconnaissance d'un produit ou d'un service sur le marché.
L'image de marque a tendance à être importante dans la conception de l'interface utilisateur du commerce électronique, en particulier si les parties prenantes souhaitent utiliser un produit numérique comme flux supplémentaire d'acquisition de clients.
De plus, une identité soigneusement conçue dans l'interface est un moyen efficace de renforcer la notoriété de la marque.
Prendre le temps de bien étudier le marché et les utilisateurs, identifier le public cible, analyser la concurrence et développer une identité de marque basée sur toutes ces données, réalisé par un designer professionnel, est un investissement rentable.
Si cela est fait avant le début du processus de développement de l'interface utilisateur, le produit a de meilleures chances de devenir reconnaissable plus rapidement et plus facilement.
Dans ce cas, le concepteur d'interface utilisateur travaillant sur l'interface, sa palette de couleurs, ses formes, ses types et polices, ses illustrations et ses icônes, trouvera que les décisions de conception sont cohérentes et en ligne avec le concept global de marque du produit qui les rendra solidaires. .
Cela donne un sentiment plus naturel et harmonieux à la marque dans son ensemble et à l'interface distinctive en tant que partie intégrante de cette marque.
Il existe de nombreuses façons d'ajouter une marque à une interface. Mais certaines zones et éléments de mise en page ont le plus de potentiel dans ce domaine:
En-têtes UX. Les titres représentent une zone à haute visibilité. Ainsi, incorporer des éléments de marque stratégiquement importants est un bon moyen d'augmenter la mémorisation de la marque.
Écrans de veille. Dans les applications mobiles, l'écran de démarrage ou écran d'accueil est le premier écran que l'utilisateur voit lors du chargement et du lancement de l'application.
C'est une bonne idée d'utiliser un logo, une mascotte ou toute autre chose qui crée une connexion visuelle instantanée avec la marque. De plus, en ajoutant un petit effet wow avec une animation légère et élégante, il est facile de rendre le signe encore plus attrayant et mémorable.
Preloaders et indicateurs pull-to-refresh. Ce sont des éléments qui montrent la progression du processus de téléchargement en cours dans une application ou un site Web. Leur application élégante de l'identité d'entreprise peut grandement contribuer à la cohérence de l'interface utilisateur et du design individuel.
Talismans ... Les mascottes sont des images, généralement personnifiées, qui représentent souvent une marque, un produit ou un service. Peut être une condition symbolique dans toutes les applications ou sur un site Web.
Les talismans repoussent les limites de la personnification et offrent la possibilité de créer des combinaisons d'éléments inattendues ou de donner vie à des personnages fantastiques et inexistants.
Le talisman devient un élément d'identité et un lien entre l'utilisateur et le produit.
Dans de nombreux cas, c'est l'élément principal de communication et d'interaction qui délivre le message souhaité à l'utilisateur.
2. Définissez une navigation claire et simple comme objectif principal.
Dans la conception UX pour une boutique en ligne (IM), quel que soit le site Web ou l'application, c'est incroyable. Peu importe le design élégant et à la mode et les images à couper le souffle qu'il montre.
Le succès d'une boutique en ligne ne sera pas mesuré par le nombre de "wow".
L'efficacité est analysée par le nombre d'achats effectués. Si les utilisateurs n'achètent pas, le design n'a pas d'importance tant que les parties prenantes perdent leur argent.
Une navigation claire et intuitive joue ici le rôle principal. À chaque étape de l'interaction, les utilisateurs doivent clairement comprendre de nombreuses choses simples, telles que:
- avec quelle entreprise ou marque ils traitent
- sur quelle page sont-ils
- où est le menu
- comment peuvent-ils revenir à la page d'accueil ou au répertoire
- où est la recherche et les filtres
- combien de temps le processus prendra-t-il téléchargements des pages
- comment ils peuvent voir les détails des articles
- comment peuvent-ils choisir entre une option pour le même article (couleur, taille, etc.)
- comment peuvent-ils payer l'article
- comment peuvent-ils garder les choses sur lesquelles ils aimeraient revenir plus tard
- comment peuvent-ils contacter le vendeur
- comment ils peuvent voir les notes et les avis des acheteurs précédents, etc.
3. Vérifiez la capacité de numérisation de la page ou de l'écran.
Comme mentionné, les utilisateurs ne lisent ou ne voient généralement pas tout le contenu d'une page ou d'un écran à partir d'un point de départ.
Au lieu de cela, ils commencent par une analyse rapide pour voir s'il contient site Internet ce dont ils ont besoin ou dont ils ont besoin.
Connaissant les modèles de suivi oculaire, les principes de la gestalt et les lois de la hiérarchie visuelle, vous pouvez placer les données de base et l'interaction des éléments dans des zones de haute visibilité naturelle.
Les appels à l'action (CTA) doivent être instantanément visibles. Dans les premières secondes sur une page ou un écran.
Dans les interfaces de commerce électronique, les CTA sont la clé d'une interaction produit efficace, essentielle à la convivialité et à la navigation, et donc au profit.
Lorsque l'ensemble du chemin d'interaction et de navigation est clairement défini pour les utilisateurs, mais que le CTA n'est pas pensé, placé ou conçu correctement, les utilisateurs peuvent devenir confus. Ils devront déployer des efforts supplémentaires pour atteindre leurs objectifs.
Cela augmente le risque de mauvais conversions et l'expérience utilisateur globale.
4. Minimisez les efforts de l'utilisateur autant que possible.
Le respect du client ne consiste pas à exprimer sa gratitude. Le vrai respect réside dans le gain de temps et d'efforts des utilisateurs jour après jour.
Voici quelques techniques de conception UX qui peuvent rendre une interface économique:
Afficher les produits associés... Si vous consultez la page du produit pour des recommandations proches des capacités de ce produit, les utilisateurs peuvent considérablement accélérer le processus de recherche et de navigation. Cependant, il est important de vérifier auprès des développeurs que cette section fonctionne bien selon un algorithme qui montre les éléments correspondants et non aléatoires.
Visez le nombre minimum de clics... Trop d'opérations sont fatigantes et ennuyeuses, ce qui est une sorte d'émotion négative. Et l'émotion a un impact énorme sur l'expérience utilisateur et rend la rétention des utilisateurs encore plus difficile.
Minimisez le nombre de clics sur la sélection et la méthode d'achat. De cette façon, vous respectez le temps de l'utilisateur. C'est mieux que les mots les plus reconnaissants.
Boutique en ligne comme avec un processus de connexion simple. Imaginez une situation où vous êtes sur un site Web incroyable qui vend les produits de vos rêves. Ils sont présentés si élégamment que vous voudrez les acheter tout de suite.
Mais lorsque vous cliquez sur le bouton Acheter, vous êtes redirigé vers un énorme formulaire que vous devez remplir pour vous inscrire sur ce site.
Cela refroidira votre désir ardent d'acheter tout ici, maintenant, n'est-ce pas? Vous passez d'un état, prenez mon argent, donnez-le-moi, à un état d'attitude négative envers le service.
Tous les utilisateurs ne survivront pas à cette transformation. Le site ou l'application perdra certains acheteurs. Par conséquent, il est nécessaire de simplifier au maximum le processus de connexion.
Forme personnalisée et codage couleur pour regrouper des éléments ou des types de contenu. Les codes de couleur et de forme permettent aux concepteurs d'appliquer le principe de similitude de Gestalt non seulement sur un écran ou une page, mais sur l'ensemble d'une application ou d'un site Web.
Les marqueurs de couleur ou de forme simplifient la navigation et maintiennent la cohérence de la conception, permettant aux utilisateurs de se souvenir des indices et de trouver facilement le contenu de leur choix.
Pour les plates-formes de commerce électronique qui regorgent généralement de tonnes d'articles, cela peut rendre l'interface beaucoup plus conviviale.
Assurez-vous que la perception de la mise en page est naturelle et harmonieuse à l'œil humain. Il y a beaucoup de choses qui influencent la prise de décision. Harmony en fait partie.
Combinaisons de couleurs passionnantes, polices illisibles ou variées, arrière-plans agressifs, pop-ups ou animations intrusives, sons ou pages ennuyeux qui prennent une éternité à charger. Un tel point peut rapidement ruiner l'expérience et aliéner les utilisateurs.
5. N'allez pas trop loin en expérimentant.
Il existe de nombreux articles et vidéos exhortant les personnes créatives à écouter leur cœur, à faire confiance à leur courage et à sortir des sentiers battus.
UX Design n'est pas seulement la créativité essayant de montrer toute la puissance des solutions originales. Tout d'abord, c'est un moyen de résoudre un problème et de rendre les utilisateurs plus heureux.
Il est important de regarder l'interface du point de vue de l'utilisateur et de trouver un moyen d'interagir qui offre une expérience d'achat fluide et facile. Les sites Web ne sont pas créés pour des concours créatifs ou des galeries de renommée, mais pour de vrais utilisateurs.
L'impact d'une habitude en termes d'expérience utilisateur peut être plus fort que le désir de révolution. Bien sûr, une dose d'unicité est nécessaire, mais pas suffisante pour semer la confusion chez l'utilisateur.
Dans la conception d'interface utilisateur de commerce électronique, ciblant souvent un public cible plutôt hétérogène, trop de révolution peut être déroutant et intimidant.
Ai-je vraiment besoin d'acheter cet article, pourrait penser l'utilisateur, s'il est si difficile de l'obtenir?
Explorez les modèles d'interaction et les produits typiques pour ce public cible spécifique pour faire de leurs habitudes leur force. Et n'oubliez pas de vérifier que toutes les icônes à l'écran n'ont pas un double sens. Recherchez un équilibre entre innovation et tradition.
6. Utilisez les pages de destination à des fins spécifiques.
À des fins commerciales et pour les marges bénéficiaires, ces conseils peuvent apporter des changements importants.
Les principes de conception de l'interface utilisateur du commerce électronique sont généralement basés sur l'utilisation de sites Web ou d'applications complexes. Ils sont remplis d'une variété d'informations.
L'approche consistant à rediriger tout le trafic provenant de sources externes vers la page d'accueil peut être une étape rentable et économique. taux de conversion.
Les utilisateurs peuvent être submergés, distraits ou même ennuyés par la quantité de données à traiter. Surtout s'ils se concentrent sur un objectif précis et étroit à partir duquel ils procèdent.
L'utilisation de pages de destination lorsque vous avez besoin de concentrer l'attention de l'utilisateur sur quelque chose de spécifique peut résoudre efficacement ce problème.
La page se concentre sur un élément lorsque l'utilisateur cible recherche des opérations, des services ou des éléments spécifiques.
Ce problème est particulièrement important dans le cas des sites de commerce électronique, où des décisions de conception imprudentes entraînent une détérioration de la qualité de l'expérience utilisateur et des pertes financières.
7. Rendez votre page d'accueil informative.
Une page d'accueil peut remplir plusieurs fonctions: c'est une carte d'invitation, un point de départ pour le voyage du site, un référentiel de liens et de données vitales, et un atout stratégique à des fins marketing.
Dans la plupart des cas, il s'agit de la première touche visuelle et émotionnelle du site. Bien sûr, le design est l'un des principaux moyens de rendre ce toucher doux, intelligent et gratifiant. Malgré tous les progrès réalisés sur le World Wide Web, cette position n'a pas changé.
La page d'accueil détermine souvent si un utilisateur va plus loin dans le site, non seulement par sa beauté et son style, mais surtout par les informations qu'il recherche. En rendant les conceptions accessibles, visibles et compréhensibles, les concepteurs augmentent les chances d'une expérience utilisateur positive.
En général, la page d'accueil peut contenir les données suivantes:
- nature du site
- éléments de marque ou d'identité d'entreprise
- recherche interne
- liens vers les zones d'interaction du noyau
- coordonnées et liens vers les réseaux sociaux
- des signes de confiance (témoignages, nombreuses présences sur les réseaux sociaux, etc.)
- pour les sites de commerce électronique, il peut s'agir d'une représentation visuelle de best-sellers et / ou d'articles exclusifs tels que des livres spécifiques, des jouets, des vêtements, des équipements, etc.
La décision de savoir lequel des éléments mentionnés sera inclus et comment ils seront distribués dans la mise en page devrait dépendre des objectifs fixés pour le site Web et de la recherche du public cible.
8. Appliquez des images de haute qualité qui véhiculent le message.
Les images jouent un grand rôle dans la convivialité: parce que la grande majorité des utilisateurs utilisent des capacités visuelles. Les images deviennent des points d'information de base sur un site Web ou une application.
Les images représentent un contenu à la fois informatif et engageant sur le plan émotionnel. Le niveau de détail et de fonctionnalité vous permet de classer les images dans les interfaces utilisateur par types, notamment:
Photos: Des photos à thème pour créer l'ambiance et le paramètre de message appropriés, des photos de démonstration, des photos d'articles, des photos de couverture pour des articles de blog et des pages d'offres spéciales, etc.
Illustrations: Les illustrations personnalisées dans la conception de l'interface graphique peuvent sembler à la fois informatives et originales, ce qui permet à la conception de se démarquer de la concurrence.
Bannières ou curseurs: utilisées principalement dans la conception Web, ce sont de grandes images, qui sont généralement le premier élément visuel qui attire l'attention de l'utilisateur dans les premières secondes d'interaction; ils fournissent généralement une présentation visuelle attrayante du contenu principal de la ressource.
Icônes et icônes: ce sont des pictogrammes petits mais significatifs qui sont informatifs et soutiennent l'échange d'informations entre l'informateur et le destinataire. Les icônes jouent un rôle clé dans la fourniture d'une navigation claire et intuitive, mais doivent être vérifiées pour leur exactitude et leur duplication.
Talismans: images, généralement personnalisées, représentant une marque, un produit ou un service.
Éléments d'identification visuelle: divers indices de marque visuels tels que logos, lettrage personnalisé pour le nom de la marque et / ou le slogan, etc.
9. Pensez à différents types de vidéos promotionnelles.
Il existe plusieurs types courants de vidéos promotionnelles:
- vidéo d'introduction (la première information sur une entreprise, un produit ou une marque, montrant ses avantages aux utilisateurs)
- vidéo de présentation du produit (détails sur les caractéristiques et les avantages du produit, les étapes d'interaction spéciales et le potentiel de résolution du problème du produit)
- vidéo de la page de destination (renforçant le message demandant aux utilisateurs l'appel à l'action spécifique suggéré sur la page)
- critiques vidéo (raisons et signes de confiance et de fidélité à une entreprise, une marque ou un produit)
- vidéos divertissantes et éducatives (augmentant l'attrait émotionnel et introduisant souvent du matériel pour le marketing viral).
Tous ces types peuvent servir efficacement à des fins de marketing et accroître la notoriété de la marque. Une vidéo créative et mémorable est un bon moyen d'attirer l'attention des clients et un moyen éprouvé de communiquer rapidement et clairement.
La vidéo active simultanément plusieurs canaux de perception - audio, visuel, audio - et le fait généralement d'une manière qui raconte une histoire.
Les gens sont submergés chaque jour par des tonnes d'informations de toutes sortes, de sorte que la plupart d'entre eux ne sont pas prêts à passer beaucoup de temps à se renseigner sur les produits ou services, en particulier les nouveaux.
Dans ces conditions, la vidéo peut devenir un moyen de communication dynamique, informatif et engageant.
Cependant, le côté technique doit être revérifié pour que la vidéo soit correctement intégrée et ne surcharge pas la page.
10. Permettez à l'utilisateur de vous contacter à partir de n'importe quel point d'interaction avec le magasin.
L'endroit le plus populaire pour les informations de contact est le pied de page, le bas de la page. Cependant, si des informations de contact sont essentielles pour la conversion, il est logique de les placer dans la zone prescroll ou même dans l'en-tête.
Par exemple, sur un site Web de commerce électronique disposant d'une boutique en ligne, les utilisateurs peuvent souhaiter appeler plus souvent, et cette opportunité affectera directement le taux de conversion.
Dans tous les cas, les coordonnées doivent être disponibles à tout moment lorsque les utilisateurs peuvent en avoir besoin. Entre autres choses, c'est l'un des facteurs qui affectent le niveau de confiance dans le site.
Contacts peuvent être présentés sous différents formats. Ils peuvent divulguer des données telles que le numéro de téléphone et l'emplacement, des e-mails, des liens vers des messageries instantanées, des formulaires de contact et une fenêtre de chat instantané.
Rendre les numéros de téléphone cliquables est utile car de nombreux utilisateurs parcourent désormais leurs smartphones et peuvent souhaiter appeler directement à partir de là. L'adresse peut également être cliquable, révélant une capture d'écran ou une carte montrant comment trouver l'emplacement.
Les décisions doivent être fondées sur une recherche approfondie des utilisateurs qui détermine les attentes du public cible, le niveau de connaissances techniques et les méthodes de contact qui leur conviennent le mieux.
par exempleSi votre public cible est composé d'adolescents, le simple fait de donner un numéro de téléphone peut être inefficace car ils s'en tiennent vraiment aux messageries instantanées et aux médias sociaux.
11. Ajoutez la gamification.
La gamification intégrée aux produits numériques est un excellent moyen de stimuler la motivation extrinsèque des utilisateurs, qui consiste principalement à rechercher des récompenses.
Il peut être tangible (argent, prix, diplômes, certificats, coupes, médailles, etc.) et immatériel (éloges, soutien, reconnaissance, etc.).
Ainsi, les classements, les récompenses de fidélité et les commandes importantes, les remises, les badges, les coupons, les autocollants et autres peuvent être une grande incitation pour les utilisateurs non seulement à commencer à interagir avec un site Web ou une application, mais aussi à y rester pour acheter régulièrement.
Les exemples et stratégies suggérés pour développer une interface utilisateur pour le commerce électronique ne couvrent certainement pas la gamme complète des questions à prendre en compte dans ces domaines.
Ils peuvent servir de liste de contrôle utile ou d'inspiration de conception d'interface utilisateur pour quiconque cherche à créer des plates-formes conviviales qui prennent en charge les objectifs commerciaux.
Sans aucun doute, la meilleure conception d'interface utilisateur pour un site Web de commerce électronique est celle qui laisse l'acheteur heureux et apporte profit parties intéressées.
Commander un expert UX консультацию
ou Audit UX
... Aujourd'hui, augmentez la conversion d'une boutique en ligne ou faites un plan de travail pour une augmentation constante de l'efficacité, du ROI, des KPI.
FAQ. FAQ.
✔️ Qu'est-ce que la conception UX pour une boutique en ligne?
La conception Ux ou la conception d'utilisabilité est une conception optimisée de pages de site Web pour augmenter les profits ou les conversions.
✔️ Comment le design UX est-il créé?
La conception UX est le processus de test du comportement des utilisateurs ou de création d'une conception experte basée sur des données de test antérieures.
✔️ Dois-je utiliser une animation sur les pages?
Utilisez une animation pour saluer l'utilisateur.
✔️ Quelle qualité d'image dois-je utiliser?
Utilisez des images de haute qualité, mais assurez-vous d'optimiser leur taille pour que les pages se chargent rapidement.
✔️ Puis-je faire de la conception UX à distance?
Heureusement pour nous, la plupart des outils de conception UX prennent en charge le contrôle à distance. Un bon ordinateur portable est tout ce dont vous avez besoin pour un excellent travail UX. Cependant, certaines parties du processus de conception UX à distance doivent être effectuées avec les bons outils, comme la recherche d'utilisateurs à distance.
✔️ L'animation ralentit-elle votre site?
Trop d'animations peuvent entraîner une surcharge visuelle. Dans certains cas, ils peuvent même ralentir votre site, selon la façon dont vous les implémentez, ce que vous voulez éviter à tout prix.
✔️ Quelle langue les designers UX utilisent-ils?
Prenons un exemple du monde du logiciel, en particulier du domaine du développement web. Dans le front-end (aka côté client - tout ce qui fonctionne pour vous), les principales matières premières que nous utilisons sont HTML (Hypertext Markup Language), CSS (Cascading Style Sheets) et JavaScript.
5 réflexions au sujet de “UX Дизайн интернет магазинов. Юзабилити в 2020 году.”