Star d'UX bordeaux #2 - la tribU(X)ne libre
- 1. Meetup Star d’UX Bordeaux LA TRIB-UX-NE LIBRE Qualité - Pragmatisme - Partage
- 2. Agence conseil en création d’expériences +100 Collaborateurs passionnés et passionnants Paris - Bordeaux - Aix / Marseille +7 Millions d’Euros Chiffre d’affaire En 2017 Années d’existence Depuis 2013 + 1 Centre de Formations Digitales Centre de formation agréé training.ux-republic.com + 1 centre d’excellence technologique IoT - JS - Java - PHP - iOS - Android ux-technologies.com EN CHIFFRES 5 Un leader indépendant : Avec une palette d’expertises couvrant l’ensemble des pans d’une expérience réussie, du design de service à la mise à disposition d’un prototype interactif fonctionnel en passant par la recherche utilisateur. Mais également un écosystème ultra-performant © UX-REPUBLIC 2019 - All right reserved Qui sommes nous ?
- 3. Notre expertise présente dans 3 régions clefs PARIS BORDEAUX Historiquement en Ile de France, nous souhaitons diffuser l’expertise sur l’ensemble du marché français. Bordeaux nous sert de base pour couvrir la région Sud Ouest et Aix / Marseille la région Sud Est. AIX / MARSEILLE © UX-REPUBLIC 2019 - All right reserved
- 4. Nos expériences Sont globales et prennent en compte l’ensemble des points de contact entre l’utilisateur final et une marque, un produit ou un service. Que faisons nous ? Expériences globales Design de services Design d’interfaces Parcours physiques Design d’interaction Design émotionnel Ressenti Identité Contexte Users Design d’organisations © UX-REPUBLIC 2019 - All right reserved
- 5. Nos profils experts Priorisation Analyse besoin Backlog Vision Produit Recherche Observation terrain Récolte de données Recommandations Observation Idéation Conception Tests validation Création visuelle Identité graphique Engagement émotionnel Tendances UI Comment le faisons nous ? Product Owner UX Researcher UX Designer UI Designer UX Developer Front / Full stack © UX-REPUBLIC 2018 - All right reserved Dev fullstack Performance Task Runner Responsive web design Diagnostique Proposition de valeur Roadmap Coaching UX Strategist FORMATION © UX-REPUBLIC 2019 - All right reserved
- 6. © UX-REPUBLIC 2018 - All right reserved Faites comme Aneva, venez nous parler ;) Comment le faisons nous ? TEAM UXR Who ? Aneva Vanessa Alaina
- 7. Agenda LA TRIB -UX -NE LIBRE MEETUP #2 L’aile oUX la cUIsse Thibault Chapeyrou Au menu du jour : REX-trospective de l’année 2018 en tant qu’UI/ux Designer ! Epices & tips ! Le métier de Product Designer Céline Rouquié Quelles sont les spécificités du designer produit (missions, compétences, environnement de travail, logiciels, méthodologies...) ? → → © UX-REPUBLIC 2019 - All right reserved
- 8. Meetup L’aile oUX la cUIsse Star d’UX Bordeaux #2
- 9. ⁓ L’aile oUX la cUIsse Présentation du menu ⁓ ⁂ Apéritif : Pragmatisme revisité ⁂ Entrée : FeUIlleté aigre-doUX ⁂ Plat : Popotte en 3 variantes ⁂ Assiette de fromages : ⁓ ⁂ Dessert : Douceur bienveillante ⁂ Doggybag : Takeway acidulé © UX-REPUBLIC 2019 - All right reserved
- 10. ⁓ L’aile oUX la cUIsse Préambule ⁓ ⁂ Menu conçu au cours de l’année 2018 ⁂ Sélection d’un point de vue UI/ux ⁂ Rex, conseils et tips ⁂ Interfaces peu montrées car confidentialité oblige… Note : Ce menu et tout ce qui est proposé n’engage que moi ;) © UX-REPUBLIC 2019 - All right reserved
- 11. ⁓ L’aile oUX la cUIsse L’apéritif : Pragmatisme revisité ⁓ Editeur d’applications Projet de refonte d’une application Partie UX déjà réalisée Mise en place d’un kit graphique + design sytem + illustrations © UX-REPUBLIC 2019 - All right reserved
- 12. © UX-REPUBLIC 2019 - All right reserved
- 13. ⁓ L’aile oUX la cUIsse L’entrée : FeUIlleté aigre-doUX ⁓ © UX-REPUBLIC 2019 - All right reserved Agence design de services Réalisation de mockups projet Illustrations d’ateliers de recherches utilisateurs + Création des fichiers Photoshop (objet dynamique) +illustrations
- 14. © UX-REPUBLIC 2019 - All right reserved ⁓ L’aile oUX la cUIsse Deuxième variante ⁓
- 15. ⁓ L’aile oUX la cUIsse Le plat : Popotte en 3 variantes ⁓ © UX-REPUBLIC 2019 - All right reserved Refonte globale du site de l’entreprise Plébac (bardage) + V1 : Adresser les utilisateurs + V2 : Refonte des fiches projets + V3 : CRM / massive mailing
- 16. ⁓ L’aile oUX la cUIsse Première variante ⁓ © UX-REPUBLIC 2019 - All right reserved
- 17. ⁓ L’aile oUX la cUIsse Deuxième variante ⁓ © UX-REPUBLIC 2019 - All right reserved
- 18. ⁓ L’aile oUX la cUIsse Troisième variante ⁓ © UX-REPUBLIC 2019 - All right reserved
- 19. ⁓ L’aile oUX la cUIsse L’assiette de fromages ⁓ © UX-REPUBLIC 2019 - All right reserved Refonte globale d’un site d’une autre entreprise du bâtiment (cf focus signature mail) ATTENTION : Caractère + recommandation
- 20. Mise en place de démonstrations intéractives Définition des scénarios Reproductions des interfaces Création des démos/protos/clics Implantation outil d’analyse ⁓ L’aile oUX la cUIsse Le dessert ⁓ © UX-REPUBLIC 2019 - All right reserved
- 21. © UX-REPUBLIC 2019 - All right reserved
- 22. © UX-REPUBLIC 2019 - All right reserved
- 23. ⁓ L’aile oUX la cUIsse Le digestif ⁓ © UX-REPUBLIC 2019 - All right reserved Application Wyker : Réalisation de supports Web Illustrations + Filtre Snapchat Apprentissage / Formation
- 24. © UX-REPUBLIC 2019 - All right reserved
- 25. ⁓ L’aile oUX la cUIsse Pour conclure : ⁓ Soyez pragmatiques Restez curieux et aux aguets (Exécution + Conseils) ∞ Formez vous formez nous De la bienveillance Et puis mangez bien quand même :) © UX-REPUBLIC 2019 - All right reserved
- 26. Et un doggybag : Take Away acidulé ! Pour réaliser de super test utilisateurs en ligne : https://maze.design/ Pour des illustrations libres de droit : https://undraw.co/illustrations Principes design / études de cas : https://principles.design/ Un CRM simple d’accès et plutôt bien fichu : https://fr.sendinblue.com/ Créer un filtre Snapchat personnalisé : https://www.snapchat.com/l/fr-fr/create © UX-REPUBLIC 2019 - All right reserved
- 27. Et puis, tant qu’on y est : Le Bonus ! Recette du sandwich aux falafels : - 1 crêpe syrienne - 2 falafels emiettés - 4 tomates cerises découpées en lamelles - 3 feuilles de salade émincées - ⅙ d’oignon cru - 1 pincée d’oignons frits - 5 olives coupées en deux - 1 pincée d’origan - plusieurs pincées de curcuma - Bonus sauce tomate - Bonus sauce pâte de sésame © UX-REPUBLIC 2019 - All right reserved
- 28. ⁓ L’aile oUX la cUIsse Un grand merci : ⁓ Pour votre présence, votre attention et votre écoute ! Place aux questions ! NB : prière de ne pas m’envoyer Philippe Etchebest si le menu vous a déplu... © UX-REPUBLIC 2019 - All right reserved
- 29. v2 PRODUCT DESIGNER c’est quoi ?! 21/02/2019 – Meetup Star d’UX (Bordeaux) par Céline Rouquié
- 30. 30 SOMMAIRE 1 Définition 2 Expertistes 3 Interlocuteurs 4 Missions
- 31. BETCLIC GROUP IS ONE MOBILE COMPANY 31 1 DÉFINITION COLLECTIVE
- 32. 32 DÉFINITION1 « Il intervient sur toute la chaine de conception du produit : recherche sur le problème et le marché, conception de la solution, mise en place de la solution et suivi après mise en production pour itérer et améliorer continuellement son produit » Jessica Gantier (product designer chez Pivotal Labs à Paris) « C'est LA personne (ou une d'entres plusieurs) qui est responsable des aspects visuel et interactif d'un produit. » Claire Idelot (product manager chez Dolist à Bordeaux) « Le product designer est l’architecte dédié à l’expérience utilisateur d’un produit. Il est garant de l’homogéneïté du message délivré par son produit. » Robert Gough (product manager chez NP6 à Bordeaux) «Les designers sont considérés ici souvent comme des visual designers. Quand t’es junior on te demande juste de faire des beaux trucs, quand t’es sénior on te demande de penser au flow, on élargit un peu le scope (t’es responsable de l’ui et de l’ux). Les designers produits sont des designers complets, responsables de leur projet de A à Z » Kevin Tunc (product designer chez Dropbox à San Francisco) Extrait du podcast lafrenchtouch.fm « Le designer produit est la personne qui créé, conçoit et améliore l’usabilité et la UI d’un produit/feature » Pierre Jaubert (product manager chez Betclic à Bordeaux) « le Product Design est l’art de mettre toutes les méthodologies et techniques de l’UX, au service de la stratégie, de la conception, du design et de la performance d’un Produit, tout au long de son cycle de vie.» Vanessa Guilloteau (Head of product design chez Thiga à Paris) Extrait de l’article “Dessine moi un product designer” du blog Thiga
- 33. 33 DÉFINITION1 Le/la designer produit est une personne mettant sa double compétence UX et UI au service d’un projet qu’elle suit avant, pendant et après la mise en production dans le but de le faire évoluer continuellement. Il/elle concilie la vision utilisateurs avec la vision stratégique.
- 34. BETCLIC GROUP IS ONE MOBILE COMPANY 34 2 EXPERTISES
- 35. 35 EXPERTISES2
- 36. BETCLIC GROUP IS ONE MOBILE COMPANY 36 3 INTERLOCUTEURS L’ORGANISATION PRODUIT
- 38. BETCLIC GROUP IS ONE MOBILE COMPANY 38 4 MISSIONS EXEMPLES CHEZ BETCLIC
- 39. 39 MISSIONS4 Mettre en place et maintenir un design system Faire évoluer l’app Ex : changer l’affichage des cotes Faire de la recherche utilisateurs - Tests utilisateurs mensuels - Guerillas test - Personas sur la base d’entretiens téléphoniques
- 40. 40 ALLER PLUS LOIN4 Voici quelques lectures complémentaires : • « What is product design » (Dribbble - Interview de product designers) : https://dribbble.com/stories/2019/01/30/what-is-product-design • « Dessine moi un product designer » (Thiga) https://blog.thiga.fr/ux/dessine-moi-un-product-designer/
- 41. Merci pour votre attention ☺ DES QUESTIONS ? Céline Rouquié | Twitter : @CelineRouquie – Blog : www.la-veilleuse-graphique.fr