Bookmyculture

VUE D'ENSEMBLE

BookMyCulture est un projet fictif que j'ai pris à cœur à designer parce qu'il s'inscrivait dans un projet d'ouverture culturelle et de facilitation d'accès à la culture.

MON ROLE

UX/UI Designer - UX Researcher

Recherche utilisateur, veille UX, wireframes, prototype basse et haute fidélité, tests utilisateur

Comprendre le problème

La réservation de billets pour des événements culturels peut être compliquée et confuse pour de nombreuses personnes. Les options de réservation varient souvent, allant de la réservation en ligne à l'achat au guichet, avec des instructions parfois difficiles à suivre pour l'impression des billets. De plus, les gens ont du mal à trouver des informations sur les événements culturels locaux.

Les organisateurs d'événements culturels à petite échelle rencontrent des difficultés pour prévoir le nombre de visiteurs, car parfois, de nombreux visiteurs potentiels ne se présentent pas, entraînant des pertes financières.

Afin de trouver une solution à ce problème, j'ai créé une application mobile qui permet aux clients de réserver facilement leur ticket pour des évènements culturels. Cette application doit être facile d'utilisation, permettre d'explorer les évènements à venir, acheter de façon sécurisé, etc. L'application doit pouvoir permettre aux clients de connaitre au jour le jour les actualités relatives à tel ou tel évènement. D'une façon générale, l'application doit pouvoir simplifier le processus de réservation de ticket.

Vision du projet et solution

Après avoir pris le temps nécessaire à comprendre le problème, j'ai pu définir plusieurs but:

Les utilisateurs ont besoin d'une plateforme qui leur permettent de facilement réserver, gérer et payer leurs tickets/réservation pour les évènements culturels autour d'eux.
Une application mobile semble être la plateforme qui convient le plus étant donné que de nos jours, tout le monde garde son téléphone sur soi.
Proposer aux clients de réserver des tickets en payant le prix complet ou en payant une caution, de façon à protéger l'organisateur des évènements en cas de non-présence.

Recherche préliminaire

De nombreuses applications proposent à ce jour des services de réservation réservés à un seul type d'évènement culturel. Certaines se spécialisent dans les concerts, d'autres dans l'art, d'autres encore dans le cinéma.

ANALYSE DE LA CONCURRENCE

J'ai recherché quelles applications proposaient des services similaires à BookMyCulture afin d'analyser leur points faibles et leurs points forts.

Il a été intéressant de regarder ce que faisaient LiveNation ainsi que Fnac spectacle en tant que concurrence directe. Ce qui est intéressant dans ces deux applications sont que l'une s'intéresse uniquement aux concerts et l'autre concerne tout évènement culturel reconnu (grand musée, concert d'artistes et personnalités connus, etc.).

Malheureusement, Fnac Spectacle ne propose que des concerts ou des musées déjà bien connus et reconnu et ne laisse pas place à la culture plus local (peintres, musiciens, etc.).

D'un autre coté nous retrouvons des applications mondialement connues qui seraient considérées comme de la concurrence indirect parce que les services qu'elles proposent sont plus variées et plus éloigné de la culture. Elles permettent toutefois une filtration des préférences beaucoup plus poussée ainsi qu'une interface plus moderne.

Rencontrez notre persona !

Avant de commencer tout processus de design (wireframe ou prototype), il est important de comprendre les besoins et les attentes des utilisateurs. Pour cela, nous allons présenter le persona de Léa, une passionnée de culture qui rencontre des difficultés dans le processus de réservation de billets pour les évènements culturels.

NOM

AGE

PROFESSION

INTERETS

Léa

30 ans

Consultante en marketing

Art, musique, théâtre, danse

A PROPOS

Léa est passionnée de culture et d'art en général. Elle aime passer son temps à découvrir de nouveau musée, des expositions, assister à des concerts. Cependant elle a souvent du mal à organiser ses week-ends parce qu'elle doit chercher les évènements sur différentes plateformes à la fois.

BUT

Avoir une expérience de réservation plus simple, rapide et intuitive sans avoir à passer des heures à chercher
Utiliser un service de qualité, pratique avec une bonne expérience utilisateur

FRUSTRATIONS

Perte de temps à chercher sur plusieurs site des évènements
Planification de son emploi du temps compliqué

Architecture de l'information

Dans cette architecture de l'information, j'ai organisé le contenu en 4 sections de menu.

La première "Accueil" propose à l'utilisateur différents moyens d'initier des recherches d'évènements (barre de recherche, suggestions, ect.).
La seconde section permet aux utilisateurs d'enregistrer des évènements.
La troisième section permet d'avoir une vue d'ensemble des réservations et évènements futurs auxquels l'utilisateur à décider de participer.
La dernière section contient toutes les données relatives au profil et information de compte.

Wireframes

Lors de la réalisation des premières wireframes, je me suis concentrée sur 3 pages: la page d'accueil, la page contenant les détails des événements et l'onglet calendrier.

Dans le but de simplifier la navigation au sein de l'application, j'ai décidé de placer la partie recherche d'évènements dans la page d'accueil. L'utilisateur peut voir le nombre de personnes ayant déjà réservé des billets. Cette information peut être utile en fonction des attentes de chaque individus : certains peuvent rechercher un évènement calme sans trop de visiteur pour de multiples raisons (anxiété sociale, sensibilité au bruit, parents de nouveau né, etc.) ; d'autres au contraire peuvent souhaiter rencontrer et échanger avec de nombreuses personnes.

Il a été décidé de ne pas présenter l'onglet de navigation en bas de la page des détails des évènements pour gagner de la place sur l'écran. C'est une décision UX/UI qui a été prise après la recherche concurrentielle qui utilise aussi cela.

Prototype haute fidélité

Pour le développement du prototype haute fidélité, j'ai souhaité utiliser des couleurs sobres qui peuvent correspondre à tout type d'évènement.

Le bleu a été utilisé car il représente le partage, l'évasion et le calme dans la théorie des couleurs. Cela représente bien le contexte de la connaissance et de la culture.

Afin de proposer du contraste doux entre les sections des pages, j'ai décidé d'utiliser un blanc/gris en fond et utiliser le blanc pour faire ressortir les informations.

Test utilisateur et retours

Une courte session de tests utilisateurs et d'interviews m'a permit de mettre en lumière un soucis dans la page calendrier. En effet, nous présentons l'un à la suite de l'autre les évènements que l'utilisateur a réservé sans pour autant répondre à son besoin d'avoir une vue général de ses évènements culturel.

J'ai donc décidé d'ajouter un calendrier à cette page indiquant à l'utilisateur d'un seul coup d'oeil quels sont les jours pour lesquels il participe déjà à des évènements. Le cercle bleu complet (le 2 Avril 2023 sur la capture d'écran) représente le jour actuel et les jours encerclé en bleu plus clair (le 11 et le 22) représentent les jours pour lesquels l'utilisateur a réservé des tickets.

BEFORE

AFTER

Design final

Style sheet