Mockups de l'application ActiQuit sur fond de fumée

ActiQuit : une application pour arrêter de fumer

Bienvenue dans un monde sans tabac avec ActiQuit ! Une application pour assister l’arrêt de la cigarette, conçue à l’aide du Design Thinking.

Découvrez

🎬 Démo du prototype

Outils utilisés
  • Figma / Figjam

  • Trello

  • Canva

L’équipe
  • Cédric (Webdev/UI)
  • Palesa (UX/UI)
  • Moi (UX/UI)

Mon rôle
  • Recherche utilisateur

  • Ideation

  • Tests concept & utilisabilité

  • Sketchs & wireframe

  • Microcopie

  • Prototype hi-fi

Timeline
  • En tout : 7j

  • Phase de recherche : 2j

  • Design & tests : 5j

Logo de l'application ActiQuit
Contexte

🧘 Concevoir une application de bien-être​

Brief

Notre équipe a été contactée par la Daily Health Conference pour concevoir une application de bien-être.

Les contraintes :

Session de dot voting pour décider de l'objet de notre application de bien-être
L'objet de l'app a été décidé par un dot voting

Notre choix

Une app pour aider à arrêter de fumer

Exploration

🔍 Benchmark de la concurrence​

3 applications d’aide à l’arrêt du tabagisme :

  • Cig’Arrête
  • Tabac Info Service
  • Flamy
Extrait de l'analyse de la concurrence
Extrait de l'analyse de la concurrence
Quelques écrans montrant le suivi de la progression dans l'app Cig'Arrête
Le suivi de la progression dans Cig'Arrête

L’analyse de ces applications nous a permis d’identifier plusieurs fonctionnalités communes, comme :

  • Des tests de dépendance à la nicotine
  • Des statistiques de suivi de consommation et de progression ver l’arrêt total
  • Un accompagnement chronométré lors des moments de tentation
  • La possibilité de débloquer des messages de soutien de la part de proches
Exploration

🧑‍💻 Recherche utilisateur​

Le diagramme d'affinité de notre phase de recherche
Diagramme d'affinité de notre phase de recherche

Résultats de la recherche

1,3 milliards

de fumeurs dans le monde

66%

d’entre eux veulent arrêter

8%

y parviennent
  • Fumer est social. Les fumeurs sont comme une communauté informelle. La tentation de fumer est d’autant plus forte par ce biais.
  • Seuls 5% des fumeurs désirant arrêter y parviennent sans aide. 1 an après l’arrêt, le taux de rechute est 80%
  • Selon l’addictologue que nous avons interviewé, la plupart des fumeurs vont avoir besoin d’assistance extérieure pour arrêter. Cette aide peut être apportée par un accompagnement psychologique, un substitut ou… Une application ?

User persona

Description de notre User persona, Alex Russo
Alex Russo, notre user persona qui souhaite arrêter de fumer

User journey map

Basé sur notre user persona et les interviews utilisateurs, nous avons défini une User Journey Map.

L’état émotionnel d’Alex Russo atteint son plus fort creux lorsqu’il a déjà essayé d’arrêter le tabac une première fois, seul et sans succès et qu’il réalise son réel niveau de dépendance.

C’est à cette étape que l’application doit intervenir pour l’aider.

User journey map
Journey map d'Alex Russo lorsqu'il tente d'arrêter de fumer

Problem statement

Un fumeur régulier qui souhaite arrêter le tabac a besoin d'aide pour gérer la tentation de fumer dans un environnement social, car il a déjà rechuté après des tentatives sans assistance extérieure.

Ideation

💡 Brainstorming & concept tests

Méthodes de brainstorming
  1. « Pire idée VS meilleure idée »
  2. « Round Robin »
Méthode de concept testing
  • 5 Interviews utilisateur à l’appui des sketchs
  • Fumeurs interrogés dans des espaces publics
Photo de notre session d'ideation

Ideation

Méthode « Pire idée »

A permis de faire émerger un premier concept : un « supporter » qui soutient l’utilisateur.

Post-its de la méthode "pire idée"
Une mauvaise idée peut en cacher une bonne
Méthode « Round Robin »

A été choisie pour explorer ce concept de supporter, et dégager des idées plus claires dans une problématique plutôt complexe (l’aide au sevrage).

Sketchs de nos idées lors de la session de "Round Robin"
Le fast sketching façon "Round Robin"

1er concept : la rencontre

Photo des sketchs de notre premier concept
Notre premier concept, centré sur des événements entre utilisateurs de l'app

Permettre à l'utilisateur de trouver un "supporter anti-tabac" dans la même zone géographique, avec qui se soutenir mutuellement et avec qui se rendre dans des événements entièrement non-fumeurs.

Les autres fonctionnalités de l’app sont alignées sur la concurrence :

  • Evaluation du niveau de dépendance
  • Suivi des progrès 
  • Encouragements à résister lors des moments de tentation
  • Messages de soutien des proches

Concept tests

Jeune fille victime de cyber harcèlement

Les utilisateurs test – surtout les utilisatrices – ont pointé du doigt le risque d’abus liés au concept de rencontre entre utilisateurs

Leur crainte : que le prétexte de soutien entre fumeurs soit utilisé par certains utilisateurs pour chercher à faire des rencontres amoureuses.
Ce risque est compliqué à limiter de manière certaine et peut engendrer des abus.

Nous avons du revoir notre concept

Nouveau concept : les événements

Permettre à l'utilisateur de participer à des événements entièrement non-fumeurs.

Nous avons recentré notre concept sur la fonctionnalité d’organisation d’événements non-fumeurs.

C’est une idée qui a été largement validée lors des concept tests.

Illustration du user flow de notre premier concept
En termes de user flow (basique), on passe de cela...
Illustration du user flow de notre second concept
...A cela.
Prototypage

📐 Wireframes & mid-fi prototype

Wireframes

Mid-fi prototype

UI Design

🎨 Look & feel

4 valeurs que doit dégager l'interface

Image des post-it de notre session de brainstorming sur les valeurs que doit dégager l'interface de l'application
Image des post-it de notre session de brainstorming sur les valeurs que doit dégager l'interface de l'application

Une session de brainstorming nous a permis de définir les valeurs de l’application. C’est ce qui va guider le moodboard et le choix de style.

Dynamisme

Motivation

Communauté

Sérénité

Moodboard

Logo

Logo de l'application ActiQuit
Le logo et le nom de l'application, créé par mes soins.

Style tile

Notre style tile, qui porte les choix de style
Notre style tile, qui porte les choix de style
Prototypage

🪄 Deux prototypes hi-fi

Prototype smartphone

Prototype smart watch

Pour cette mission, le brief précisait qu’une application « compagnon » devait être également conçue.

Nous avons donc décidé de concevoir celle-ci pour une smart watch.

Cette app compagnon permet d’accéder rapidement à la fonctionnalité de soutien lors des moments de tentation :

  1. L’utilisateur lance un compte à rebours de 3 minutes (le temps moyen d’une phase de craving selon nos recherches)
  2. A la fin du temps, l’utilisateur indique s’il a réussi à résister à la tentation.
    Cela permet également d’alimenter les statistiques de consommation qui sont affichées dans le tableau de bord de l’application.
Tests utilisateur

🧪 Tests : accessibilité, utilisabilité et désirabilité

Test d'accessibilité

Capture d'écran du résultat de l'analyse de contraste sur le prototype hi-fi
Le plugin "Contrast" indique une lisibilité de niveau AA

Pour nous assurer de l’accessibilité de notre interface, nous avons utilisé le plugin « Contrast » sur Figma.

Cela nous a permis de choisir des couleurs et des polices qui offrent une lisibilité suffisante.

Sur un standard de lisibilité de niveau « AA », nous avons obtenu un sans faute.
Les 3 seules erreurs apparaissant sont dues à des couches volontairement masquées pour l’animation de notre splash screen.

Tests d'utilisabilité

Photo d'un utilisateur test

Pour tester l’utilisabilité de notre solution, nous avons donné aux utilisateurs tests, 3 tâches à accomplir sur l’application : 

  1. Trouver un événement et s’y inscrire,
  2. Annuler son inscription à un événement
  3. Lancer la suppression de ses données personnelles

Observer les utilisateurs accomplir ces tâches sur le prototype, nous a permis d’optimiser l’utilisabilité de l’interface. 

Par exemple, le bouton « supprimer mes données » était majoritairement recherché dans le menu « Gestion de compte » plutôt que « Gestion des données ». Nous avons donc réorganisé les menus pour correspondre à cet usage. 

Tests de désirabilité

Nuage de motss indiquant les adjectifs qui caractérisent le mieux l'apparence de notre application selon les utilisateurs test
Les adjectifs choisis par nos utilisateurs-test

Pour évaluer la désirabilité de notre application, nous avons employé la méthode des « Reaction Cards » de Microsoft.

Amical – Direct – Utile : les adjectifs majoritairement choisis par nos utilisateurs correspondent au comportement de soutien préconisé par l’addictologue que nous avions interrogé lors de la recherche.

Les tests valident notre design

Epilogue

🧑‍🏫 Enseignement retenu

Importance du concept testing