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
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
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
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
Etude Concurrentielle
7
LE SIROP DE MONINhttps://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
Etude Concurrentielle
8
SODA STREAMhttp://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 tendanceLes 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”
Etude Concurrentielle
9
SIROP SPORThttp://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.
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)
“
Focus Group
Samedi 9 janvier 2016 en soirée4 personnes 27/36 ans // Parisiens // 2 hommes + 2 femmes
Tous actifs // 2 parents ayant de jeunes enfants 13
LAURA MATHILDE ALBAN ANTOINE
Focus Group
14
DÉROULEMENT1. IntroductionTour de table, présentationConsommation de sirop, de Teisseire ?Brise glace = exercice de l'homme de la Lune
2. Phase d'exploration / contexteImage, réputation des sirops, de TeisseirePoints positifs / négatifs // FreinsVersus d'autres sirops / boissons
SYNTHÈSE (1re partie)Consommation de sirop : beaucoup à jamaisTous connaissent Teisseire comme leader du sirop mais ne communiquant plus / pas (tous médias)
Pratique pour les invités ne buvant pas d'alcool / enfantEconomiquePermet de ne pas porter des litres de bouteillesMoins 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'alcoolTrop enfantin pour des adultesNe connaît pas bien la gamme complète, mais uniquement les grands classiques
Focus Group
15
DÉROULEMENT (suite)
3. FonctionnalitésAméliorer les points positifs / négatifsScénario projectifsPriorisation 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
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
Schéma Heuristique
20
https://framindmap.org/c/maps/129657/public
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)
Experience Map
23
APERCU
CARTE COMPLETE (lien)
Lien Uxpressia
Préparer un cocktail pour
épater mes amis lors d'une
soirée
Arborescence
28
Lien Axure Share
Diagramme de Flux
29
Utilisation du "Mix Finder"
puis ajout de la recette aux
favoris
Lien Gliffy
Test Utilisateur N°1
33
Réalisés sur les wireframes axure
Utilisateur 1
Genre : FemmeÂge : 27 ansMé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 ansMétier et CSP : IngénieurRapport à la marque : ConsommeNiveau 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 comprendpas 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 renddans 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-pommeScénario 2 : je veux savoir ou trouver mon sirop de pastèque à côté de chez moi
Prototype
38
Lien InVision
Croquis d'interface mobile
Test Utilisateur N°2
39
Réalisés sur les prototypes Invision
UTILISATEURS
EmilieCanelleSandrine
Merci à elles !
Test Utilisateur N°2
40
Réalisés sur les prototypes InvisionScénario 1 : Je cherche la recette du cosmo-pommeScénario 2 : Je veux savoir ou trouver mon sirop de pastèque à côté de chez moiScé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.
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)
Recommended