Salon Lumos Nox
Refonte optimisée pour l'expérience mobile
Le site Web de Lumos Nox présentait plusieurs points faibles entraînant l'abandon des utilisateurs. La refonte proposée, optimisée pour le mobile-first , rationalise l'architecture des informations tout en réduisant les clics inutiles. Cela se traduira par une expérience utilisateur plus fluide et une augmentation des réservations de stylistes.
Les outils utilisés
mon pourquoi?
En m'aventurant vers une carrière dans l'espace du design, j'ai commencé à pratiquer l'approche des espaces numériques avec l' œil d'un designer . Je savais que ma bonne amie Twylla avait récemment créé un site Web pour son salon et j'ai visité le site pour le vérifier. Twylla et moi partageons la même passion pour l'art et l'expérience humaine , j'ai donc décidé de développer ce projet en me basant sur les points douloureux que j'ai rencontrés lors de la visite de son site. Twylla n'a pas demandé le projet mais était disposée à recevoir des commentaires lorsque je lui ai parlé de la façon dont je pensais que nous pourrions améliorer son expérience sur le site Web .
Ce projet me sert de tremplin pour pratiquer le design thinking, les méthodologies d'expérience utilisateur et me familiariser avec les principes de l'interface utilisateur et les outils de conception. Nous avons l'intention de collaborer sur des itérations du site au fur et à mesure que j'acquiers des connaissances pendant le camp d'entraînement et de le lancer à l'avenir une fois que j'aurai développé le réseau d'ingénieurs pour construire le projet.
le problème
L'objectif global du site Web est de faire correspondre les clients potentiels avec le bon styliste. Dans l'itération actuelle du site, cette tâche est fastidieuse et probablement infructueuse pour trois raisons principales.
le processus
Mon processus a commencé par identifier le flux d'utilisateurs actuel et quels points de contact, ou leur absence, sont problématiques.
Le premier point douloureux a été rapidement révélé par l' absence d'appel à l'action sur la page de destination.
Le deuxième point douloureux, et peut-être le plus déconcertant, se trouve dans la section de réservation.
Il y a un appel à l'action, mais les instructions contredisent le CTA en exigeant des étapes supplémentaires pour trouver plus d'informations sur les stylistes.
Les instructions conduisent le visiteur à deux onglets distincts situés sur la barre de navigation en haut de la page.
Cette page a servi de catalyseur pour l'ensemble du projet. Demander à vos visiteurs de se souvenir d'un ensemble d'étapes de navigation lors de la recherche d'informations est un moyen sûr de perdre des clients . J'ai également identifié des problèmes d'accessibilité avec le contraste sur ces deux premiers écrans. J'étais ravi de trouver ces problèmes car cela confirmait que j'étais capable d'identifier les points faibles comme le ferait un designer.
C'est à ce stade du processus que j'ai fait quelques erreurs.
En tant que nouveau designer, j'avais hâte de résoudre les problèmes et j'ai sauté directement dans la phase d'idéation. Rétrospectivement, cela signifie que la majorité du projet est basée sur des préjugés et des hypothèses.
Ayant appris cela, je pense que certains tests d'utilisabilité pourraient me donner des données plus précises pour affiner le projet.
L'inconvénient de cette méthode est des heures perdues sans recherche solide.
Les apprentissages réussis sont que j'ai pu identifier une lacune dans mon processus et aussi apprendre à utiliser des outils de conception tels que Whimsical & Figma.
J'ai commencé par cartographier le flux d'utilisateurs et esquisser quelques idées filaires.
Plonger dans cela a révélé que certains utilisateurs connaissaient peut-être déjà leur styliste, ce qui rendait inutile l'étape « Trouver un styliste » .
La première itération était correcte et cochait toutes les cases de fonctionnalité, mais elle semblait un peu terne. Après quelques discussions, nous avons décidé que nous voulions présenter le travail des stylistes et créer un peu de mystère ou de curiosité.
La deuxième itération a atteint ces objectifs en ajoutant des photos supplémentaires, en créant une copie intrigante et en demandant simplement à l'utilisateur de choisir son voyage.
le prototype
Interagir avec le prototype
clé plats à emporter
Bien que le processus de conception soit enseigné linéairement, c'est tout sauf ça ! Cependant, j'ai découvert que si j'avais suivi une approche plus structurée du processus et de la conception, j'aurais pu gagner beaucoup de temps.
Les outils de recherche sont INVALUABLES et doivent être à la base de chaque décision. Au fur et à mesure que j'en apprendrai davantage sur ces outils, je reviendrai et effectuerai un test de tri de cartes. Ce test sera le plus perspicace car l'architecture de contenu est l'objectif principal du projet.
Prendre l'initiative de tendre la main et de travailler sur ce sujet m'a donné l'opportunité de plonger et d'apprendre les outils et les processus de conception sans risque élevé. Cela m'a également donné la confiance nécessaire pour faire confiance à mon intuition de conception.
Voir d'autres projets
