InSight Out Consulting Inc. | Étude de cas UX / UI

Comment évaluez-vous le talent et l'expertise d'un fournisseur de services? Peut-être chercherez-vous quelqu'un avec des récompenses prestigieuses ou peut-être chercherez-vous quelqu'un avec beaucoup d'expérience. Indépendamment de ce que vous recherchez, si le site Web du professionnel a été conçu en 1992 (comme celui présenté ci-dessous), vous ne passerez probablement pas longtemps à vous ballader.

introduction

InSight Out Consulting Inc. travaille avec les interrelations complexes et les forces perturbatrices ayant un impact sur la durabilité de l'entreprise et incite les décideurs à penser et à percevoir différemment. Insight Out Consulting Inc. apporte des idées, de la clarté et des moyens de travailler de manière créative pour s'adapter plus rapidement.

Dawna Jones (la fondatrice) est conférencière, auteure, stratège et éducatrice. Son expérience dans différents secteurs et ses différentes dynamiques l'ont amenée à comprendre en profondeur des environnements complexes et à évoluer dans ces environnements. Dawna s'efforce de relier le leadership décisionnel afin de restaurer la santé écologique et sociale dirigée par les entreprises et les consommateurs en partenariat.

Ce projet visait à concevoir un site Web pratique et réactif pour InSight Out Consulting Inc. afin de présenter les services et les ressources uniques de Dawna.

Ce projet a été planifié et exécuté par mon équipe de quatre personnes:

Crédits photographiques: Gabriel Martins

En tant que responsable du projet, mon rôle était de mener des recherches sur l'expérience utilisateur (UX) et de créer un prototype de bureau et de mobile cliquable basé sur les résultats de nos recherches.

Objectifs d'affaires

Augmentez vos revenus en créant plus d’engagement sur le site Web et en encourageant les utilisateurs à utiliser les ressources en ligne InSight Out (balados, livres, articles, vidéos et cours en ligne, par exemple).

Objectifs de l'utilisateur

Trouvez et visualisez facilement toutes ses ressources (podcasts, articles, blogs, livres) et comprenez ses techniques et ses qualifications en tant que consultante.

Objectifs du projet

Créez un site Web de type portefeuille pour présenter l’approche unique de Dawna en matière d’innovation en matière de changement, ainsi que ses ressources en ligne et ses ateliers de conseil.

Processus de conception UX

Hypothèse

Les clients actuels et potentiels souhaitent avoir accès aux ressources et aux services de Donna, mais ne savent pas par où commencer sur son site Web et se perdent souvent pendant la navigation.

Recherche et découverte

Le défi

L’objectif du projet était de créer un site Web pour présenter les services et les ressources de Dawna en gardant à l’esprit les points suivants:

  • Développer un site Web offrant de la formation (vidéos, webinaires, lien vers un podcast)
  • Connecter et acquérir de nouveaux clients
  • Page présentant mes livres. Facile à voir ou à télécharger le contenu du chapitre
  • Sujets de discussion et sujets d'ateliers avec liens vers des vidéos sur le Yukon
  • Doit faire appel à des clients et des collaborateurs internationaux

Recherche de domaine

Il y a des millions d'entreprises prospères au Canada. Chaque entreprise prospère a été confrontée à des défis uniques. L'un de ces défis peut inclure les conflits en milieu de travail lors de la prise de décision.

Pour jeter les bases du projet de recherche, mon équipe a effectué des recherches auprès de nombreuses sociétés de conseil locales et internationales afin de déterminer quels services elles offraient et comment les services de Dawna pourraient différer de la norme.

Sur la base de nos recherches, la principale distinction entre InSight Out et ses concurrents est que Dawna Jones adopte une approche holistique et intuitive de ses services de conseil pour mieux comprendre ses clients et tirer des conclusions de ses observations. Alors que ses concurrents s'appuient sur des outils stratégiques, qui échouent face aux anomalies et aux conflits interhumains.

Nous avons enquêté sur de nombreuses sociétés de conseil à Vancouver, en Colombie-Britannique et dans le monde. Les sites Web que nous avons explorés incluent Tony Robbins, GothamCulture de Lewis Howes, Jonas Altman, Dana James Mwangi, Matt Olpinski et Bryce Baldon.

Analyse concurrentielle comparative

Pour aider à visualiser et à comparer les sites Web mentionnés ci-dessus, nous avons effectué une analyse comparative de la concurrence (CCA) (Figure A).

Figure A: Analyse comparative de la concurrence

Nous avons mesuré le nombre d'en-têtes et de pages car cela nous permettait de visualiser comment nos utilisateurs sont habitués à recevoir des informations. Nous avons évalué si la société offrait des services internationaux et des ressources gratuites pour mieux comprendre comment InSight Out se compare à ses concurrents.

La CCA nous a permis de nous référer facilement à notre recherche de domaine et de comprendre les informations que nous avons rassemblées d’un simple coup d’œil.

Enquêtes utilisateurs

Après avoir rassemblé les recherches préliminaires, nous avons commencé à formuler des questions d’enquête. L’objectif de notre enquête était de comprendre les difficultés de nos utilisateurs lors de la recherche d’un consultant et de savoir ce qui pourrait aider à résoudre ces frustrations. Vous trouverez ci-dessous un exemple de question posée dans le sondage:

Nous avons déployé notre sondage auprès de la communauté de Vancouver en utilisant Reddit et Slack.

Pendant que nous attendions la collecte des données du sondage, nous avons mené une enquête contextuelle en participant à l’un des ateliers de Dawna.

Enquête contextuelle

Les enquêtes contextuelles mettent le chercheur UX sur le terrain pour observer le comportement des utilisateurs cibles en temps réel.

Lieu: RED Academy
Durée: 2 heures

L’enquête contextuelle avec Dawna nous a permis d’approfondir notre compréhension des objectifs commerciaux de Dawna, du type d’utilisateurs qui visitent son site Web et des méthodologies de Dawna. La réunion a également clarifié la vision de Dawna sur les services qu’elle offre; nous avons appris qu'elle préférait être reconnue comme une «innovatrice en matière de changement» plutôt que comme une «consultante».

Les informations recueillies et observées au cours de l'enquête contextuelle ont joué un rôle important dans la conception du site Web.

Résultats du sondage

Nous avons reçu un total de 32 réponses à notre sondage. Après avoir collecté les résultats, nous avons analysé les données en utilisant plusieurs techniques.

La première méthode d'analyse était simple: lire et comprendre les résultats.

Les résultats de l’enquête ont montré que l’expérience de nos utilisateurs pouvait être limitée si le site Web contenait trop d’informations, une organisation médiocre et un processus long pour atteindre l’objectif souhaité (Figure B).

Figure B

Ces résultats aident également à confirmer notre hypothèse (comme mentionné précédemment); nos utilisateurs recherchent des services et des ressources en ligne. Cependant, ils sont découragés lorsqu'ils reçoivent des informations écrasantes et non organisées.

Figure c

Les résultats montrent que nos utilisateurs se fient aux informations directement disponibles sur le site Web pour déterminer si le fournisseur de service est fiable. Par exemple, 71,9% des utilisateurs attendent des informations actualisées provenant de sites Web fiables (Figure C).

Notre recherche a également révélé que la majorité des utilisateurs préfèrent écouter des podcasts à partir d'une source externe plutôt que sur le site Web de la société (Figure D).

Figure D

Pour compléter cette analyse initiale, nous avons créé un diagramme d’affinité afin de visualiser les résultats de notre recherche. Les diagrammes d'affinité sont utilisés par les chercheurs UX pour regrouper les recherches / données en grappes significatives à analyser.

Diagramme d'affinité

Tous les points de données collectés à partir de l'enquête et de l'enquête contextuelle ont été inclus dans le diagramme d'affinité.

Le diagramme d'affinité a permis de mieux comprendre les résultats de nos recherches et a permis à l'équipe UX d'extraire facilement des informations précieuses.

Utilisateur Persona

Le diagramme d'affinité illustré ci-dessus a aidé à créer le personnage de l'utilisateur (ci-dessous) pour ce projet.

Utilisateur Persona

Le rôle de l'utilisateur a été un outil utile tout au long du processus de conception et a permis de rapprocher la recherche de la planification.

Planification

La recherche UX a jeté les bases de la planification de la conception et m'a permis d'identifier les problèmes et les principales caractéristiques des utilisateurs pour le site Web.

Le storyboard ci-dessus aide à créer de l'empathie avec l'utilisateur et crée un contexte pour la demande du site Web actuel.

Figure E

Comme illustré à la figure E (à gauche), mon équipe a été en mesure d'identifier les produits viables minimaux et de créer un flux utilisateur simple.

Ce flux était la deuxième itération après avoir éliminé les fonctionnalités suivantes:

  • Forum de la communauté
  • Option d'abonnement d'article

La hiérarchisation des fonctionnalités et un audit du contenu nous ont aidés à éliminer les fonctionnalités ci-dessus et à nous concentrer sur le produit minimal viable et à rester dans les limites du calendrier de notre projet.

Audit de contenu

Mon équipe a mené un audit approfondi du contenu afin d'évaluer tous les aspects du site Web et de supprimer les contenus redondants, tels que:

  • Chemins qui mènent à des impasses
  • Informations dupliquées
  • Supprimez les informations pédagogiques inutiles des pages autres que le blog (pour attirer davantage l'attention sur le blog et accéder à ce type d'informations)

Nous avons éliminé le contenu pour éviter la surpopulation, une organisation médiocre et souligner le but principal de la page sans distraire l'utilisateur.

Architecture de l'information

L'une des principales méthodologies de l'architecture de l'information est le tri des cartes.

Le tri sur carte est une technique utilisée par les chercheurs UX pour organiser les informations en classifications logiques.

Figure F: Tri des cartes

Une fois l’audit du contenu terminé, mon équipe a procédé à un tri de carte ouvert afin de déterminer les options de navigation principales et les éléments entrant dans ces options (Figure F).

Nous avons effectué au total 4 exercices de tri de cartes afin de déterminer à quoi ressemblerait la navigation dans les hauteurs et comment le site serait organisé.

L'architecture de l'information a jeté les bases du processus de conception et a éliminé toute incertitude quant à l'emplacement des pages.

Conception

L'objectif de conception était d'utiliser la recherche UX pour favoriser la simplicité et la facilité d'utilisation du site Web et une conception réactive.

La carte de flux utilisateur a ouvert la voie à la première version de wireframes. Sans le flux utilisateur, les images filaires auraient été difficiles et fastidieuses, car les variations de conception sont infinies.

Papier filaire de la page de l'atelier pour le bureau (à gauche) et le mobile (à droite).

Après avoir créé la structure filaire du bureau, nous avons effectué des tests auprès des utilisateurs pour tester le flux de l'application.

Tandis que nous testions les prototypes de papier pour ordinateur de bureau, nous avons simultanément commencé à créer le prototype pour assurer la réactivité de notre site Web sur les écrans mobiles.

La réactivité des sites Web est un aspect crucial de la conception, car les utilisateurs accèdent à des sites Web à partir de différents appareils, tels que des ordinateurs portables, des téléphones, des tablettes, etc.

Test de prototype de papier

Les tests ont révélé que le flux était simple et que le site Web était facile à utiliser. Selon nos principaux commentaires, l'option «accueil» dans la navigation supérieure était inutile car l'utilisateur peut accéder à la page d'accueil en cliquant sur «Dawna Jones», ce qui rend le bouton «accueil» redondant.

Ce retour d'information a été intégré au prototype numérique.

Prototypage

À l'aide des commentaires recueillis à partir des structures filaires en papier (comme indiqué ci-dessus), nous avons créé le prototype numérique à moyenne fidélité (ci-dessous).

Écran d'atelier à mi-fidélité

Comme indiqué dans l'image à gauche, nous avons aligné tous les ateliers pour que la fiche soit cohérente.

Les résultats des tests de nos prototypes sur papier ont également révélé que le CTA «Contact Dawna» (appel à l'action) ne devait pas être placé sous l'image de l'atelier car nos utilisateurs n'étaient pas en mesure de localiser le CTA facilement.

Dans notre prototype à mi-fidélité, nous avons déplacé le carrousel de témoignages et le formulaire «Contact Dawna» pour qu'ils soient adjacents afin de réduire la longueur de la page.

Design charmant

Le plaisir de l'utilisateur désigne tout impact émotionnel positif qu'un utilisateur peut avoir lorsqu'il interagit avec un appareil ou une interface. Le plaisir des utilisateurs ne s'exprime pas toujours de l'extérieur, mais peut influer sur les comportements et les opinions formulés lors de l'utilisation d'un site Web ou d'une application. - NN / g

Je ne sais pas quel est le seuil pour un site Web ennuyeux, mais un site de consultation doit être à la limite.

J'étais responsable de la conception délicieuse et émotionnelle de ce projet. Pour rendre le site plus interactif et amusant, j'ai ajouté des épingles au design attrayant tout au long du site.

Par exemple, au lieu d’une fenêtre classique de remerciement, j’ai créé une fenêtre contextuelle unique reflétant l’image de marque du site Web (nature) et l’approche de consultation de Dawna (collaboration) (Figure F).

La figure F ci-dessus montre comment nous avons intégré un design agréable pour une fenêtre contextuelle après avoir cliqué sur un CTA.

L'une des principales conclusions de notre recherche est que les utilisateurs sont frustrés et impatients lorsqu'ils sont incapables de localiser rapidement les informations de contact. Pour nous assurer que nous en prenons bonne note, nous avons créé une page «Contact» et inclus des options de contact au bas de chaque page (Figure G).

Figure G: page de contact.

En utilisant le prototype à moyenne fidélité, nous avons poursuivi les tests utilisateur et commencé à concevoir les écrans haute fidélité.

Essai

Nous avons testé sur 8 participants le prototype de bureau et 8 participants sur le prototype mobile, pour un total de 16 sessions de test.

La méthode de test était structurée. nous avons identifié la portée du test et donné à l'utilisateur des objectifs spécifiques. Nous avons pris des notes détaillées sur leurs interactions avec le prototype (par exemple, de longues pauses), noté tous les commentaires et chronométré les sessions de tests numériques.

Objectif de l'utilisateur:
1. Sélectionnez l’article de blog suivant à lire: ‘Inverser les histoires négatives sur les jeunes’
2. Sélectionnez le dernier podcast à écouter depuis la page d'accueil.
3. Contacter Dawna à propos de l'inscription à l'atelier n ° 1

Résultats des tests de prototype de papier de bureau

Résultats des tests de prototype numérique de bureau à mi-fidélité

Nous avons mesuré le temps nécessaire pour réaliser chaque tâche du prototype numérique et le comparer au temps nécessaire pour effectuer les mêmes tâches sur le site Web existant de Dawna: http://www.frominsighttoaction.com/

Les résultats ont montré que la conception de notre site Web améliorait de 62% la rapidité d'exécution de la tâche!

En d’autres termes, la conception du nouveau site Web a permis de réduire de plus de 60% le temps consacré à l’exécution des tâches.

Résultats des tests de prototypes de papier mobile

Résultats des tests de prototypes numériques mobiles de moyenne fidélité

Tous les commentaires des tests sur ordinateur et mobile ont été pris en compte avant de passer à l'étape suivante. L’équipe a apporté des modifications, des recherches référencées et une nouvelle analyse tout au long de la phase de test.

Jetez un coup d'œil au prototype de bureau haute fidélité et au prototype mobile d'InVision.

Ou regardez une vidéo d'un utilisateur effectuant les tâches de test sur le prototype haute fidélité sur YouTube!

Conception d'interface utilisateur

La phase de conception finale de ce projet a été réalisée par le spécialiste de l'interface utilisateur de notre équipe, Hardip, avec les contributions de l'équipe de conception de l'expérience utilisateur.

La conception de l'interface utilisateur a nécessité beaucoup de retours et de tests continus pour créer le produit final.

Mood Board: Epiphanie

La conception initiale visait à favoriser un sentiment d’épiphanie, une intelligence émotionnelle et une nature saine. Ceci a été réalisé en utilisant des images de héros avec une signification plus profonde (par exemple, des montagnes), des cieux dégradés et des couleurs vives. La police de caractères stable et sérieuse utilisée confère au site une impression de confiance et d'intemporalité.

Vous trouverez ci-dessous la version haute fidélité des écrans abordés dans le prototypage moyenne fidélité.

Améliorations futures

Il y a toujours moyen de s'améliorer.

Le calendrier de trois semaines du projet actuel ne permettait pas beaucoup de fonctionnalités.

Les considérations futures incluent l’ajout d’une section internationale pour montrer comment les services de Dawna sont applicables dans le monde entier.

Dawna envisage de créer une communauté sur ses sites Web où les clients internationaux et locaux pourront se connecter. À l'avenir, nous pourrions créer un forum communautaire permettant aux professionnels du secteur de rester connectés.

Enfin, Dawna travaille actuellement au développement de nouvelles ressources Web, telles que les webinaires et VR / XR. Les améliorations futures pourraient inclure ces ajouts.

Conclusion

Le produit final a dépassé les objectifs commerciaux, les objectifs de l'utilisateur et les objectifs du projet

Dans l'ensemble, la transformation InSight Out a été un succès! L’équipe a travaillé dur et bien pour créer un site Web simple, fonctionnel et bien ancré afin d’améliorer l’expérience des utilisateurs et d’accroître l’efficacité des tâches de 62%!

C’est tout, pour le moment! Si vous avez aimé mon étude de cas, des applaudissements seraient appréciés.

Vous pouvez suivre mon travail ici, sur Medium, Instagram et LinkedIn.

Faites-moi savoir ce que vous pensez dans la section commentaire ci-dessous, tous les commentaires sont les bienvenus!

Merci,

Karen Bhela.