projet

Design d'une application mobile de recherche d'experts

RÔLE
UX/UI Designer
Processus

Recherche
Survey
Entretiens
Analyse concurrentielle
Idéation
Test d'utilisabilité
Évaluation

outils
Figma
Balsamiq
Invision
Atelier optimal
UsabilityHub
temps
2019 - 7 mois (créé)
2025 (repensé)
Champ d'application
Career Foundry UX Immersion Course
"Avez-vous déjà eu besoin de l'avis d'un expert mais vous avez eu du mal à trouver des réponses rapides et fiables ?

Découverte

Il n'existe actuellement aucun moyen rapide et fiable permettant aux gens de se connecter à des experts dans divers domaines lorsqu'ils ont besoin de conseils personnalisés.

Cela entraîne des frustrations, des pertes de temps dans la recherche de réponses et le recours à des vidéos génériques qui ne répondent pas nécessairement à des besoins spécifiques.

Hive offre un moyen simple de se connecter instantanément à des experts par le biais de sessions vidéo programmées.

Comprendre

Pour avoir une idée de ce que les utilisateurs peuvent attendre de mon application, j'ai effectué une analyse de deux concurrents : CommonGenius et The ONE.

J'ai pu voir quels concurrents résolvent bien les problèmes des utilisateurs, lesquels ne le font pas, et quelles opportunités je pourrais saisir pour répondre aux besoins des utilisateurs.

CommonGenius

Points forts

- Adhésion à un prix réduit
- Communication facile grâce au partage d'écrans, à l'organisation de conversations en ligne ou à l'envoi de documents
- Experts recommandés en fonction du profil de l'utilisateur

Opportunités

- Ajout d'évaluations et de commentaires pour les appelants et les experts
- Attirer les personnes ayant des problèmes quotidiens Améliorer les fonctionnalités de recherche

Faiblesses

- Axé sur la carrière du professionnel, le réseau
- Pas d'application web

Menaces

- Nouvelles applications sur le marché

TheOne

Points forts

- Webinaires gratuits pour attirer de nouveaux utilisateurs
- Prix à la minute pour des conseils brefs
- Experts et appelants, évaluations, commentaires
- Systèmes de crédit
- Système d'évaluation et de commentaires

Opportunités

- Meilleure stratégie marketing pour augmenter la notoriété de l'application
- Développer des conversations gratuites par chat avec des experts

Faiblesses

- L'accent est mis sur l'expert plutôt que sur les personnes qui ont besoin de conseils.

Menaces

- Nouvelles applications sur le marché

Recherche

Une fois que j'ai eu une idée claire de ce qui existait, j'ai commencé à étudier les utilisateurs potentiels. J'ai d'abord mené une enquête pour recueillir rapidement des informations sur un large groupe d'utilisateurs. J'ai ensuite mené des entretiens en personne et en ligne avec des utilisateurs potentiels afin d'obtenir des informations plus approfondies.

Enquête

Utilisateurs multiples 1 Icône Streamline : https://streamlinehq.com
16 participants
Gâteau d'anniversaire Icône Streamline : https://streamlinehq.com
25-45 ans
Question Aide Message Icône Streamline : https://streamlinehq.com
8 questions

Principaux enseignements :

  • Des domaines d'utilisation très variés
  • Pas d'application ou de site web particulier
  • Messages instantanés et programmation d'un appel vidéo intéressants
  • L'appel vidéo instantané n'est pas intéressant

Interviews

Utilisateurs multiples 1 Icône Streamline : https://streamlinehq.com
3 participants
Gâteau d'anniversaire Icône Streamline : https://streamlinehq.com
30-40 ans
Question Aide Message Icône Streamline : https://streamlinehq.com
13 questions
Après avoir analysé les notes que j'avais prises et l'audio que j'avais enregistré, j'ai procédé au tri des cartes et à la cartographie des affinités. Cette partie est toujours amusante pour moi, car elle m'aide vraiment à me mettre à la place de mes utilisateurs. J'ai donc trié uniquement les informations pertinentes et les ai classées dans des groupes spécifiques.

Idéation

Sur la base des données issues des entretiens, j'ai créé deux personas d'utilisateurs pour mettre en évidence leurs objectifs et leurs frustrations. J'ai ensuite cartographié leurs parcours pour comprendre leurs pensées, leurs émotions et leurs comportements au fur et à mesure qu'ils s'efforçaient d'atteindre leurs objectifs. Ensuite, j'ai conçu des flux d'utilisateurs pour décrire les étapes exactes qu'ils suivraient pour atteindre leurs objectifs. Enfin, j'ai réalisé un tri de cartes ouvert en ligne avec OptimalSort pour voir comment les utilisateurs interagissent avec les informations dans mon application et trouver une meilleure façon d'organiser l'application.

Design

Avec les fonctionnalités clés, les flux d'utilisateurs et le plan du site entre les mains, j'ai pu commencer à esquisser les premiers écrans de mon application, puis un wireframe de moyenne fidélité. Enfin, j'ai conçu mon premier prototype haute fidélité, en niveaux de gris, pour ne pas distraire les utilisateurs avec des couleurs lors des tests de convivialité.

Test

Une fois le prototype haute-fidélité prêt à être utilisé, j'ai effectué des tests à distance avec modérateur pour voir dans quelle mesure les utilisateurs pouvaient accomplir des tâches liées aux principales caractéristiques de l'application. J'ai pu identifier deux problèmes majeurs sur lesquels j'ai pu travailler et que j'ai pu améliorer.

Tests d'utilisabilité

Utilisateurs multiples 1 Icône Streamline : https://streamlinehq.com
6 participants
Gâteau d'anniversaire Icône Streamline : https://streamlinehq.com
30-40 ans
Liste de contrôle Icône Streamline : https://streamlinehq.com
4 tâches
Problème 1 : (gravité élevée)
30 % ont confondu les icônes d'accueil et de recherche : ils n'ont pas deviné les différences.
Problème 2 : (gravité moyenne)
60% se demandent si tous les experts sont affichés dans la liste des résultats et combien de personnes ont voté pour les classements.

Itérations

Sur la base de tests de convivialité et des meilleures pratiques de conception, j'ai affiné les écrans clés pour améliorer la navigation, l'accessibilité et la clarté. Par exemple, j'ai actualisé le contenu de l'écran d'accueil et de l'écran de recherche pour les séparer clairement et j'ai ajouté des évaluations par étoiles pour fournir une preuve sociale.
Connexion
Connexion
Résultats de la recherche
Résultats de la recherche
Réservation d'une session
Réservation d'une session

Refonte

Au cours de l'année écoulée, je suis revenue à ce projet avec de nouvelles compétences et une nouvelle perspective.

Ce qui a changé

  • Refonte de l'interface utilisateur
    J'ai redessiné l'interface pour améliorer la clarté, la cohérence et l'impact visuel.
  • Nouvelle palette de couleurs
    Je suis passé d'un bleu discret à un jaune vif et à un noir - inspirés par le symbole et le nom de la ruche - pour créer un contraste plus fort, une personnalité et une mémorisation de la marque.
  • Typographie mise à jour
    J'ai choisi la police Nunito pour une meilleure lisibilité et un meilleur ton.
  • Ajout du Motion Design
    Des transitions subtiles et des micro-interactions ont été ajoutées pour faciliter l'utilisation et créer une expérience plus attrayante.
  • Meilleure utilisation de Figma
    Exploitation des techniques avancées de Figma, y compris un design system, des bibliothèques de composants, auto layout et un prototypage avec motion pour un transfert vers les developpeurs plus fluide.

Pourquoi je l'ai fait

Ce projet a débuté lors d'un cours d'immersion UX, mais après avoir suivi plusieurs cours supplémentaires en UX/UI, en Product Design et en Motion Design, j'ai voulu pousser mes compétences plus loin. Plutôt que de partir de zéro, j'ai choisi d'affiner et d'élever une idée existante - en la transformant en un produit plus soigné et plus fonctionnel.

Prototype

Ce que ce projet m'a appris...

Grâce à la recherche sur les utilisateurs, au prototypage et à la conception itérative, Hive a évolué vers une solution qui met les gens en relation avec des experts de manière rapide et efficace. Les commentaires des utilisateurs lors des tests d'utilisabilité ont conduit à des améliorations clés, telles qu'une navigation plus claire et une meilleure transparence des experts.

Bien que des tests supplémentaires n'aient pas été effectués après l'itération, les prochaines étapes pourraient impliquer des tests A/B et la collecte d'informations sur les utilisateurs du monde réel pour affiner l'expérience.

Ce projet a renforcé mes compétences UX et ma capacité à itérer en fonction des besoins de l'utilisateur.