SlideShare ist ein Scribd-Unternehmen logo
1 von 11
Downloaden Sie, um offline zu lesen
Imaginer vos interfaces digitales
2
Prenons connaissance ensemble des points que nous aborderons dans cette présentation
Au sommaire
1
Que faisons-nous?
bb-d vous propose quatre offres
complémentaires pour répondre à vos besoins
numériques.
2
L’enjeu ergonomique
Répondre aux attentes d’utilisateurs évoluant
dans un environnement de plus en plus
digitalisé.
3
Le domaine de l’ergonomie
Qu’est-ce qu’une application ergonomique ?
5
bb-d et vos projets
Nous nous présentons comme des facilitateurs de
vos projets.
6
Et si nous parlions ROI?
L’ergonome a un coût mais son apport auprès des
utilisateurs finaux augmente la rentabilité de vos
projets.
7
Notre périmètre
Notre périmètre d’intervention peut s’adapter à
toutes les organisations.
4
Les critères de l’utilisabilité
Avant tout, satisfaire les besoin des utilisateurs !
8
Nos livrables
Nous prenons en charge les différents supports
du processus de création des interfaces.
3
Nous proposons des prestations
de webmastering avancé dans
une approche ergonomique mais
aussi SEO friendly pour les sites
grand public.
Que faisons-nous?
Conception
des interfaces
Nous sommes une société de
conseil en ergonomie / Ux
design. Nous développons
des interfaces centrées
utilisateurs.
Formations
numériques
Visibilité
numérique
Webmastering
avancé
Nous proposons des formations
autour des thèmes du
numérique (SEO, Web
analytics, ergonomie et gestion
de projet digitaux, …)
Nous faisons du conseil, de
l’accompagnement et de la
mise en œuvre en visibilité
numérique.
bb-d vous propose quatre offres complémentaires pour répondre à vos besoins numériques
4
Répondre aux attentes d’utilisateurs évoluant dans un
environnement de plus en plus digitalisé.
L’enjeu ergonomique
Organiser
Pour répondre à la richesse des interfaces,
organiser les contenus et fonctionnalités
suivant les besoins réels des utilisateurs.
Accompagner
Mettre en œuvre les règles de l’art pour
accompagner les utilisateurs dans la prise en
main d’applications digitales complexifiées.
Séduire
L’immersion quotidienne des utilisateurs
dans des pratiques numériques qualitatives
oblige à proposer une expérience utilisateur
non déceptive.
5
Le domaine de l’ergonomie
Une application est dite « ergonomique » lorsque son utilisation est ressentie comme facile et confortable
en diminuant les erreurs et le temps d’apprentissage de ses utilisateurs.
Comment
l’interface répond
aux besoins ?
Utilisabilité
Comment le
système satisfait
aux besoins ?
Utilité
6
Les critères de l’utilisabilité
Satisfaire le besoin des utilisateurs
Principaux
critères
Efficacité
Atteinte du résultat
attendu
Efficience
Consommation d’un
minimum de ressources
Fiabilité
Pas ou peu d’erreurs
d’utilisation
Facilité d’apprentissage
Intuitivité des interfaces
Facilité d’appropriation
Prise en compte du
contexte d’usage
Facilité d’utilisation
Evidence des usages (les
règles de l’art)
Satisfaction
Confort et évaluation
subjective
Plaisir
Attractivité du service
proposé
7
bb-d et vos projets
Nous nous présentons comme des facilitateurs du projet
Un livrable
partagé par tous
Des ateliers en
co-conception
La prise en charge
des besoins métier
Une intervention
en amont
enjeux portés par le métier et les contraintes de la
techniques. Avec notre méthode, la maitrise d’ouvrage
est prise en charge et impliquée dans la conception des
interfaces, la MOE est présente aux réunions, nous
fournissons un livrable REALISABLE partagé par tous qui
permet de partir en phase de développement de
manière plus sereine.
des projets informatiques
nécessitent une bonne
communication entre les
100%
Il existe des besoins métiers… et des
contraintes techniques, budgétaires
8
L’ergonome a un coût mais son apport auprès des utilisateurs finaux va
permettre une :
Et si nous parlions ROI?
Augmentation des
gains attendus
(productivité, sécurité,
chiffre d’affaire, …)
Diminution du temps
de formation et
de support
(Apprentissage plus aisé)
Réductions des coûts
de développement
(en moyenne 20 %)
Amélioration de
la satisfaction des
utilisateurs
9
Notre périmètre
Notre périmètre d’intervention peut s’adapter à toutes les organisations
Ergonomie Design Prototypage HTML Recette
OBJECTIF
Concevoir l’architecture
de l’information, les
parcours utilisateurs et les
différents comportements
de l’IHM
Produire l’habillage
graphique des wireframes
en fonction du brief
graphique
Réaliser le prototype actif à
partir des maquettes
graphiques et des
contraintes données
(résolutions, navigateurs …)
Effectuer les tests
d’acceptance
ergonomiques des IHMs
LIVRABLES
ACTEURS
Wireframes Maquettes graphiques
Prototype
HTML/CSS/JavaScript
Cahier de recette
Workshops en co-
conception
MOA : le besoin
Ergonome : les règles de
l’art
MOE : la faisabilité
Réunion de brief
graphique
MOA : brief graphique
Ergonome : présente les
wireframes
Graphiste : recueille le
besoin et produit
Développeur Front-end :
produit
MOA : valide
Ergonome effectue les tests
MOE intègre les retours
10
Nous prenons en charge les différents supports du processus de création des interfaces.
Nos livrables
Habillage graphique des
principaux écrans, de
l’interactivité, des contenus
et des fonctionnalités.
Maquettes graphiques
Zoning, wireframes,
mockup afin de définir les
règles ergonomiques.
Maquettes blanches
Production du code technique
définissant les interfaces.
Prototypes HTML / CSS / Js
11
Midlle Easton, 245 Eva. Pt.Santerus
Ujungberung, Central Londong
project@inspirasign.com
+12 3456 789
put your great subtitle here
Get in Touch
Contactez-nous.
Des questions ? Guillaume PIC
06.89.52.79.91
guillaume.pic@bb-d.fr
Nadège TETAZ
06.22.01.75.16
nadege.tetaz@bb-d.fr

Weitere ähnliche Inhalte

Andere mochten auch

Le paramédical face à l'urgence en astreinte
Le paramédical face à l'urgence en astreinteLe paramédical face à l'urgence en astreinte
Le paramédical face à l'urgence en astreinte
Hervé Faltot
 
Valphi - Coût du capital - DFCG
Valphi - Coût du capital - DFCGValphi - Coût du capital - DFCG
Valphi - Coût du capital - DFCG
Florent Myara
 
Mémoire-Msc Marketing-Raoul-Chavialle
Mémoire-Msc Marketing-Raoul-ChavialleMémoire-Msc Marketing-Raoul-Chavialle
Mémoire-Msc Marketing-Raoul-Chavialle
Raoul Chavialle
 

Andere mochten auch (20)

Le paramédical face à l'urgence en astreinte
Le paramédical face à l'urgence en astreinteLe paramédical face à l'urgence en astreinte
Le paramédical face à l'urgence en astreinte
 
Programa Otura para la Gente
Programa Otura para la GentePrograma Otura para la Gente
Programa Otura para la Gente
 
Chroniques Ressources Entreprises juillet 2014- octobre 2014
Chroniques Ressources Entreprises juillet 2014- octobre 2014Chroniques Ressources Entreprises juillet 2014- octobre 2014
Chroniques Ressources Entreprises juillet 2014- octobre 2014
 
Solution analytics : acquia lift
Solution analytics : acquia liftSolution analytics : acquia lift
Solution analytics : acquia lift
 
Valphi - Coût du capital - DFCG
Valphi - Coût du capital - DFCGValphi - Coût du capital - DFCG
Valphi - Coût du capital - DFCG
 
Mémoire-Msc Marketing-Raoul-Chavialle
Mémoire-Msc Marketing-Raoul-ChavialleMémoire-Msc Marketing-Raoul-Chavialle
Mémoire-Msc Marketing-Raoul-Chavialle
 
Rri tools 29_03_2016_share
Rri tools 29_03_2016_shareRri tools 29_03_2016_share
Rri tools 29_03_2016_share
 
Rosemoor (Pilkington Cob Shelter)-fr
Rosemoor (Pilkington Cob Shelter)-frRosemoor (Pilkington Cob Shelter)-fr
Rosemoor (Pilkington Cob Shelter)-fr
 
Fr2u2 halloween
Fr2u2 halloweenFr2u2 halloween
Fr2u2 halloween
 
Casa en cura brochero
Casa en cura brocheroCasa en cura brochero
Casa en cura brochero
 
Rapport annuel 2010-2011
Rapport annuel 2010-2011Rapport annuel 2010-2011
Rapport annuel 2010-2011
 
Lettre aux actionnaires - Patrice Caine - Juin 2015
Lettre aux actionnaires - Patrice Caine - Juin 2015Lettre aux actionnaires - Patrice Caine - Juin 2015
Lettre aux actionnaires - Patrice Caine - Juin 2015
 
Energia
EnergiaEnergia
Energia
 
ANTM x Guess
ANTM x GuessANTM x Guess
ANTM x Guess
 
Barometre sur l'emploi de Everjobs (enquête juin 2014)
Barometre sur l'emploi de Everjobs (enquête juin 2014)Barometre sur l'emploi de Everjobs (enquête juin 2014)
Barometre sur l'emploi de Everjobs (enquête juin 2014)
 
Rencontre du 26 juin bilan
Rencontre du 26 juin bilan Rencontre du 26 juin bilan
Rencontre du 26 juin bilan
 
L'autorité
L'autoritéL'autorité
L'autorité
 
Catalogue praeventio avril 2014
Catalogue praeventio avril 2014Catalogue praeventio avril 2014
Catalogue praeventio avril 2014
 
El Conte En Blanc 2
El Conte En Blanc 2El Conte En Blanc 2
El Conte En Blanc 2
 
Portfolio rebecca perret 2
Portfolio rebecca perret 2Portfolio rebecca perret 2
Portfolio rebecca perret 2
 

Ähnlich wie bb-d_ERGO-UX

Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursKit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Stéphanie Hertrich
 
Améliorer le ROI de vos applications grâce à la démarche Design UX
Améliorer le ROI de vos applications grâce à la démarche Design UXAméliorer le ROI de vos applications grâce à la démarche Design UX
Améliorer le ROI de vos applications grâce à la démarche Design UX
Microsoft Ideas
 
Ged Open Source - Documation 2010
Ged Open Source - Documation 2010Ged Open Source - Documation 2010
Ged Open Source - Documation 2010
Thomas Choppy
 

Ähnlich wie bb-d_ERGO-UX (20)

OCTO Talks - State of the art Architecture dans les frontend web
OCTO Talks - State of the art Architecture dans les frontend webOCTO Talks - State of the art Architecture dans les frontend web
OCTO Talks - State of the art Architecture dans les frontend web
 
Ebook inflexsys creeruneappliproprixdélai
Ebook inflexsys creeruneappliproprixdélaiEbook inflexsys creeruneappliproprixdélai
Ebook inflexsys creeruneappliproprixdélai
 
Ergonomie des IHM web - Notes de cours (1/3)
Ergonomie des IHM web - Notes de cours (1/3)Ergonomie des IHM web - Notes de cours (1/3)
Ergonomie des IHM web - Notes de cours (1/3)
 
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursKit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
 
L'approche Bertin Ergonomie des MVP
L'approche Bertin Ergonomie des MVPL'approche Bertin Ergonomie des MVP
L'approche Bertin Ergonomie des MVP
 
InfleXsys Créer une application mobile professionnelle : à quel prix et quel ...
InfleXsys Créer une application mobile professionnelle : à quel prix et quel ...InfleXsys Créer une application mobile professionnelle : à quel prix et quel ...
InfleXsys Créer une application mobile professionnelle : à quel prix et quel ...
 
Cours ergonomie des IHM web - Chapitre 1 - contexte
Cours ergonomie des IHM web - Chapitre 1 - contexteCours ergonomie des IHM web - Chapitre 1 - contexte
Cours ergonomie des IHM web - Chapitre 1 - contexte
 
[TNT19] Hands on: Objectif Top Architecte!
[TNT19] Hands on: Objectif Top Architecte![TNT19] Hands on: Objectif Top Architecte!
[TNT19] Hands on: Objectif Top Architecte!
 
Améliorer le ROI de vos applications grâce à la démarche Design UX
Améliorer le ROI de vos applications grâce à la démarche Design UXAméliorer le ROI de vos applications grâce à la démarche Design UX
Améliorer le ROI de vos applications grâce à la démarche Design UX
 
Application max / Crédit Mutuel Arkea / Étude de cas / fintech
Application max / Crédit Mutuel Arkea / Étude de cas / fintechApplication max / Crédit Mutuel Arkea / Étude de cas / fintech
Application max / Crédit Mutuel Arkea / Étude de cas / fintech
 
Présentation UX agence Backelite
Présentation UX agence BackelitePrésentation UX agence Backelite
Présentation UX agence Backelite
 
Concevoir l'expérience digitale
Concevoir l'expérience digitaleConcevoir l'expérience digitale
Concevoir l'expérience digitale
 
Convivialité (UX) pour les affichages et services numériques dans le processu...
Convivialité (UX) pour les affichages et services numériques dans le processu...Convivialité (UX) pour les affichages et services numériques dans le processu...
Convivialité (UX) pour les affichages et services numériques dans le processu...
 
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
 
Ged Open Source - Documation 2010
Ged Open Source - Documation 2010Ged Open Source - Documation 2010
Ged Open Source - Documation 2010
 
Le rôle de l'analyste d'affaires et la place de la documentation dans un proc...
Le rôle de l'analyste d'affaires et la place de la documentation dans un proc...Le rôle de l'analyste d'affaires et la place de la documentation dans un proc...
Le rôle de l'analyste d'affaires et la place de la documentation dans un proc...
 
Formation : "Concevoir et promouvoir son site Internet"
Formation : "Concevoir et promouvoir son site Internet"Formation : "Concevoir et promouvoir son site Internet"
Formation : "Concevoir et promouvoir son site Internet"
 
conception et réalisation plateforme collaboratif basant sur la methode agile...
conception et réalisation plateforme collaboratif basant sur la methode agile...conception et réalisation plateforme collaboratif basant sur la methode agile...
conception et réalisation plateforme collaboratif basant sur la methode agile...
 
GT Agile-UX - présentation UCD
GT Agile-UX - présentation UCDGT Agile-UX - présentation UCD
GT Agile-UX - présentation UCD
 
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
 

bb-d_ERGO-UX

  • 2. 2 Prenons connaissance ensemble des points que nous aborderons dans cette présentation Au sommaire 1 Que faisons-nous? bb-d vous propose quatre offres complémentaires pour répondre à vos besoins numériques. 2 L’enjeu ergonomique Répondre aux attentes d’utilisateurs évoluant dans un environnement de plus en plus digitalisé. 3 Le domaine de l’ergonomie Qu’est-ce qu’une application ergonomique ? 5 bb-d et vos projets Nous nous présentons comme des facilitateurs de vos projets. 6 Et si nous parlions ROI? L’ergonome a un coût mais son apport auprès des utilisateurs finaux augmente la rentabilité de vos projets. 7 Notre périmètre Notre périmètre d’intervention peut s’adapter à toutes les organisations. 4 Les critères de l’utilisabilité Avant tout, satisfaire les besoin des utilisateurs ! 8 Nos livrables Nous prenons en charge les différents supports du processus de création des interfaces.
  • 3. 3 Nous proposons des prestations de webmastering avancé dans une approche ergonomique mais aussi SEO friendly pour les sites grand public. Que faisons-nous? Conception des interfaces Nous sommes une société de conseil en ergonomie / Ux design. Nous développons des interfaces centrées utilisateurs. Formations numériques Visibilité numérique Webmastering avancé Nous proposons des formations autour des thèmes du numérique (SEO, Web analytics, ergonomie et gestion de projet digitaux, …) Nous faisons du conseil, de l’accompagnement et de la mise en œuvre en visibilité numérique. bb-d vous propose quatre offres complémentaires pour répondre à vos besoins numériques
  • 4. 4 Répondre aux attentes d’utilisateurs évoluant dans un environnement de plus en plus digitalisé. L’enjeu ergonomique Organiser Pour répondre à la richesse des interfaces, organiser les contenus et fonctionnalités suivant les besoins réels des utilisateurs. Accompagner Mettre en œuvre les règles de l’art pour accompagner les utilisateurs dans la prise en main d’applications digitales complexifiées. Séduire L’immersion quotidienne des utilisateurs dans des pratiques numériques qualitatives oblige à proposer une expérience utilisateur non déceptive.
  • 5. 5 Le domaine de l’ergonomie Une application est dite « ergonomique » lorsque son utilisation est ressentie comme facile et confortable en diminuant les erreurs et le temps d’apprentissage de ses utilisateurs. Comment l’interface répond aux besoins ? Utilisabilité Comment le système satisfait aux besoins ? Utilité
  • 6. 6 Les critères de l’utilisabilité Satisfaire le besoin des utilisateurs Principaux critères Efficacité Atteinte du résultat attendu Efficience Consommation d’un minimum de ressources Fiabilité Pas ou peu d’erreurs d’utilisation Facilité d’apprentissage Intuitivité des interfaces Facilité d’appropriation Prise en compte du contexte d’usage Facilité d’utilisation Evidence des usages (les règles de l’art) Satisfaction Confort et évaluation subjective Plaisir Attractivité du service proposé
  • 7. 7 bb-d et vos projets Nous nous présentons comme des facilitateurs du projet Un livrable partagé par tous Des ateliers en co-conception La prise en charge des besoins métier Une intervention en amont enjeux portés par le métier et les contraintes de la techniques. Avec notre méthode, la maitrise d’ouvrage est prise en charge et impliquée dans la conception des interfaces, la MOE est présente aux réunions, nous fournissons un livrable REALISABLE partagé par tous qui permet de partir en phase de développement de manière plus sereine. des projets informatiques nécessitent une bonne communication entre les 100% Il existe des besoins métiers… et des contraintes techniques, budgétaires
  • 8. 8 L’ergonome a un coût mais son apport auprès des utilisateurs finaux va permettre une : Et si nous parlions ROI? Augmentation des gains attendus (productivité, sécurité, chiffre d’affaire, …) Diminution du temps de formation et de support (Apprentissage plus aisé) Réductions des coûts de développement (en moyenne 20 %) Amélioration de la satisfaction des utilisateurs
  • 9. 9 Notre périmètre Notre périmètre d’intervention peut s’adapter à toutes les organisations Ergonomie Design Prototypage HTML Recette OBJECTIF Concevoir l’architecture de l’information, les parcours utilisateurs et les différents comportements de l’IHM Produire l’habillage graphique des wireframes en fonction du brief graphique Réaliser le prototype actif à partir des maquettes graphiques et des contraintes données (résolutions, navigateurs …) Effectuer les tests d’acceptance ergonomiques des IHMs LIVRABLES ACTEURS Wireframes Maquettes graphiques Prototype HTML/CSS/JavaScript Cahier de recette Workshops en co- conception MOA : le besoin Ergonome : les règles de l’art MOE : la faisabilité Réunion de brief graphique MOA : brief graphique Ergonome : présente les wireframes Graphiste : recueille le besoin et produit Développeur Front-end : produit MOA : valide Ergonome effectue les tests MOE intègre les retours
  • 10. 10 Nous prenons en charge les différents supports du processus de création des interfaces. Nos livrables Habillage graphique des principaux écrans, de l’interactivité, des contenus et des fonctionnalités. Maquettes graphiques Zoning, wireframes, mockup afin de définir les règles ergonomiques. Maquettes blanches Production du code technique définissant les interfaces. Prototypes HTML / CSS / Js
  • 11. 11 Midlle Easton, 245 Eva. Pt.Santerus Ujungberung, Central Londong project@inspirasign.com +12 3456 789 put your great subtitle here Get in Touch Contactez-nous. Des questions ? Guillaume PIC 06.89.52.79.91 guillaume.pic@bb-d.fr Nadège TETAZ 06.22.01.75.16 nadege.tetaz@bb-d.fr