Ux design Project

1. Teisseire
App

2. Sommaire
● Définition du projet
○ 1.1 Définition du projet
○ 1.2 Contexte et objectifs
○ 1.3 Étude concurrentielle
○ 1.4 Besoins utilisateurs
● Étude de l’utilisateur
○ 2.1 Focus group
○ 2.2 Entretien
○ 2.3 Persona
● Idéation
○ 3.1 Schéma heuristique
○ 3.2 Six to one
○ 3.3 Expérience map
○ 3.4 Fonctionnalités
○ 3.5 Storytelling
● Architecture de l’info
○ 4.1 Mind mapping
○ 4.2 Arborescence
○ 4.3 Diagramme de flux
● Génération
○ 5.1 Wireframe
○ 5.2 Test utilisateur n°1
○ 5.3 Moodboard
○ 5.4 GUI
○ 5.5 Prototype Fonctionnel
○ 5.6 Test utilisateur n°2
● Evolutions futures
2

3. 1.
Définition
du projet
Contexte, Objectifs, Concurrence
3

4. Définition du projet
Recherches primaires :
Avec 82 minutes passées en moyenne quotidiennement sur un smartphone, c’est aujourd’hui le
seul moyen pour vous de vous rendre disponible de partout pour vos clients.
Interview des parties prenantes :
A quels besoins utilisateurs répondre ce produit ?
- Échanger avec d’autres utilisateurs (fonctions de partage, de recommandation et de
notation)
- Trouver des informations
- Un moyen simple et rapide d’accéder à la gamme
Méthodes UX utilisées :
Méthodes choisies par nos soins : entretien, le six to one, l’expérience map et le storytelling
4

5. Contexte et objectifs
QUOI ?
Une application mobile autour des produits Teisseire. Celle-ci sera à la fois une porte d'entrée
permettant de découvrir les sirops de la marque, ainsi qu'un guide ludique aux recettes des
cocktails. Une plateforme fun et addictive.
QUI ?
Les consommateurs actuels de sirops expriment le besoin d'avoir une application pour les
produits qu'ils aiment et consomment. C'est ainsi qu’aujourd’hui, la réputation et l'image
d'une marque se construisent. A l'heure où l'on communique plus que jamais avec sa
communauté “d'amis" et ses followers, l'e-reputation est vitale.
5

6. Contexte et objectifs
POURQUOI ?
La marque n'est pas présente dans le monde digital car elle ne possède pas d'application
dédiée. Le secteur est très concurrentiel et Teisseire, à l'image un peu désuète, est dépassé
par les nouveaux arrivants qui bénéficient d'une image plus "fraîche".
QUAND ?
Le contexte digital est de plus en plus prédominant. La vente de smartphone dépasse le
milliard par an. Y être présent est une nécessité en terme de réputation et de pérennité
commerciale. De plus, les multiples fonctionnalités des smartphones actuels permettront de
créer une application interactive et étonnante.
6

7. Etude Concurrentielle
7
LE SIROP DE MONIN
https://www.monin.com/fr/produits/le-sirop-de-monin
Avec 100 ans d’expérience, Monin est devenu une marque de choix
sur le marché avec plus de 140 parfums disponibles dans 140 pays.
C’est une marque de référence auprès des professionnels.
Bonne visibilité de l’utilisation des sirops
dans des recettes (culinaire et cocktail)
Les tarifs supérieurs à ceux de la concurrence
Promesse : Qualité premium et innovation
Bénéfices : Un sirop de qualité qui apporte une saveur
exceptionnelle aux boissons
Preuves : Une très grande gamme de parfum et des
standards de qualité contrôlés

8. Etude Concurrentielle
8
SODA STREAM
http://www.sodastream.fr
Sodastream permet de créer soi-même ses boissons pétillantes,
eau gazeuse ou soda. Son concept consiste à gazéifier l’eau du robinet
en quelques secondes, et éventuellement à la transformer en soda grâce
à l’ajout d’un concentré.
Des parfums originaux et tendance
Les boissons peuvent être gazeuses
Rapport prix / contenance moins intéressant
Promesse : L’eau pétillante à volonté et sans effort, faite par vous
Bénéfices : Une boisson pétillante, facile à réaliser instantanément
Preuves : La machine est simple d’utilisation et la marque propose
des sirops sous l’appellation “concentrés”

9. Etude Concurrentielle
9
SIROP SPORT
http://www.siropsport.fr
Sirop Sport est une marque aux valeurs fortes de générosité, convivialité,
simplicité avec un slogan emblématique :
Si c'est fort, c'est Sirop Sport !
Bonne notoriété (cité en 2e position des marques préférées)
Le moins cher
Seulement 8 références
Promesse : La parfaite alliance de la douceur, de l’arôme et du plaisir des fruits
Bénéfices : Vous apporte toutes les sensations d’une boisson rafraîchissante pour
un plaisir simple et authentique.
Preuves : La gamme Citor au goût de citron pressé, sans édulcorant et sans aspartame.
Ne possède pas d’application.

10. Mapping Concurrentiel
10
Haut de
gamme
Bon marché
Professionnel
Particulier

11. Besoins Utilisateurs
11
Passer un bon moment et mieux connaître la gamme Teisseire.
S'amuser tout en découvrant de nouvelles idées de cocktails et de saveurs.
Créer un cercle vertueux autour d'une l'application ludique & addictive.
CIBLE
25/35 ans
Doté d'un vrai réflexe digital (uber / Airbnb)

12. 2.
Etude de
l 'Utilisateur
12
Focus Group, Entretiens, Persona

13. “
Focus Group
Samedi 9 janvier 2016 en soirée
4 personnes 27/36 ans // Parisiens // 2 hommes + 2 femmes
Tous actifs // 2 parents ayant de jeunes enfants
13
LAURA MATHILDE ALBAN ANTOINE

14. Focus Group
14
DÉROULEMENT
1. Introduction
Tour de table, présentation
Consommation de sirop, de Teisseire ?
Brise glace = exercice de l'homme de la Lune
2. Phase d'exploration / contexte
Image, réputation des sirops, de Teisseire
Points positifs / négatifs // Freins
Versus d'autres sirops / boissons
SYNTHÈSE(1re partie)
Consommation de sirop : beaucoup à jamais
Tous connaissent Teisseire comme leader du sirop mais ne communiquant plus / pas (tous médias)
Pratique pour les invités ne buvant pas d'alcool / enfant
Economique
Permet de ne pas porter des litres de bouteilles
Moins nocif que soda
Subit concurrence tarifaire des marques distributeurs (prix)
Moins moderne et présent que d'autres marques (sodastream, oasis, fanta, nespresso…)
Ne voit pas l'intérêt de mélanger ça à de l'alcool
Trop enfantin pour des adultes
Ne connaît pas bien la gamme complète, mais uniquement les grands classiques

15. Focus Group
15
DÉROULEMENT(suite)
3. Fonctionnalités
Améliorer les points positifs / négatifs
Scénario projectifs
Priorisation des fonctionnalités évoquées / proposées
SYNTHÈSE(2e partie)
● mieux connaître la gamme
● savoir où trouver les produits
● des échantillons commandables depuis l'app serait pratique pour découvrir la gamme, les
nouveautés
● aide au mélange via la réalité augmentée
● s'appuyer sur la réalité augmentée pour trouver des recettes
● avoir un côté ludique
● une communauté pour noter les cocktails / en proposer
CONCLUSION
● établir notre (nos) persona(s)
● tri / priorisation des fonctionnalités à développer
● formalisation de l'app vis à vis de l'image de Teisseire

16. Entretiens
16
SYNTHÈSE
Consommation de boisson :
- Du sirop 3 à 5 fois par semaine (surtout en semaine et surtout l’été)
- De l’alcool surtout le week end
- Des boissons chaudes variées (café, thé, tisane, chocolat)
- 50% consomme du sirop avec de la bière et 50% ne consomme jamais du sirop avec de l’alcool, seulement avec de l’
eau plate ou gazeuse
Utilisation des applications :
- Applications les plus utilisées : mail, météo, agenda, Facebook
- 3 jeux maximum installés, peu d’intérêt pour les applications de jeu
- Fonctionnalités citées spontanément : appareil photo, prise de note (application), santé (podomètre), orientation
(géolocalisation), alarme
Suggestion de piste pour la création d’une application sur les sirops :
- Piste cocktail/recette de boisson
- Piste santé avec calcul des calories et du degrés d’hydratation

17. Persona

18. Claire Lebon
18

19. 3.
Idéation
19
Schémas, Travaux, Post it

20. Schéma Heuristique
20
https://framindmap.org/c/maps/129657/public

21. Six to One
21
3 participants / 10 minutes

22. Fonctionnalités
22
▸ Géolocalisation des points de vente (GPS)
▸ Jeu du shaker (accéléromètre), powerball-like (succès ado)
▸ Swipe entre les sirops
▸ Reconnaissance visuelle des ingrédients (appareil photo)
"Mix Finder" (Ex : Vivino, Up de Jawbone)
▸ Aide au dosage des recettes en réalité augmentée (appareil
photo, perche à selfie) "Verre Doseur" (Ex : Tracking pour lunettes)
▸ Gamification à travers des récompenses liées aux créations de
cocktails / concours (badges ajoutés au profil utilisateur)
Fonctionnalités futures
(prioritée dégradée après le focus group et les entretiens)
▸ Recherche vocale pour les cocktails (micro)
▸ Assistance vocale lors des recettes, "stop" (haut parleur)
▸ Assistance interactive pour la réalisation de cocktails (player
video permettant à l'utilisateur d'arrêter / reprendre la lecture de
la video de la recette à la voix ("lecture", "pause"). (micro)

23. Experience Map
23
APERCU
CARTE COMPLETE (lien)
Lien Uxpressia
Préparer un
cocktail pour
épater mes
amis lors d'une
soirée

24. Storytelling
24
Réaliser un
cocktail sans
être inspiré
côté ingrédients

25. Storytelling
25
Envie
d'essayer le jeu
du Shaker !

26. 4.
Architecture
de l'info
26
Mind Map, Arborescence, Diagramme

27. Mind Map
27

28. Arborescence
28
Lien Axure Share

29. Diagramme de Flux
29
Utilisation du
"Mix Finder"
puis ajout de la
recette aux
favoris
Lien Gliffy

30. 5.
Génération
30
Wireframes, Prototype, Tests Utilisateurs

31. Croquis
31
Ébauche du parcours utilisateur global

32. Wireframes
32
Lien Axure Share

33. Test Utilisateur N°1
33
Réalisés sur les wireframes axure
Utilisateur 1
Genre : Femme
Âge : 27 ans
Métier et CSP : Relation client
Rapport à la marque : Ancienne
consommatrice (enfant)
Niveau d’expertise : Bon (ipad / PC /
smartphone)
Situation familiale : En couple
Scénario 1 : Volonté d'utiliser le moteur de recherche pour trouver le sirop "cosmo-
pomme". Trouve finalement via la liste.
Scénario 2 : RAS, passage bien compris par la fiche produit.
Post-questionnaire et debriefing : Navigation bien appréhendée via les différents moyens
possibles (tuiles sur la page d'accueil / burger / footer). Dans l'ensemble, trouve l'app claire
et colorée. Le logo du header est très utilisé pour revenir à l'accueil.
Utilisateur 2
Genre : Homme
Âge : 31 ans
Métier et CSP : Ingénieur
Rapport à la marque : Consomme
Niveau d’expertise : Bon (ipad / Mac
/ smartphone)
Situation familiale : En couple
Scénario 1 : Ne recherche pas dans les menus “News” et “Best-of” car il ne comprend
pas les termes : “News, c’est pour créer ?”, “Le cosmo-pomme, c’est pas un best-of”.
Scénario 2 : Le parfum “pastèque” lui évoque immédiatement la nouveauté. Il se rend
dans la bonne rubrique et trouve rapidement le pictogramme de géolocalisation.
Post-questionnaire et debriefing : Le wording des rubriques recette est à revoir.
Scénario 1 : Je cherche la recette du cocktail cosmo-pomme
Scénario 2 : je veux savoir ou trouver mon sirop de pastèque à côté de chez moi

34. Moodboard

35. 35

36. GUI

37. GUI
37

38. Prototype
38
Lien InVision
Croquis d'interface mobile

39. Test Utilisateur N°2
39
Réalisés sur les prototypes Invision
UTILISATEURS
Emilie
Canelle
Sandrine
Merci à elles !

40. Test Utilisateur N°2
40
Réalisés sur les prototypes Invision
Scénario 1 : Je cherche la recette du cosmo-pomme
Scénario 2 : Je veux savoir ou trouver mon sirop de pastèque à côté de chez moi
Scénario 3 : Je cherche un jeu
Problème 1 : Un peu déçue de l’écran des résultats du jeu Shaker. “C’est pas assez festif”.
Problème 2 : Fonctionnement des écrans du jeu "shaker" (bouton "Go")
Problème 3 : Lisibilité (éloignement) des instructions des écrans "Verre doseur" et "Mix Finder"
Solutions :
- On affiche le plus d’information possible au dessus de la ligne de flottaison, pour éviter à l’
utilisateur de découvrir les informations en scrollant.
- Amélioration des visuels du jeu shaker.

41. 6.
Evolutions
Futures
41
V2

42. Evolutions futures
4242
▸ B2B // Utilisation d'une tablette avec l'application en
supermarché
▸ Gestion de la liste de courses / shopping list
▸ Ajout de photos utilisateurs aux recettes
▸ Commentaires dans les recettes
Fonctionnalités futures
(prioritée dégradée après le focus group et les entretiens)
▸ Recherche vocale pour les cocktails (micro)
▸ Assistance vocale lors des recettes, "stop" (haut
parleur)
▸ Assistance interactive pour la réalisation de cocktails
(player video permettant à l'utilisateur d'arrêter /
reprendre la lecture de la video de la recette à la voix
("lecture", "pause"). (micro)

43. Merci !