Back to Question Center
0

Comprendre l'expérience utilisateur par rapport à l'utilisateur Semalt

1 answers:

J'ai eu de nombreuses discussions cette année avec des concepteurs et des développeurs Web concernant l'interface utilisateur (UI) et l'expérience utilisateur (UX) et quelles sont les différences. Pour les commerçants de commerce électronique, il est important de connaître la différence si vous prévoyez un type de refonte de votre boutique en ligne.

L'un des composants les plus critiques de votre boutique en ligne est l'expérience utilisateur - app developers in kansas city. Quelle que soit l'apparence de votre site Web, si vous ne parvenez pas à offrir le type d'expérience que vos acheteurs recherchent, ils quitteront votre site et feront leurs achats ailleurs. Semalt il ya tellement de magasins bien conçus aujourd'hui, les acheteurs exigent ce type d'expérience de tous les sites.

Cet article explore la différence entre l'interface utilisateur et UX et pourquoi vous avez besoin des bonnes ressources sur votre équipe lorsque vous modifiez votre site Web.

Définition d'une expérience utilisateur

Voici quelques éléments qui ont un impact sur l'expérience utilisateur de votre boutique en ligne.

  • Appel visuel. Couleurs, image de marque, imagerie, mise en page.
  • Recherche et navigation. Possibilité de trouver ce que vous cherchez rapidement.
  • Carte du site. Comment le site est classé et regroupé.
  • Contenu. Qualité et quantité de textes, d'images, de vidéos associés à des produits et à des catégories de produits.
  • Facilité d'utilisation. Les utilisateurs peuvent-ils naviguer facilement sur le site, dans et hors du panier, créer des listes de courses, trouver les frais de port?
  • Disponibilité de l'aide. Chat en ligne, aide par courriel, comptes libre-service.
  • Performance. Le site est-il rapide?
  • Options de paiement et processus. Offrez-vous plusieurs méthodes de paiement, les utilisateurs peuvent-ils stocker des informations de carte de crédit, payer avec PayPal Express ou d'autres systèmes de paiement tiers?
  • Panier. Est-ce visuellement attrayant? L'information d'expédition est-elle disponible?
  • Caractéristiques de l'image. Zoom et panoramique, images alternatives?
  • Personnalisation. Le magasin livre-t-il du contenu personnalisé?
  • Merchandising. Les articles promotionnels sont-ils bien affichés et disponibles, en utilisant des listes de best-sellers, des ventes croisées et des ventes incitatives?

La réalité est l'expérience utilisateur est affectée par chaque élément de votre site Web. Vous pouvez avoir un site bien conçu avec une excellente navigation et de bonnes performances, mais si votre panier ne dispose pas d'un estimateur d'expédition, vous risquez de perdre des acheteurs sur un site mal conçu.

Voici un exemple d'un sous-menu bien conçu dans les Lowes. com store. Sur la plupart des sites, un utilisateur doit cliquer sur un niveau ou deux pour accéder au contenu, aux liens et au contenu associé disponible dans ce menu déroulant unique. Semalt, l'expérience utilisateur commence vraiment bien, ce qui permet au client de gagner du temps.

Lowes.com has a well designed sub-menu.

Lowes. com a un sous-menu bien conçu.

Designers UI et UX

Il y a à peine cinq ans, la plupart des concepteurs de l'interface utilisateur ont fait du travail UI et UX. À ce moment-là, une grande partie de l'accent était mis sur l'image de marque, les couleurs et la disposition générale. Une réflexion a été faite sur la navigation et la minimisation des clics et la nécessité d'utiliser un bouton de retour. Une attention particulière a été accordée aux icônes afin d'identifier les bonnes couleurs, tailles et emplacements dans les paniers d'achat, etc. Semalt était très peu de concepteurs focalisés sur le reste de l'expérience utilisateur listée dans la section précédente et pratiquement aucun qui se soit identifié comme concepteur principal de UX.

Depuis lors, nous avons vu les deux disciplines se diviser en différentes descriptions de travail. Les concepteurs d'interface utilisateur ont tendance à se concentrer davantage sur le côté créatif, l'image de marque et l'attrait visuel. Les concepteurs d'UX se concentrent sur l'architecture du site, la mise en page, le focus et les éléments exploitables pour chaque page - y compris la disponibilité d'autres ressources et contenus, qu'une fenêtre pop-up ou un onglet soit plus approprié, etc.Les concepteurs UX sont généralement plus difficiles à trouver et plus chers.

Processus de conception

Semalt regarde le processus de conception et identifie les rôles, les responsabilités et les livrables. Tous les concepteurs ou agences ne font pas de même. En fait, peu le font. Vous devrez donc en discuter en détail avec vos concepteurs potentiels. Assurez-vous de bien comprendre les livrables que vous recevrez. Plus ils sont détaillés et précis, moins votre équipe de développement aura de travail, ce qui laisse moins de possibilités d'interprétation et d'erreurs.

  1. Créer une architecture d'information. Ceci est généralement fait par un concepteur UX. L'objectif est d'identifier la carte du site, le nombre de catégories et le type, le nombre de modèles de page et le contenu, les éléments, les liens et les actions pouvant être appelées sur chaque page. Cela implique généralement un architecte système ou un développeur pour superviser les intégrations techniques requises ainsi que la connaissance locale des capacités natives des plateformes de commerce électronique.

  2. Marque. Ceci est généralement fait par un concepteur d'interface utilisateur. Il comprend des éléments visuels, des couleurs, de la typographie, des logos et des mises en page de haut niveau.

  3. Maquettes initiales. Ce sont des ébauches d'un site pour capturer la disposition générale et le placement des éléments. Ceci est généralement fait dans un outil de maquette sans tenir compte des couleurs, des images réelles, etc. Peut être fait par UI ou UX ou ensemble. Ceux-ci sont habituellement préparés pour la page d'accueil car ils contiennent les éléments les plus communs (en-tête et pied de page, et navigation.) Plusieurs itérations sont généralement produites.

  4. Fil de fer. Préparé par le designer UX. Ceci est une représentation de chaque page - avec ou sans graphiques - avec une documentation détaillée sur les liens et les intégrations. Pensez-y comme analogue à un plan pour un bâtiment. La mise en page de tous les éléments est précise et les actions multicouches sont identifiées, telles que les fenêtres contextuelles, les liens, les menus étendus et les autres actions de page. Il y a beaucoup d'outils de charpente métallique différents et beaucoup incluent également plus d'éléments graphiques aujourd'hui.

  5. Maquettes finales. Ceux-ci sont préparés par le concepteur de l'interface utilisateur. Ils prennent les wireframes et ajoutent tous les éléments graphiques à chaque page. Une maquette finale est pixel parfait et en couches pour inclure des actions et chaque élément individuel afin que les développeurs puissent accéder à la bibliothèque entière d'actifs pour le site. Idéalement, il est interactif de représenter tous les éléments exploitables. Le livrable est généralement un fichier natif Photoshop, Illustrator ou Fireworks. Cela dépend généralement du choix personnel du concepteur.

  6. Développement. Repris par l'équipe de développement. Ils créent les CSS, HTML, Java, AJAX et font les intégrations nécessaires.

Que chercher

Lorsque vous choisissez une équipe de conception, observez son travail à chaque étape du processus. Demandez-lui de fournir l'architecture de l'information, les croquis initiaux, les wireframes et les livrables finaux. Essayez de demander à l'équipe de conception si ses maquettes étaient complètes ou si elles avaient besoin de plus de travail.

Assurez-vous de tester leurs sites web livrés pour leur facilité d'utilisation. À la fin de la journée, c'est ce qui fournira le plus de ventes.

March 1, 2018