SlideShare une entreprise Scribd logo
1  sur  20
7 rue de Bucarest 75008 Paris - +33 1 73 00 28 00 – contact@backelite.com - www.backelite.com 
USER EXPERIENCE BY BACKELITE 
SEPTEMBRE 2014
2 
LA USER EXPERIENCE BY BACKELITE 
QU’EST-CE QUE 
LA USER EXPERIENCE ?
L’EXPÉRIENCE UTILISATEUR TOUT LE MONDE EN PARLE… 
Android Team « Laser Focused » On The User Experience For Next Release 
MICHAEL ARRINGTON 
TECHCRUNCH 
« User Experience » upgrade helps website improve sales 
STRATEGIES – 19 AOUT 2013 
74% of businesses believe user experience is key for improving sales 
E-CONSULTANCY 
Facebook now must balance User Experience and Investor Experience 
THE NEW YORK TIMES 
3 
LA USER EXPERIENCE BY BACKELITE
CHEZ BACKELITE, NOUS AVONS ÉGALEMENT NOTRE VISION SUR LE SUJET 
L'Expérience Utilisateur 
est la perception d’une personne qui utilise un produit, un service ou un système, dans le contexte d'une interaction homme - machine. 
Et le souvenir qu’elle va en garder. 
4 
LA USER EXPERIENCE BY BACKELITE
CHEZ BACKELITE, NOUS AVONS ÉGALEMENT NOTRE VISION SUR LE SUJET 
Le Design (Conception) 
d’Expérience Utilisateur 
est le processus qui prend en compte : 
• les attentes de l’utilisateur 
• les objectifs du commanditaire 
• le contexte du projet 
Les paramètres liés à une bonne expérience utilisateur sont donc multiples. 
5 
LA USER EXPERIENCE BY BACKELITE 
contexte projet 
marque 
utilisateur
LA MOBILITÉ ACCENTUE LA NÉCESSITÉ D’UNE DÉMARCHE CENTRÉE UTILISATEUR 
Un écran de format réduit / de taille variable 
Des OS différents et en constante évolution 
Des interactions multiples 
Un contexte d’utilisation parfois difficile 
Une performance fortement contrainte 
Des évolutions moins souples pour les applications natives (passage obligé par le Store) 
6 
LA USER EXPERIENCE BY BACKELITE
IMPACT DE LA PERFORMANCE 
71% des mobinautes attendent 
d’un site qu’il s’affiche 
aussi rapidement sur leur mobile 
que sur leur desktop 
74% attendent 
5 secondes ou moins 
pour qu’une page se charge 
(60% attendent 3 secondes ou moins) 
30% ne retournent pas sur le site ou désinstallent l’application après une expérience 
utilisateur décevante 
7 
LA USER EXPERIENCE BY BACKELITE
MÉTHODOLOGIE 
8 
LA USER EXPERIENCE BY BACKELITE
PRINCIPES CLÉS D’UNE DÉMARCHE UX 
approche itérative et collaborative 
Réunir les expertises en amont 
accepter de se tromper pour innover 
Fail fast to succeed sooner 
apprentissage et perfectionnement 
Accompagnement sur le long terme 
9 
LA USER EXPERIENCE BY BACKELITE
LES PHASES D’UN PROJET 
10 
LA USER EXPERIENCE BY BACKELITE 
1 
RECHERCHE 
& CADRAGE 
2 
CONCEPTION 
3 
DÉVELOPPEMENT 
4 
SUIVI & ÉVOLUTIONS
1. CADRAGE 
conduite d’interviews 
benchmark 
tendances et influences 
use cases 
personas 
experience maps 
concept boards 
stratégie de contenus 
11 
Reformulation du besoin 
Comité UX 
Brief client 
KPI 
orientation technique 
analyse de l’existant 
stratégie de tests 
La méthodologie du projet est affinée en phase de cadrage 
indicateurs de suivi 
recueil des besoins 
définition des objectifs
architecture & conception technique 
croquis 
wireframing – story-boarding 
ergonomie & design 
2. CONCEPTION 
12 
Reformulation du besoin 
Comité UX 
Spécifications techniques 
Spécifications fonctionnelles 
Spécifications graphiques 
PoC/prototype 
design 
PoC/prototype 
fonctionnel 
Des tests de prototypes peuvent être mis en place à différentes phases de la conception et sous différentes formes. Ils permettent de valider une fonctionnalité, un concept ergonomique ou la faisabilité technique, avant de s’engager fermement dans sa réalisation. Les tests peuvent être réalisés auprès d’un panel d’utilisateurs (user tests). 
LA USER EXPERIENCE BY BACKELITE
réalisation 
recette usine 
recette client 
3. DÉVELOPPEMENT 
13 
LA USER EXPERIENCE BY BACKELITE 
Backelite s’appuie sur sa cellule de test interne pour réaliser la recette des projets 
Spécifications techniques 
Spécifications fonctionnelles 
Spécifications graphiques 
Lancement 
PoC/prototype 
développé 
RC 
RC 
RC 
TU 
TU 
TU 
TP 
TP 
TP 
Recette Créa (très tôt dans la phase de dév) 
Tests Unitaires 
Tests Performance
4. SUIVI ET ÉVOLUTIONS 
14 
LA USER EXPERIENCE BY BACKELITE 
Lancement 
A/B testing 
usages 
satisfaction client 
business 
techniques 
REX 
transfert de compétences 
Evolutions 
suivi des indicateurs 
optimisation 
Identification des nouveaux besoins 
User test
15 
LA USER EXPERIENCE BY BACKELITE 
EN CONCLUSION
POINTS CLÉS POUR UNE EXPÉRIENCE UTILISATEUR RÉUSSIE 
Critères empruntés à Peter Morville, pionnier de l’architecture informationnelle 
16 
LA USER EXPERIENCE BY BACKELITE
L’EXPERTISE 
BACKELITE 
17
LES ATOUTS DE BACKELITE 
Des profils experts, porteurs de notre approche UX 
Une méthodologie adaptée à vos besoins 
Des outils et des livrables éprouvés 
Un savoir-faire reconnu 
et des références prestigieuses 
Pour concevoir des expériences utilisateurs pertinentes et impactantes, nous nous appuyons sur : 
18 
LA USER EXPERIENCE BY BACKELITE
UNE TRIPLE EXPERTISE 
Le Design d’Expérience Utilisateur est une démarche qui favorise une approche pluri-disciplinaire 
Chez Backelite, nous maîtrisons : 
Veille & benchmark 
Stratégie marketing 
Organisation des contenus 
Use cases 
Identité de la marque 
Ergonomie 
Design d’interface 
Design d’interaction 
Conseil technique 
Développement 
Performance & ROI 
Cellule de tests 
19 
LA USER EXPERIENCE BY BACKELITE 
Stratégie 
& Marketing 
Ergonomie 
& Design 
Technologie 
& Innovation
CONTACTEZ-NOUS 
Marie PETIT 
Responsable Pôle Conseil et UX 
marie.petit@backelite.com 
Tel +33 1 73 00 28 00 
www.backelite.com 
LA USER EXPERIENCE BY BACKELITE - SEPTEMBRE 2014

Contenu connexe

Tendances

SMART COOKIE DEV. / CDI (Marseille)
SMART COOKIE DEV. / CDI (Marseille)SMART COOKIE DEV. / CDI (Marseille)
SMART COOKIE DEV. / CDI (Marseille)Sebastien Rolando
 
La matinale le fil : Design experience utilisateur pour tous
La matinale le fil : Design experience utilisateur pour tousLa matinale le fil : Design experience utilisateur pour tous
La matinale le fil : Design experience utilisateur pour tousKiss The Bride
 
FLUPA UX-Days 2016 - "Quand les militaires se prennent au jeu du Design Sprin...
FLUPA UX-Days 2016 - "Quand les militaires se prennent au jeu du Design Sprin...FLUPA UX-Days 2016 - "Quand les militaires se prennent au jeu du Design Sprin...
FLUPA UX-Days 2016 - "Quand les militaires se prennent au jeu du Design Sprin...Flupa
 
Experience map @UXRepublic
Experience map @UXRepublicExperience map @UXRepublic
Experience map @UXRepublicUX REPUBLIC
 
Le rôle du développeur front dans la User eXperience
Le rôle du développeur front dans la User eXperienceLe rôle du développeur front dans la User eXperience
Le rôle du développeur front dans la User eXperienceUX REPUBLIC
 
Guide de survie en milieu responsive - Paris Web 2013
Guide de survie en milieu responsive - Paris Web 2013Guide de survie en milieu responsive - Paris Web 2013
Guide de survie en milieu responsive - Paris Web 2013Guillaume Abel
 
Lean & Agile UX - afterwork Axance
Lean & Agile UX - afterwork AxanceLean & Agile UX - afterwork Axance
Lean & Agile UX - afterwork AxanceAlexandre Jubien
 
Ux design-jean-françois-marti
Ux design-jean-françois-martiUx design-jean-françois-marti
Ux design-jean-françois-martiFrenchWeb.fr
 
FLUPA UX-Days 2016 - "Démarche UX : identifier les leviers d'engagement du cl...
FLUPA UX-Days 2016 - "Démarche UX : identifier les leviers d'engagement du cl...FLUPA UX-Days 2016 - "Démarche UX : identifier les leviers d'engagement du cl...
FLUPA UX-Days 2016 - "Démarche UX : identifier les leviers d'engagement du cl...Flupa
 
L'user experience for IoT
L'user experience for IoTL'user experience for IoT
L'user experience for IoTUX REPUBLIC
 
Agora CMS - 25 avril 2014 - UX : Mythe et réalité
Agora CMS - 25 avril 2014 - UX : Mythe et réalitéAgora CMS - 25 avril 2014 - UX : Mythe et réalité
Agora CMS - 25 avril 2014 - UX : Mythe et réalitéGuillaume Abel
 
Le social coding pour la Creative Technologie
Le social coding pour la Creative TechnologieLe social coding pour la Creative Technologie
Le social coding pour la Creative TechnologieUX REPUBLIC
 
Les technologies immersives @UXRepublic
Les technologies immersives @UXRepublicLes technologies immersives @UXRepublic
Les technologies immersives @UXRepublicUX REPUBLIC
 
Bien passer le Store : Le respect des guidelines
Bien passer le Store : Le respect des guidelinesBien passer le Store : Le respect des guidelines
Bien passer le Store : Le respect des guidelinesMicrosoft Technet France
 
Le management d’une équipe UX par le profil en T
Le management d’une équipe UX par le profil en TLe management d’une équipe UX par le profil en T
Le management d’une équipe UX par le profil en TGuillaume Abel
 
Designer l'expérience utilisateur @ Web_UX 2011
Designer l'expérience utilisateur @ Web_UX 2011Designer l'expérience utilisateur @ Web_UX 2011
Designer l'expérience utilisateur @ Web_UX 2011Sylvie Daumal
 

Tendances (20)

SMART COOKIE DEV. / CDI (Marseille)
SMART COOKIE DEV. / CDI (Marseille)SMART COOKIE DEV. / CDI (Marseille)
SMART COOKIE DEV. / CDI (Marseille)
 
La matinale le fil : Design experience utilisateur pour tous
La matinale le fil : Design experience utilisateur pour tousLa matinale le fil : Design experience utilisateur pour tous
La matinale le fil : Design experience utilisateur pour tous
 
Le Lean UX avec K2
Le Lean UX avec K2Le Lean UX avec K2
Le Lean UX avec K2
 
Lean UX
Lean UX Lean UX
Lean UX
 
FLUPA UX-Days 2016 - "Quand les militaires se prennent au jeu du Design Sprin...
FLUPA UX-Days 2016 - "Quand les militaires se prennent au jeu du Design Sprin...FLUPA UX-Days 2016 - "Quand les militaires se prennent au jeu du Design Sprin...
FLUPA UX-Days 2016 - "Quand les militaires se prennent au jeu du Design Sprin...
 
Experience map @UXRepublic
Experience map @UXRepublicExperience map @UXRepublic
Experience map @UXRepublic
 
Le rôle du développeur front dans la User eXperience
Le rôle du développeur front dans la User eXperienceLe rôle du développeur front dans la User eXperience
Le rôle du développeur front dans la User eXperience
 
Guide de survie en milieu responsive - Paris Web 2013
Guide de survie en milieu responsive - Paris Web 2013Guide de survie en milieu responsive - Paris Web 2013
Guide de survie en milieu responsive - Paris Web 2013
 
Lean & Agile UX - afterwork Axance
Lean & Agile UX - afterwork AxanceLean & Agile UX - afterwork Axance
Lean & Agile UX - afterwork Axance
 
Ux design-jean-françois-marti
Ux design-jean-françois-martiUx design-jean-françois-marti
Ux design-jean-françois-marti
 
Innovation sociale avec le design Thinking.
Innovation sociale avec le design Thinking. Innovation sociale avec le design Thinking.
Innovation sociale avec le design Thinking.
 
FLUPA UX-Days 2016 - "Démarche UX : identifier les leviers d'engagement du cl...
FLUPA UX-Days 2016 - "Démarche UX : identifier les leviers d'engagement du cl...FLUPA UX-Days 2016 - "Démarche UX : identifier les leviers d'engagement du cl...
FLUPA UX-Days 2016 - "Démarche UX : identifier les leviers d'engagement du cl...
 
L'user experience for IoT
L'user experience for IoTL'user experience for IoT
L'user experience for IoT
 
Agora CMS - 25 avril 2014 - UX : Mythe et réalité
Agora CMS - 25 avril 2014 - UX : Mythe et réalitéAgora CMS - 25 avril 2014 - UX : Mythe et réalité
Agora CMS - 25 avril 2014 - UX : Mythe et réalité
 
Le social coding pour la Creative Technologie
Le social coding pour la Creative TechnologieLe social coding pour la Creative Technologie
Le social coding pour la Creative Technologie
 
Les technologies immersives @UXRepublic
Les technologies immersives @UXRepublicLes technologies immersives @UXRepublic
Les technologies immersives @UXRepublic
 
Bien passer le Store : Le respect des guidelines
Bien passer le Store : Le respect des guidelinesBien passer le Store : Le respect des guidelines
Bien passer le Store : Le respect des guidelines
 
User Experience
User ExperienceUser Experience
User Experience
 
Le management d’une équipe UX par le profil en T
Le management d’une équipe UX par le profil en TLe management d’une équipe UX par le profil en T
Le management d’une équipe UX par le profil en T
 
Designer l'expérience utilisateur @ Web_UX 2011
Designer l'expérience utilisateur @ Web_UX 2011Designer l'expérience utilisateur @ Web_UX 2011
Designer l'expérience utilisateur @ Web_UX 2011
 

En vedette

Les 10 Tendances du Design d'interface en 2016
Les 10 Tendances du Design d'interface en 2016Les 10 Tendances du Design d'interface en 2016
Les 10 Tendances du Design d'interface en 2016Idean France
 
Les 10 Tendances de l’Expérience Utilisateur en 2016
Les 10 Tendances de l’Expérience Utilisateur en 2016Les 10 Tendances de l’Expérience Utilisateur en 2016
Les 10 Tendances de l’Expérience Utilisateur en 2016Idean France
 
UXD#1 - Lancement des User eXperience Design
UXD#1 - Lancement des User eXperience DesignUXD#1 - Lancement des User eXperience Design
UXD#1 - Lancement des User eXperience DesignUXD Meetup
 
Grosjean Agile User Experience XP DAY France 2009
Grosjean Agile User Experience XP DAY France 2009Grosjean Agile User Experience XP DAY France 2009
Grosjean Agile User Experience XP DAY France 2009Jean Claude GROSJEAN
 
Symposium uxdesign
Symposium uxdesignSymposium uxdesign
Symposium uxdesignVersusmind
 
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]Serena Facchinetti
 
Backelite digital agency presentation_English
Backelite digital agency presentation_EnglishBackelite digital agency presentation_English
Backelite digital agency presentation_EnglishIdean France
 
UI Design Trends for 2017
UI Design Trends for 2017UI Design Trends for 2017
UI Design Trends for 2017Idean France
 
L’audace au féminin dans l'univers professionnel
L’audace au féminin dans l'univers professionnelL’audace au féminin dans l'univers professionnel
L’audace au féminin dans l'univers professionnelLinkedIn
 
S 17f - POUR LUI, MERCI DE VOTRE DON CONTRE LA FAIM (French)
S 17f - POUR LUI, MERCI DE VOTRE DON CONTRE LA FAIM (French)S 17f - POUR LUI, MERCI DE VOTRE DON CONTRE LA FAIM (French)
S 17f - POUR LUI, MERCI DE VOTRE DON CONTRE LA FAIM (French)Bernard hardy
 
Aloe vera en la cultura dominicana 1
Aloe vera en la cultura dominicana 1Aloe vera en la cultura dominicana 1
Aloe vera en la cultura dominicana 1JoseMed35
 
Alberto durero2
Alberto durero2Alberto durero2
Alberto durero2nat2192
 
Olivier roland 7_rules_v1
Olivier roland 7_rules_v1Olivier roland 7_rules_v1
Olivier roland 7_rules_v1bryysahagun
 
Nuevas Tecnologías
Nuevas Tecnologías Nuevas Tecnologías
Nuevas Tecnologías martik_
 
Paris Web 2013 : CXM & Listening Platforms. Conférence animée par Frédéric Bon
Paris Web 2013 : CXM & Listening Platforms. Conférence animée par Frédéric BonParis Web 2013 : CXM & Listening Platforms. Conférence animée par Frédéric Bon
Paris Web 2013 : CXM & Listening Platforms. Conférence animée par Frédéric BonLakhdari Nadjim
 
Modelo de comunicación en salud claudia pimentel roque
Modelo de comunicación en salud claudia pimentel roqueModelo de comunicación en salud claudia pimentel roque
Modelo de comunicación en salud claudia pimentel roqueClau Rq
 

En vedette (20)

Les 10 Tendances du Design d'interface en 2016
Les 10 Tendances du Design d'interface en 2016Les 10 Tendances du Design d'interface en 2016
Les 10 Tendances du Design d'interface en 2016
 
Les 10 Tendances de l’Expérience Utilisateur en 2016
Les 10 Tendances de l’Expérience Utilisateur en 2016Les 10 Tendances de l’Expérience Utilisateur en 2016
Les 10 Tendances de l’Expérience Utilisateur en 2016
 
UXD#1 - Lancement des User eXperience Design
UXD#1 - Lancement des User eXperience DesignUXD#1 - Lancement des User eXperience Design
UXD#1 - Lancement des User eXperience Design
 
Grosjean Agile User Experience XP DAY France 2009
Grosjean Agile User Experience XP DAY France 2009Grosjean Agile User Experience XP DAY France 2009
Grosjean Agile User Experience XP DAY France 2009
 
Symposium uxdesign
Symposium uxdesignSymposium uxdesign
Symposium uxdesign
 
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
 
Backelite digital agency presentation_English
Backelite digital agency presentation_EnglishBackelite digital agency presentation_English
Backelite digital agency presentation_English
 
UI Design Trends for 2017
UI Design Trends for 2017UI Design Trends for 2017
UI Design Trends for 2017
 
L’audace au féminin dans l'univers professionnel
L’audace au féminin dans l'univers professionnelL’audace au féminin dans l'univers professionnel
L’audace au féminin dans l'univers professionnel
 
C’est quoi l’UX -
C’est quoi l’UX -C’est quoi l’UX -
C’est quoi l’UX -
 
S 17f - POUR LUI, MERCI DE VOTRE DON CONTRE LA FAIM (French)
S 17f - POUR LUI, MERCI DE VOTRE DON CONTRE LA FAIM (French)S 17f - POUR LUI, MERCI DE VOTRE DON CONTRE LA FAIM (French)
S 17f - POUR LUI, MERCI DE VOTRE DON CONTRE LA FAIM (French)
 
Manual de pyloder
Manual de pyloderManual de pyloder
Manual de pyloder
 
Informatica
InformaticaInformatica
Informatica
 
Aloe vera en la cultura dominicana 1
Aloe vera en la cultura dominicana 1Aloe vera en la cultura dominicana 1
Aloe vera en la cultura dominicana 1
 
Alberto durero2
Alberto durero2Alberto durero2
Alberto durero2
 
Servicio docente
Servicio docenteServicio docente
Servicio docente
 
Olivier roland 7_rules_v1
Olivier roland 7_rules_v1Olivier roland 7_rules_v1
Olivier roland 7_rules_v1
 
Nuevas Tecnologías
Nuevas Tecnologías Nuevas Tecnologías
Nuevas Tecnologías
 
Paris Web 2013 : CXM & Listening Platforms. Conférence animée par Frédéric Bon
Paris Web 2013 : CXM & Listening Platforms. Conférence animée par Frédéric BonParis Web 2013 : CXM & Listening Platforms. Conférence animée par Frédéric Bon
Paris Web 2013 : CXM & Listening Platforms. Conférence animée par Frédéric Bon
 
Modelo de comunicación en salud claudia pimentel roque
Modelo de comunicación en salud claudia pimentel roqueModelo de comunicación en salud claudia pimentel roque
Modelo de comunicación en salud claudia pimentel roque
 

Similaire à Présentation UX agence Backelite

L'approche Bertin Ergonomie des MVP
L'approche Bertin Ergonomie des MVPL'approche Bertin Ergonomie des MVP
L'approche Bertin Ergonomie des MVPHugues Randriatsoa
 
Afterwork OCTO Delivery - L'ADN d'un développement produit réussi
Afterwork OCTO Delivery - L'ADN d'un développement produit réussiAfterwork OCTO Delivery - L'ADN d'un développement produit réussi
Afterwork OCTO Delivery - L'ADN d'un développement produit réussicyrilpicat
 
L'ADN d'un développement produit réussi
L'ADN d'un développement produit réussiL'ADN d'un développement produit réussi
L'ADN d'un développement produit réussiOCTO Technology Suisse
 
Boostez le ROI de vos dispositifs digitaux
Boostez le ROI de vos dispositifs digitauxBoostez le ROI de vos dispositifs digitaux
Boostez le ROI de vos dispositifs digitauxIdean France
 
Dossier de compétences, freelance, Imen TOUATI
Dossier de compétences, freelance, Imen TOUATIDossier de compétences, freelance, Imen TOUATI
Dossier de compétences, freelance, Imen TOUATIImenTouati5
 
10 bonnes pratiques pour des apps et sites ecommerce sans bug
10 bonnes pratiques pour des apps et sites ecommerce sans bug10 bonnes pratiques pour des apps et sites ecommerce sans bug
10 bonnes pratiques pour des apps et sites ecommerce sans bugStardustTesting
 
Poc factory 2018 v1.1
Poc factory 2018   v1.1Poc factory 2018   v1.1
Poc factory 2018 v1.1Loic Poujol
 
UX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur MobileUX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur MobileAudrey CHATEL
 
Comment concilier agilité et conception centrée utilisateurs dans un projet d...
Comment concilier agilité et conception centrée utilisateurs dans un projet d...Comment concilier agilité et conception centrée utilisateurs dans un projet d...
Comment concilier agilité et conception centrée utilisateurs dans un projet d...louschwartz
 
OCTO Technologies - Mobile Monday Maroc: M-Banking & M-Payment
OCTO Technologies - Mobile Monday Maroc: M-Banking & M-PaymentOCTO Technologies - Mobile Monday Maroc: M-Banking & M-Payment
OCTO Technologies - Mobile Monday Maroc: M-Banking & M-Paymentmmmaroc
 
Wygday Session PléNièRe (1)
Wygday Session PléNièRe (1)Wygday Session PléNièRe (1)
Wygday Session PléNièRe (1)Gregory Renard
 
Ergonomie & Expérience Utilisateur (UX) | Cours Introduction
Ergonomie & Expérience Utilisateur (UX) | Cours IntroductionErgonomie & Expérience Utilisateur (UX) | Cours Introduction
Ergonomie & Expérience Utilisateur (UX) | Cours IntroductionJulien Roland
 
Un exemple de méthodologie de conception orientée utilisateur de produits in...
 Un exemple de méthodologie de conception orientée utilisateur de produits in... Un exemple de méthodologie de conception orientée utilisateur de produits in...
Un exemple de méthodologie de conception orientée utilisateur de produits in...M@rsouin
 
Star d'UX bordeaux #1 - en UXmmersion
Star d'UX bordeaux #1 - en UXmmersion Star d'UX bordeaux #1 - en UXmmersion
Star d'UX bordeaux #1 - en UXmmersion UX Republic Bordeaux
 
Ergonomie site web
Ergonomie site webErgonomie site web
Ergonomie site webCOMPETITIC
 

Similaire à Présentation UX agence Backelite (20)

L'approche Bertin Ergonomie des MVP
L'approche Bertin Ergonomie des MVPL'approche Bertin Ergonomie des MVP
L'approche Bertin Ergonomie des MVP
 
Afterwork OCTO Delivery - L'ADN d'un développement produit réussi
Afterwork OCTO Delivery - L'ADN d'un développement produit réussiAfterwork OCTO Delivery - L'ADN d'un développement produit réussi
Afterwork OCTO Delivery - L'ADN d'un développement produit réussi
 
L'ADN d'un développement produit réussi
L'ADN d'un développement produit réussiL'ADN d'un développement produit réussi
L'ADN d'un développement produit réussi
 
Boostez le ROI de vos dispositifs digitaux
Boostez le ROI de vos dispositifs digitauxBoostez le ROI de vos dispositifs digitaux
Boostez le ROI de vos dispositifs digitaux
 
Dossier de compétences, freelance, Imen TOUATI
Dossier de compétences, freelance, Imen TOUATIDossier de compétences, freelance, Imen TOUATI
Dossier de compétences, freelance, Imen TOUATI
 
SQLI - Club des DSI - Mobilité
SQLI - Club des DSI - MobilitéSQLI - Club des DSI - Mobilité
SQLI - Club des DSI - Mobilité
 
10 bonnes pratiques pour des apps et sites ecommerce sans bug
10 bonnes pratiques pour des apps et sites ecommerce sans bug10 bonnes pratiques pour des apps et sites ecommerce sans bug
10 bonnes pratiques pour des apps et sites ecommerce sans bug
 
bb-d_ERGO-UX
bb-d_ERGO-UXbb-d_ERGO-UX
bb-d_ERGO-UX
 
Poc factory 2018 v1.1
Poc factory 2018   v1.1Poc factory 2018   v1.1
Poc factory 2018 v1.1
 
UX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur MobileUX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur Mobile
 
Comment concilier agilité et conception centrée utilisateurs dans un projet d...
Comment concilier agilité et conception centrée utilisateurs dans un projet d...Comment concilier agilité et conception centrée utilisateurs dans un projet d...
Comment concilier agilité et conception centrée utilisateurs dans un projet d...
 
OCTO Technologies - Mobile Monday Maroc: M-Banking & M-Payment
OCTO Technologies - Mobile Monday Maroc: M-Banking & M-PaymentOCTO Technologies - Mobile Monday Maroc: M-Banking & M-Payment
OCTO Technologies - Mobile Monday Maroc: M-Banking & M-Payment
 
UX dans les projets agiles
UX dans les projets agiles UX dans les projets agiles
UX dans les projets agiles
 
Presentation proxiwave-2019
Presentation proxiwave-2019Presentation proxiwave-2019
Presentation proxiwave-2019
 
Wygday Session PléNièRe (1)
Wygday Session PléNièRe (1)Wygday Session PléNièRe (1)
Wygday Session PléNièRe (1)
 
Ergonomie & Expérience Utilisateur (UX) | Cours Introduction
Ergonomie & Expérience Utilisateur (UX) | Cours IntroductionErgonomie & Expérience Utilisateur (UX) | Cours Introduction
Ergonomie & Expérience Utilisateur (UX) | Cours Introduction
 
Un exemple de méthodologie de conception orientée utilisateur de produits in...
 Un exemple de méthodologie de conception orientée utilisateur de produits in... Un exemple de méthodologie de conception orientée utilisateur de produits in...
Un exemple de méthodologie de conception orientée utilisateur de produits in...
 
Star d'UX bordeaux #1 - en UXmmersion
Star d'UX bordeaux #1 - en UXmmersion Star d'UX bordeaux #1 - en UXmmersion
Star d'UX bordeaux #1 - en UXmmersion
 
Ergonomie site web
Ergonomie site webErgonomie site web
Ergonomie site web
 
Digital way - Innovation - @Objectif
Digital way  - Innovation - @ObjectifDigital way  - Innovation - @Objectif
Digital way - Innovation - @Objectif
 

Plus de Idean France

Start with a Concept and Stop Designing like a Machine
Start with a Concept and Stop Designing like a MachineStart with a Concept and Stop Designing like a Machine
Start with a Concept and Stop Designing like a MachineIdean France
 
Design Systems : à votre marque, prêts, partez !
Design Systems : à votre marque, prêts, partez !Design Systems : à votre marque, prêts, partez !
Design Systems : à votre marque, prêts, partez !Idean France
 
Design systems : Bench et reco sur les outils
Design systems : Bench et reco sur les outilsDesign systems : Bench et reco sur les outils
Design systems : Bench et reco sur les outilsIdean France
 
La recette graphique
La recette graphiqueLa recette graphique
La recette graphiqueIdean France
 
Graph QL par Andy Gigon
Graph QL par Andy GigonGraph QL par Andy Gigon
Graph QL par Andy GigonIdean France
 
Cocoheads react native + redux par Nicolas Fontaine
Cocoheads   react native + redux par Nicolas FontaineCocoheads   react native + redux par Nicolas Fontaine
Cocoheads react native + redux par Nicolas FontaineIdean France
 
Meetup langages visuels - Backelite - novembre 2017
Meetup langages visuels - Backelite - novembre 2017Meetup langages visuels - Backelite - novembre 2017
Meetup langages visuels - Backelite - novembre 2017Idean France
 
Sketch pour les designers : pourquoi, quand et comment l'utiliser ?
Sketch pour les designers : pourquoi, quand et comment l'utiliser ?Sketch pour les designers : pourquoi, quand et comment l'utiliser ?
Sketch pour les designers : pourquoi, quand et comment l'utiliser ?Idean France
 
From Business to Buttons by Pierre Harlé
From Business to Buttons by Pierre HarléFrom Business to Buttons by Pierre Harlé
From Business to Buttons by Pierre HarléIdean France
 
RX Swift avril 2017 - David Yang
RX Swift avril 2017 - David YangRX Swift avril 2017 - David Yang
RX Swift avril 2017 - David YangIdean France
 
Tendances du Design d'Interface 2017
Tendances du Design d'Interface 2017Tendances du Design d'Interface 2017
Tendances du Design d'Interface 2017Idean France
 
Rendering unit tests par Nicolas Fontaine
Rendering unit tests par Nicolas FontaineRendering unit tests par Nicolas Fontaine
Rendering unit tests par Nicolas FontaineIdean France
 
Sirikit par Julien Coudsi
Sirikit par Julien CoudsiSirikit par Julien Coudsi
Sirikit par Julien CoudsiIdean France
 
A developer who knows how to design by Audrey Hacq
A developer who knows how to design by Audrey HacqA developer who knows how to design by Audrey Hacq
A developer who knows how to design by Audrey HacqIdean France
 
CocoaPods par David Yang
CocoaPods par David YangCocoaPods par David Yang
CocoaPods par David YangIdean France
 
Messages Extensions par Nicolas Fontaine
Messages Extensions par Nicolas FontaineMessages Extensions par Nicolas Fontaine
Messages Extensions par Nicolas FontaineIdean France
 
Un développeur sachant designer par Audrey Hacq
Un développeur sachant designer par Audrey HacqUn développeur sachant designer par Audrey Hacq
Un développeur sachant designer par Audrey HacqIdean France
 
CA Layer / Core Animation {Cocoaheads Montpellier}
CA Layer / Core Animation {Cocoaheads Montpellier}CA Layer / Core Animation {Cocoaheads Montpellier}
CA Layer / Core Animation {Cocoaheads Montpellier}Idean France
 
Programmation Orientée Protocole {Cocoaheads Montpellier}
Programmation Orientée Protocole {Cocoaheads Montpellier}Programmation Orientée Protocole {Cocoaheads Montpellier}
Programmation Orientée Protocole {Cocoaheads Montpellier}Idean France
 
App groups, faire communiquer ses applications {Cocoaheads Montpellier}
App groups, faire communiquer ses applications {Cocoaheads Montpellier}App groups, faire communiquer ses applications {Cocoaheads Montpellier}
App groups, faire communiquer ses applications {Cocoaheads Montpellier}Idean France
 

Plus de Idean France (20)

Start with a Concept and Stop Designing like a Machine
Start with a Concept and Stop Designing like a MachineStart with a Concept and Stop Designing like a Machine
Start with a Concept and Stop Designing like a Machine
 
Design Systems : à votre marque, prêts, partez !
Design Systems : à votre marque, prêts, partez !Design Systems : à votre marque, prêts, partez !
Design Systems : à votre marque, prêts, partez !
 
Design systems : Bench et reco sur les outils
Design systems : Bench et reco sur les outilsDesign systems : Bench et reco sur les outils
Design systems : Bench et reco sur les outils
 
La recette graphique
La recette graphiqueLa recette graphique
La recette graphique
 
Graph QL par Andy Gigon
Graph QL par Andy GigonGraph QL par Andy Gigon
Graph QL par Andy Gigon
 
Cocoheads react native + redux par Nicolas Fontaine
Cocoheads   react native + redux par Nicolas FontaineCocoheads   react native + redux par Nicolas Fontaine
Cocoheads react native + redux par Nicolas Fontaine
 
Meetup langages visuels - Backelite - novembre 2017
Meetup langages visuels - Backelite - novembre 2017Meetup langages visuels - Backelite - novembre 2017
Meetup langages visuels - Backelite - novembre 2017
 
Sketch pour les designers : pourquoi, quand et comment l'utiliser ?
Sketch pour les designers : pourquoi, quand et comment l'utiliser ?Sketch pour les designers : pourquoi, quand et comment l'utiliser ?
Sketch pour les designers : pourquoi, quand et comment l'utiliser ?
 
From Business to Buttons by Pierre Harlé
From Business to Buttons by Pierre HarléFrom Business to Buttons by Pierre Harlé
From Business to Buttons by Pierre Harlé
 
RX Swift avril 2017 - David Yang
RX Swift avril 2017 - David YangRX Swift avril 2017 - David Yang
RX Swift avril 2017 - David Yang
 
Tendances du Design d'Interface 2017
Tendances du Design d'Interface 2017Tendances du Design d'Interface 2017
Tendances du Design d'Interface 2017
 
Rendering unit tests par Nicolas Fontaine
Rendering unit tests par Nicolas FontaineRendering unit tests par Nicolas Fontaine
Rendering unit tests par Nicolas Fontaine
 
Sirikit par Julien Coudsi
Sirikit par Julien CoudsiSirikit par Julien Coudsi
Sirikit par Julien Coudsi
 
A developer who knows how to design by Audrey Hacq
A developer who knows how to design by Audrey HacqA developer who knows how to design by Audrey Hacq
A developer who knows how to design by Audrey Hacq
 
CocoaPods par David Yang
CocoaPods par David YangCocoaPods par David Yang
CocoaPods par David Yang
 
Messages Extensions par Nicolas Fontaine
Messages Extensions par Nicolas FontaineMessages Extensions par Nicolas Fontaine
Messages Extensions par Nicolas Fontaine
 
Un développeur sachant designer par Audrey Hacq
Un développeur sachant designer par Audrey HacqUn développeur sachant designer par Audrey Hacq
Un développeur sachant designer par Audrey Hacq
 
CA Layer / Core Animation {Cocoaheads Montpellier}
CA Layer / Core Animation {Cocoaheads Montpellier}CA Layer / Core Animation {Cocoaheads Montpellier}
CA Layer / Core Animation {Cocoaheads Montpellier}
 
Programmation Orientée Protocole {Cocoaheads Montpellier}
Programmation Orientée Protocole {Cocoaheads Montpellier}Programmation Orientée Protocole {Cocoaheads Montpellier}
Programmation Orientée Protocole {Cocoaheads Montpellier}
 
App groups, faire communiquer ses applications {Cocoaheads Montpellier}
App groups, faire communiquer ses applications {Cocoaheads Montpellier}App groups, faire communiquer ses applications {Cocoaheads Montpellier}
App groups, faire communiquer ses applications {Cocoaheads Montpellier}
 

Présentation UX agence Backelite

  • 1. 7 rue de Bucarest 75008 Paris - +33 1 73 00 28 00 – contact@backelite.com - www.backelite.com USER EXPERIENCE BY BACKELITE SEPTEMBRE 2014
  • 2. 2 LA USER EXPERIENCE BY BACKELITE QU’EST-CE QUE LA USER EXPERIENCE ?
  • 3. L’EXPÉRIENCE UTILISATEUR TOUT LE MONDE EN PARLE… Android Team « Laser Focused » On The User Experience For Next Release MICHAEL ARRINGTON TECHCRUNCH « User Experience » upgrade helps website improve sales STRATEGIES – 19 AOUT 2013 74% of businesses believe user experience is key for improving sales E-CONSULTANCY Facebook now must balance User Experience and Investor Experience THE NEW YORK TIMES 3 LA USER EXPERIENCE BY BACKELITE
  • 4. CHEZ BACKELITE, NOUS AVONS ÉGALEMENT NOTRE VISION SUR LE SUJET L'Expérience Utilisateur est la perception d’une personne qui utilise un produit, un service ou un système, dans le contexte d'une interaction homme - machine. Et le souvenir qu’elle va en garder. 4 LA USER EXPERIENCE BY BACKELITE
  • 5. CHEZ BACKELITE, NOUS AVONS ÉGALEMENT NOTRE VISION SUR LE SUJET Le Design (Conception) d’Expérience Utilisateur est le processus qui prend en compte : • les attentes de l’utilisateur • les objectifs du commanditaire • le contexte du projet Les paramètres liés à une bonne expérience utilisateur sont donc multiples. 5 LA USER EXPERIENCE BY BACKELITE contexte projet marque utilisateur
  • 6. LA MOBILITÉ ACCENTUE LA NÉCESSITÉ D’UNE DÉMARCHE CENTRÉE UTILISATEUR Un écran de format réduit / de taille variable Des OS différents et en constante évolution Des interactions multiples Un contexte d’utilisation parfois difficile Une performance fortement contrainte Des évolutions moins souples pour les applications natives (passage obligé par le Store) 6 LA USER EXPERIENCE BY BACKELITE
  • 7. IMPACT DE LA PERFORMANCE 71% des mobinautes attendent d’un site qu’il s’affiche aussi rapidement sur leur mobile que sur leur desktop 74% attendent 5 secondes ou moins pour qu’une page se charge (60% attendent 3 secondes ou moins) 30% ne retournent pas sur le site ou désinstallent l’application après une expérience utilisateur décevante 7 LA USER EXPERIENCE BY BACKELITE
  • 8. MÉTHODOLOGIE 8 LA USER EXPERIENCE BY BACKELITE
  • 9. PRINCIPES CLÉS D’UNE DÉMARCHE UX approche itérative et collaborative Réunir les expertises en amont accepter de se tromper pour innover Fail fast to succeed sooner apprentissage et perfectionnement Accompagnement sur le long terme 9 LA USER EXPERIENCE BY BACKELITE
  • 10. LES PHASES D’UN PROJET 10 LA USER EXPERIENCE BY BACKELITE 1 RECHERCHE & CADRAGE 2 CONCEPTION 3 DÉVELOPPEMENT 4 SUIVI & ÉVOLUTIONS
  • 11. 1. CADRAGE conduite d’interviews benchmark tendances et influences use cases personas experience maps concept boards stratégie de contenus 11 Reformulation du besoin Comité UX Brief client KPI orientation technique analyse de l’existant stratégie de tests La méthodologie du projet est affinée en phase de cadrage indicateurs de suivi recueil des besoins définition des objectifs
  • 12. architecture & conception technique croquis wireframing – story-boarding ergonomie & design 2. CONCEPTION 12 Reformulation du besoin Comité UX Spécifications techniques Spécifications fonctionnelles Spécifications graphiques PoC/prototype design PoC/prototype fonctionnel Des tests de prototypes peuvent être mis en place à différentes phases de la conception et sous différentes formes. Ils permettent de valider une fonctionnalité, un concept ergonomique ou la faisabilité technique, avant de s’engager fermement dans sa réalisation. Les tests peuvent être réalisés auprès d’un panel d’utilisateurs (user tests). LA USER EXPERIENCE BY BACKELITE
  • 13. réalisation recette usine recette client 3. DÉVELOPPEMENT 13 LA USER EXPERIENCE BY BACKELITE Backelite s’appuie sur sa cellule de test interne pour réaliser la recette des projets Spécifications techniques Spécifications fonctionnelles Spécifications graphiques Lancement PoC/prototype développé RC RC RC TU TU TU TP TP TP Recette Créa (très tôt dans la phase de dév) Tests Unitaires Tests Performance
  • 14. 4. SUIVI ET ÉVOLUTIONS 14 LA USER EXPERIENCE BY BACKELITE Lancement A/B testing usages satisfaction client business techniques REX transfert de compétences Evolutions suivi des indicateurs optimisation Identification des nouveaux besoins User test
  • 15. 15 LA USER EXPERIENCE BY BACKELITE EN CONCLUSION
  • 16. POINTS CLÉS POUR UNE EXPÉRIENCE UTILISATEUR RÉUSSIE Critères empruntés à Peter Morville, pionnier de l’architecture informationnelle 16 LA USER EXPERIENCE BY BACKELITE
  • 18. LES ATOUTS DE BACKELITE Des profils experts, porteurs de notre approche UX Une méthodologie adaptée à vos besoins Des outils et des livrables éprouvés Un savoir-faire reconnu et des références prestigieuses Pour concevoir des expériences utilisateurs pertinentes et impactantes, nous nous appuyons sur : 18 LA USER EXPERIENCE BY BACKELITE
  • 19. UNE TRIPLE EXPERTISE Le Design d’Expérience Utilisateur est une démarche qui favorise une approche pluri-disciplinaire Chez Backelite, nous maîtrisons : Veille & benchmark Stratégie marketing Organisation des contenus Use cases Identité de la marque Ergonomie Design d’interface Design d’interaction Conseil technique Développement Performance & ROI Cellule de tests 19 LA USER EXPERIENCE BY BACKELITE Stratégie & Marketing Ergonomie & Design Technologie & Innovation
  • 20. CONTACTEZ-NOUS Marie PETIT Responsable Pôle Conseil et UX marie.petit@backelite.com Tel +33 1 73 00 28 00 www.backelite.com LA USER EXPERIENCE BY BACKELITE - SEPTEMBRE 2014