TRAVELCAPSULE: Une application qui centralise toutes vos informations de voyage en un seul endroit, disponible partout et à tout moment.

Approche conceptuelle - Étude de cas

T'es-tu déjà senti dépassé lors de la préparation d'un voyage, parce que tu n'étais pas sûr de ce qu'il fallait emporter, de ce qu'il faut voir / faire une fois sur place, ou parce que tu ne pouvais pas te souvenir si toutes les réservations avaient été réglées? TravelCapsule, vous aide à gérer le stress de l'organisation de vos voyages. L'application vous permet de centraliser toutes vos informations de voyage au même endroit et vous donne des conseils et des recommandations pour bien préparer votre expérience à l'étranger. Il envoie également des rappels lorsque votre voyage est incomplet (hébergement manquant, réservation, etc.).

Ce projet a été réalisé dans le cadre du Bootcamp Design UX / UI Design d'Ironhack. Il s'est étalé sur 2 semaines, l'une dédiée à la recherche et la seconde à la conception. À l'instar des projets précédents, j'ai utilisé le cadre de conception pour me guider à travers toutes les étapes du processus de conception. J'ai également planifié mes deux semaines de travail afin de m'assurer que je respecterais mon calendrier.

QUELS ENJEUX LES PERSONNES FACE À LA PRÉPARATION D'UN VOYAGE?

Pour ce projet final, le seul conseil que nous avions était de choisir un sujet pour lequel nous avions beaucoup d'affinité. Par conséquent, j'ai décidé de me concentrer sur le thème suivant: voyager. Cela fait, j'ai mené des entretiens (5) et envoyé un sondage (50 répondants) posant des questions sur le sujet afin de réduire la portée. Cela m'a aidé à recueillir de riches informations et à identifier les principaux problèmes. En effet, à l’aide d’un diagramme d’affinité, j’ai pu regrouper toutes les informations.

  • 53% des personnes interrogées ont déclaré qu'elles en avaient assez de jongler entre plusieurs applications de voyage.
  • 42% des répondants ont également avoué avoir du mal à savoir quoi emporter
  • 51% des répondants ont déclaré qu'ils étaient souvent bloqués sans connexion Internet en raison de leur coût élevé à l'étranger, et qu'ils n'avaient donc aucun accès aux informations clés.
  • 60% des répondants ont indiqué qu'ils souhaiteraient davantage de recommandations, conseils et astuces sur leur destination et des rappels pour mieux s'organiser.
Aperçu de l'utilisateur et fonctionnalités potentielles

Ayant toutes ces informations en tête, j'ai pris du recul et entamé une réflexion sur la manière dont je pourrais potentiellement traiter toutes ces questions. C’est ainsi que j’ai vraiment réalisé que les gens avaient besoin d’un moyen de centraliser leurs informations de voyage, d’y accéder hors ligne et de lire des données plus générales sur la destination (avant et pendant leur voyage).

QUELLES PERSONNES EXPERIENT TYPIQUEMENT CES ENJEUX?

Ces informations m'ont permis de créer un personnage utilisateur représentant mon groupe cible. En d'autres termes, les personnes pour qui je concevrais. Par conséquent, j'ai créé Claire. Jeune manager de performance numérique dynamique et organisé. Elle aimerait pouvoir rassembler ses informations de voyage en un lieu unique pour préparer et vivre au mieux son expérience dans le monde entier. De plus, elle en a assez d'utiliser plusieurs applications et de dépenser trop d'argent en données Internet à l'étranger.

Utilisateur Persona

Tout cela en tête, j'ai pu formuler un énoncé de problème clair qui me guiderait dans le processus de conception:

Les voyageurs doivent centraliser et accéder hors ligne à leurs informations de voyage clés, car ils en ont assez de jongler entre les applications de voyage nécessitant une connexion Internet.

COMMENT TRAITER LES ENJEUX EN UTILISANT LE MEILLEUR DESIGN?

À ce stade, j'avais une idée claire de ce que je pouvais offrir à ces types de personnes et je me suis lancée dans la création et le dessin. Alors je suis arrivé avec TravelCapsule: une application centralisant toutes les informations de voyage au même endroit et les rendant disponibles n'importe où, n'importe quand.

Afin de prendre des décisions de conception valables, j'ai effectué une étude de marché afin d'évaluer les opportunités dans ce domaine. Cela m'a permis d'analyser ce qui était déjà proposé et comment il était présenté. Ensuite, cela m'a également aidé à hiérarchiser les fonctionnalités que j'allais concevoir.

J'ai commencé avec un prototype de papier très basique, que j'ai testé et itéré plusieurs fois. J'ai remarqué que ma conception était un peu déroutante sur le papier pour les utilisateurs en raison du flux incomplet.

Prototype de papier

Par conséquent, j'ai décidé de passer à la mi-fidélité afin de tester l'ensemble du flux et de recueillir un retour d'information plus précieux et réaliste. Une fois encore, j'ai répété plusieurs fois avant de passer à la haute fidélité.

Vous trouverez ci-dessous quelques itérations sur l'écran d'accueil, où j'ai surtout joué avec le libellé, car la navigation s'est avérée être assez simple lors des tests sur les utilisateurs.

Itérations - Fidélité Moyenne à Haute Fidélité

Sur le deuxième écran, j'ai testé différentes dispositions pour présenter la fonctionnalité hors ligne. Pendant les tests, les utilisateurs ne cessaient de répéter que la bascule était source de confusion pour eux et qu'ils s'attendaient à ce que la fonctionnalité hors connexion soit activée et masquée par défaut quelque part dans l'application, de sorte qu'ils puissent toujours la désactiver si nécessaire. J'ai également remarqué que mon motif récurrent (motif quelque peu triangulaire), qui faisait en réalité référence au logo de l'application, occupait beaucoup d'espace sur l'écran. J'ai donc décidé de réduire la taille et de donner moins d'importance à celui-ci.

Itérations - Fidélité Moyenne à Haute Fidélité

Pour l'écran suivant, j'ai beaucoup itéré, en donnant un libellé et une icône différents aux utilisateurs, mais il s'est avéré qu'ils seraient mieux sans eux. En effet, les utilisateurs m'ont dit que les icônes de cœur et de signet étaient confuses et peu claires en termes d'actions autorisées. Par conséquent, j'ai en fait décidé de supprimer complètement cette option, ce qui a conduit à une barre d'onglets très minimaliste (2 onglets) et inhabituelle. C'est la raison pour laquelle j'ai décidé de réorganiser la disposition pour effacer la barre d'onglets, pour donner plus d'importance au bouton «Ajouter», en le fixant au bas de chaque écran en position flottante.

Itérations - Fidélité Moyenne à Haute Fidélité

Pour le dernier écran, j'ai testé différentes variantes pour la même carte et opté pour une présentation plus simpliste et cohérente, en ajoutant également une chronologie à côté des cartes, qui donne une idée de l'agenda du voyage pour les utilisateurs. En effet, cela a donné une mise en page visuelle meilleure et plus compréhensible.

Itérations - Fidélité Moyenne à Haute Fidélité

PROTOTYPE FINAL

Après plusieurs essais et itérations, j'ai pu créer un prototype final haute fidélité (voir ci-dessous).

Le scénario utilisé pour développer le flux du prototype est le suivant:

Vous êtes Claire et vous planifiez votre voyage à Bangkok. Vous voulez vous assurer que toutes vos réservations sont prêtes et rassemblées dans votre application. Vous entrez dans l'application et la première chose que vous voyez est une notification sur l'onglet sans étiquette. Vous y jetez un coup d'œil et vous vous rendez compte que votre réservation pour votre voyage au Sri Lanka n'a pas été triée par l'application en raison du nom de l'hôtel (Hôtel Paris au Sri Lanka, trop déroutant pour le système. Vous vous en chargez et déplacez-le dans le bon dossier. Ensuite, vous allez vérifier si tout est réglé pour Bangkok. Allez dans le dossier Bangkok, puis dans le dossier Réservation et vérifiez dans les transports. Vous réalisez que la dernière réservation que vous avez effectuée est manquante. vous décidez donc de l'ajouter et de le télécharger à partir de votre email. Plus tard, après être sorti de l'application, vous recevez une notification vous informant qu'il vous manque un hébergement pour votre voyage à Bangkok. et vous vous rendez compte que vous passez la nuit chez un ami ce jour-là, donc vous le rejetez. Enfin, si vous souhaitez désactiver le mode hors connexion, vous pouvez le faire en consultant les paramètres de votre profil.

À VOIR

Compte tenu du calendrier relativement court de ce projet, je n’ai conçu que les fonctionnalités principales, mais je suis conscient que l’application nécessitera d’autres implémentations pour être complète. Ci-dessous, j'ai énuméré quelques fonctionnalités futures que j'aimerais construire dans un proche avenir:

  • Ajoutez des informations sur l’aéroport pour aider les voyageurs à trouver facilement leur chemin.
  • Donner des spécificités aux compagnies aériennes.
  • Ajoutez des recommandations de la population locale (itinéraire / activités hors route).
  • Ajoutez un flux de réservation pour autoriser les réservations directes dans l'application.
  • Ajoutez un onglet récompenses / points de fidélité pour les rassembler et les gérer intelligemment.
  • Ajoutez une API pour que les sites Web de réservation se connectent à TravelCapsule et permettent un transfert d’informations en douceur entre les deux interfaces.

En bref, ce projet m’a permis d’enrichir mes compétences en conception en construisant une toute nouvelle plateforme utilisant des formes et des motifs audacieux, mais surtout en garantissant la livraison d’un bon produit minimum viable répondant aux besoins et en fonctionnant de manière visuelle. interface.