Teisseire
App
Sommaire
● Définition du projet
○ 1.1 Définition du projet
○ 1.2 Contexte et objectifs
○ 1.3 Étude concurrentielle
○ 1.4 B...
1.
Définition
du projet
Contexte, Objectifs, Concurrence
3
Définition du projet
Recherches primaires :
Avec 82 minutes passées en moyenne quotidiennement sur un smartphone, c’est au...
Contexte et objectifs
QUOI ?
Une application mobile autour des produits Teisseire. Celle-ci sera à la fois une porte d'ent...
Contexte et objectifs
POURQUOI ?
La marque n'est pas présente dans le monde digital car elle ne possède pas d'application
...
Etude Concurrentielle
7
LE SIROP DE MONIN
https://www.monin.com/fr/produits/le-sirop-de-monin
Avec 100 ans d’expérience, M...
Etude Concurrentielle
8
SODA STREAM
http://www.sodastream.fr
Sodastream permet de créer soi-même ses boissons pétillantes,...
Etude Concurrentielle
9
SIROP SPORT
http://www.siropsport.fr
Sirop Sport est une marque aux valeurs fortes de générosité, ...
Mapping Concurrentiel
10
Haut de
gamme
Bon marché
Professionnel
Particulier
Besoins Utilisateurs
11
Passer un bon moment et mieux connaître la gamme Teisseire.
S'amuser tout en découvrant de nouvell...
2.
Etude de
l 'Utilisateur
12
Focus Group, Entretiens, Persona
“
Focus Group
Samedi 9 janvier 2016 en soirée
4 personnes 27/36 ans // Parisiens // 2 hommes + 2 femmes
Tous actifs // 2 p...
Focus Group
14
DÉROULEMENT
1. Introduction
Tour de table, présentation
Consommation de sirop, de Teisseire ?
Brise glace =...
Focus Group
15
DÉROULEMENT(suite)
3. Fonctionnalités
Améliorer les points positifs / négatifs
Scénario projectifs
Priorisa...
Entretiens
16
SYNTHÈSE
Consommation de boisson :
- Du sirop 3 à 5 fois par semaine (surtout en semaine et surtout l’été)
-...
Persona
Claire Lebon
18
3.
Idéation
19
Schémas, Travaux, Post it
Schéma Heuristique
20
https://framindmap.org/c/maps/129657/public
Six to One
21
3 participants / 10 minutes
Fonctionnalités
22
▸ Géolocalisation des points de vente (GPS)
▸ Jeu du shaker (accéléromètre), powerball-like (succès ado...
Experience Map
23
APERCU
CARTE COMPLETE (lien)
Lien Uxpressia
Préparer un
cocktail pour
épater mes
amis lors d'une
soirée
Storytelling
24
Réaliser un
cocktail sans
être inspiré
côté ingrédients
Storytelling
25
Envie
d'essayer le jeu
du Shaker !
4.
Architecture
de l'info
26
Mind Map, Arborescence, Diagramme
Mind Map
27
Arborescence
28
Lien Axure Share
Diagramme de Flux
29
Utilisation du
"Mix Finder"
puis ajout de la
recette aux
favoris
Lien Gliffy
5.
Génération
30
Wireframes, Prototype, Tests Utilisateurs
Croquis
31
Ébauche du parcours utilisateur global
Wireframes
32
Lien Axure Share
Test Utilisateur N°1
33
Réalisés sur les wireframes axure
Utilisateur 1
Genre : Femme
Âge : 27 ans
Métier et CSP : Relatio...
Moodboard
35
GUI
GUI
37
Prototype
38
Lien InVision
Croquis d'interface mobile
Test Utilisateur N°2
39
Réalisés sur les prototypes Invision
UTILISATEURS
Emilie
Canelle
Sandrine
Merci à elles !
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 ...
6.
Evolutions
Futures
41
V2
Evolutions futures
4242
▸ B2B // Utilisation d'une tablette avec l'application en
supermarché
▸ Gestion de la liste de cou...
Merci !
Prochain SlideShare
Chargement dans…5
×

Teisseire Mobile App

766 vues

Publié le

Ux design Project

Publié dans : Internet
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
766
Sur SlideShare
0
Issues des intégrations
0
Intégrations
9
Actions
Partages
0
Téléchargements
6
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Teisseire Mobile App

  1. 1. Teisseire App
  2. 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. 3. 1. Définition du projet Contexte, Objectifs, Concurrence 3
  4. 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. 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. 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. 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. 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. 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. 10. Mapping Concurrentiel 10 Haut de gamme Bon marché Professionnel Particulier
  11. 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. 12. 2. Etude de l 'Utilisateur 12 Focus Group, Entretiens, Persona
  13. 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. 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. 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. 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. 17. Persona
  18. 18. Claire Lebon 18
  19. 19. 3. Idéation 19 Schémas, Travaux, Post it
  20. 20. Schéma Heuristique 20 https://framindmap.org/c/maps/129657/public
  21. 21. Six to One 21 3 participants / 10 minutes
  22. 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. 23. Experience Map 23 APERCU CARTE COMPLETE (lien) Lien Uxpressia Préparer un cocktail pour épater mes amis lors d'une soirée
  24. 24. Storytelling 24 Réaliser un cocktail sans être inspiré côté ingrédients
  25. 25. Storytelling 25 Envie d'essayer le jeu du Shaker !
  26. 26. 4. Architecture de l'info 26 Mind Map, Arborescence, Diagramme
  27. 27. Mind Map 27
  28. 28. Arborescence 28 Lien Axure Share
  29. 29. Diagramme de Flux 29 Utilisation du "Mix Finder" puis ajout de la recette aux favoris Lien Gliffy
  30. 30. 5. Génération 30 Wireframes, Prototype, Tests Utilisateurs
  31. 31. Croquis 31 Ébauche du parcours utilisateur global
  32. 32. Wireframes 32 Lien Axure Share
  33. 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. 34. Moodboard
  35. 35. 35
  36. 36. GUI
  37. 37. GUI 37
  38. 38. Prototype 38 Lien InVision Croquis d'interface mobile
  39. 39. Test Utilisateur N°2 39 Réalisés sur les prototypes Invision UTILISATEURS Emilie Canelle Sandrine Merci à elles !
  40. 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. 41. 6. Evolutions Futures 41 V2
  42. 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. 43. Merci !

×