SlideShare ist ein Scribd-Unternehmen logo
1 von 26
Paris // 09_02_2013
design de services et expérience utilisateur
Ecosystème applicatif
et UI de marque
WIAD 2013
1
samedi 9 février 13
ATTOMA | WIAD 2013 | 09/02/2013 2
samedi 9 février 13
ATTOMA | WIAD 2013 | 09/02/2013 3
1
PANORAMA DU CONTEXTE CLIENT
samedi 9 février 13
ATTOMA | WIAD 2013 | 09/02/2013 4
1.1
Des entreprises de plus en plus
matures sur la valeur apportée par
la démarche du design…
samedi 9 février 13
ATTOMA | WIAD 2013 | 09/02/2013
• Meilleure maturité/compréhension de la valeur
apportée par le design;
• Tendance à l'internalisation des équipes design ;
• En général autour de petites équipes.
5
samedi 9 février 13
ATTOMA | WIAD 2013 | 09/02/2013 6
Avec des difficultés de visibilité en interne.
samedi 9 février 13
ATTOMA | WIAD 2013 | 09/02/2013 7
1.2
Des entreprises de plus en plus
mature sur la valeur apportée par la
démarche du design… au sein d'un
environnement de plus en plus
complexe…
samedi 9 février 13
ATTOMA | WIAD 2013 | 09/02/2013
Un manque de cohérence dans les stratégies des
entreprise :
• trop de directions à la fois;
• priorités contradictoires;
• "Business Units" (BU) en compétitions;
• incapacité à trouver de nouveaux marchés…
8
Complexité organisationnelle
samedi 9 février 13
ATTOMA | WIAD 2013 | 09/02/2013 9
Complexité technologique
samedi 9 février 13
ATTOMA | WIAD 2013 | 09/02/2013 10
Le C-17:7 tonnes de lest pour voler à vide…
samedi 9 février 13
ATTOMA | WIAD 2013 | 09/02/2013 11
F-22 :cloués au sol (système d'alimentation en oxygène des pilotes)
Autour de 4 millions de lignes de codes
samedi 9 février 13
ATTOMA | WIAD 2013 | 09/02/2013 12
Le JSF qui accumule les retards (et ne verra peut-être jamais le jour) 
Autour de 20 millions de lignes de code
?
samedi 9 février 13
ATTOMA | WIAD 2013 | 09/02/2013 13
1.3
Des entreprises de plus en plus
mature sur la valeur apportée par la
démarche du design… au sein d'un
environnement de plus en plus
complexe… et changeant.
samedi 9 février 13
ATTOMA | WIAD 2013 | 09/02/2013 14
Nassim Nicholas Taleb
samedi 9 février 13
ATTOMA | WIAD 2013 | 09/02/2013 15
«Le cygne noir» iPhone (2007)
« 500 dollars?  Fully subsidized? With a plan?  I said
that is the most expensive phone in the world.  And
it doesn't appeal to business customers because it
doesn't have a keyboard.  Which makes it not a very
good email machine. »
« Let's take phones first. Right now, we're selling
millions and millions and millions of phones a year. 
Apple is selling zero phones a year.  In six months,
they'll have the most expensive phone by far ever in
the marketplace... »
Steve Ballmer,January 2007
samedi 9 février 13
ATTOMA | WIAD 2013 | 09/02/2013 16
«Le cygne noir» iPhone (2007)
Hold-up sur le marché des terminaux mobiles :
Lancé en 2007, l’iPhone représente moins de 9 % des ventes, mais
concentre 75 % des bénéfices et 39 % du chiffre d'affaires du secteur
de la téléphonie fin 2011.
Un alignement impressionnant…
samedi 9 février 13
ATTOMA | WIAD 2013 | 09/02/2013 17
La cohérence du discours de la marque par un designer graphique
La réaction de Microsoft:Windows Metro
Modern UI Windows 8 (2010)
Genuine - Spirited - Supportive - Balanced
Formalisation de l'expérience de la marque visuellement,
auditivement, verbalement et spatialement
samedi 9 février 13
ATTOMA | WIAD 2013 | 09/02/2013
INTERFACE DESIGN &
FUNCTIONAL BRANDING
CAS PRATIQUE
18
2.samedi 9 février 13
ATTOMA | WIAD 2013 | 09/02/2013
• Principal point de contact (« touchpoint » ) entre un
utilisateur et un service ;
• l'interface doit fonctionner à plusieurs niveaux :
utilisateur(s) final(aux), acheteur(s), marketing,
développeur(s), intégrateur(s), ingénieur(s)…;
• Nécessite d'aligner (Ré-)aligner les activités
(marketing : internes) et les services (externes), les
process (ingénieurs, développeurs : internes) et les
marchés (externes).
19
Enjeux de l'interface utilisateur
samedi 9 février 13
ATTOMA | WIAD 2013 | 09/02/2013 20
Points de contacts et expérience de marque
UI
Bundles Logotype Splash sceen
Look & Feel Interaction
samedi 9 février 13
ATTOMA | WIAD 2013 | 09/02/2013 21
Le process initial
samedi 9 février 13
ATTOMA | WIAD 2013 | 09/02/2013 22
Le process final
samedi 9 février 13
ATTOMA | WIAD 2013 | 09/02/2013 23
Avant…
samedi 9 février 13
ATTOMA | WIAD 2013 | 09/02/2013 24
… Après.
samedi 9 février 13
ATTOMA | WIAD 2013 | 09/02/2013 25
Points de contacts et expérience de marque
UI
Bundles Logotype Splash sceen
Look & Feel Interaction
samedi 9 février 13
ATTOMA | WIAD 2013 | 09/02/2013 26
samedi 9 février 13

Weitere ähnliche Inhalte

Ähnlich wie Ecosystème applicatif et UI de marque

De l’ergonomie aux bonnes méthodes de développement de vos applications Windo...
De l’ergonomie aux bonnes méthodes de développement de vos applications Windo...De l’ergonomie aux bonnes méthodes de développement de vos applications Windo...
De l’ergonomie aux bonnes méthodes de développement de vos applications Windo...Microsoft
 
La Duck Conf - "Quelle place pour le no code/low code dans les entreprises ?"
La Duck Conf - "Quelle place pour le no code/low code dans les entreprises ?"La Duck Conf - "Quelle place pour le no code/low code dans les entreprises ?"
La Duck Conf - "Quelle place pour le no code/low code dans les entreprises ?"OCTO Technology
 
201910 skilld presentation-societe
201910 skilld presentation-societe201910 skilld presentation-societe
201910 skilld presentation-societeSkilld
 
Le Lounge OCTO x Accenture - Offrir une expérience premium sur mobile
Le Lounge OCTO x Accenture - Offrir une expérience premium sur mobileLe Lounge OCTO x Accenture - Offrir une expérience premium sur mobile
Le Lounge OCTO x Accenture - Offrir une expérience premium sur mobileOCTO Technology
 
De l'Internet des Objets à l'Internet des Produits
De l'Internet des Objets à l'Internet des ProduitsDe l'Internet des Objets à l'Internet des Produits
De l'Internet des Objets à l'Internet des ProduitsRenaud Ménérat
 
Android Intro-DevFest Yde 2013
Android Intro-DevFest Yde 2013Android Intro-DevFest Yde 2013
Android Intro-DevFest Yde 2013gdgyaounde
 
Responsive web design, enjeux et stratégies
Responsive web design, enjeux et stratégiesResponsive web design, enjeux et stratégies
Responsive web design, enjeux et stratégiesMehdi Kabab
 
[Webinar Niji] Frameworks XPlateform mobile - 2210
[Webinar Niji] Frameworks XPlateform mobile - 2210 [Webinar Niji] Frameworks XPlateform mobile - 2210
[Webinar Niji] Frameworks XPlateform mobile - 2210 Niji
 
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 ...AudéLor
 
Framework XPlatform Mobile
Framework XPlatform MobileFramework XPlatform Mobile
Framework XPlatform MobileGabriel DUPONT
 
Une nouvelle stratégie, un nouveau cycle pour Avanquest
Une nouvelle stratégie, un nouveau cycle pour AvanquestUne nouvelle stratégie, un nouveau cycle pour Avanquest
Une nouvelle stratégie, un nouveau cycle pour AvanquestAvanquestCorporate
 
Les assureurs face à la transformation digitale (avril 2013)
Les assureurs face à la transformation digitale (avril 2013)Les assureurs face à la transformation digitale (avril 2013)
Les assureurs face à la transformation digitale (avril 2013)Djamel SOUAMI
 
Les assureurs face à la transformation digitale - 23 avril 2013
Les assureurs face à la transformation digitale - 23 avril 2013Les assureurs face à la transformation digitale - 23 avril 2013
Les assureurs face à la transformation digitale - 23 avril 2013Djamel SOUAMI
 
L'impression 3D, comment atteindre les cadences industrielles ?
L'impression 3D, comment atteindre les cadences industrielles ? L'impression 3D, comment atteindre les cadences industrielles ?
L'impression 3D, comment atteindre les cadences industrielles ? Denis Roditi
 
[heaven] Digital highlights by heaven #4
[heaven] Digital highlights by heaven #4[heaven] Digital highlights by heaven #4
[heaven] Digital highlights by heaven #4heaven
 
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 UXMicrosoft Ideas
 
Les 9 Tendances Tech en 2016
Les 9 Tendances Tech en 2016Les 9 Tendances Tech en 2016
Les 9 Tendances Tech en 2016Idean France
 

Ähnlich wie Ecosystème applicatif et UI de marque (20)

De l’ergonomie aux bonnes méthodes de développement de vos applications Windo...
De l’ergonomie aux bonnes méthodes de développement de vos applications Windo...De l’ergonomie aux bonnes méthodes de développement de vos applications Windo...
De l’ergonomie aux bonnes méthodes de développement de vos applications Windo...
 
La Duck Conf - "Quelle place pour le no code/low code dans les entreprises ?"
La Duck Conf - "Quelle place pour le no code/low code dans les entreprises ?"La Duck Conf - "Quelle place pour le no code/low code dans les entreprises ?"
La Duck Conf - "Quelle place pour le no code/low code dans les entreprises ?"
 
201910 skilld presentation-societe
201910 skilld presentation-societe201910 skilld presentation-societe
201910 skilld presentation-societe
 
Pulse Mag juin 2013
Pulse Mag juin 2013Pulse Mag juin 2013
Pulse Mag juin 2013
 
Le Lounge OCTO x Accenture - Offrir une expérience premium sur mobile
Le Lounge OCTO x Accenture - Offrir une expérience premium sur mobileLe Lounge OCTO x Accenture - Offrir une expérience premium sur mobile
Le Lounge OCTO x Accenture - Offrir une expérience premium sur mobile
 
De l'Internet des Objets à l'Internet des Produits
De l'Internet des Objets à l'Internet des ProduitsDe l'Internet des Objets à l'Internet des Produits
De l'Internet des Objets à l'Internet des Produits
 
Petits Déjeuners du Marketing Mobile - 17 sept. 2013 -
Petits Déjeuners du Marketing Mobile - 17 sept. 2013 - Petits Déjeuners du Marketing Mobile - 17 sept. 2013 -
Petits Déjeuners du Marketing Mobile - 17 sept. 2013 -
 
Android Intro-DevFest Yde 2013
Android Intro-DevFest Yde 2013Android Intro-DevFest Yde 2013
Android Intro-DevFest Yde 2013
 
Responsive web design, enjeux et stratégies
Responsive web design, enjeux et stratégiesResponsive web design, enjeux et stratégies
Responsive web design, enjeux et stratégies
 
[Webinar Niji] Frameworks XPlateform mobile - 2210
[Webinar Niji] Frameworks XPlateform mobile - 2210 [Webinar Niji] Frameworks XPlateform mobile - 2210
[Webinar Niji] Frameworks XPlateform mobile - 2210
 
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 ...
 
Framework XPlatform Mobile
Framework XPlatform MobileFramework XPlatform Mobile
Framework XPlatform Mobile
 
Une nouvelle stratégie, un nouveau cycle pour Avanquest
Une nouvelle stratégie, un nouveau cycle pour AvanquestUne nouvelle stratégie, un nouveau cycle pour Avanquest
Une nouvelle stratégie, un nouveau cycle pour Avanquest
 
Les assureurs face à la transformation digitale (avril 2013)
Les assureurs face à la transformation digitale (avril 2013)Les assureurs face à la transformation digitale (avril 2013)
Les assureurs face à la transformation digitale (avril 2013)
 
Les assureurs face à la transformation digitale - 23 avril 2013
Les assureurs face à la transformation digitale - 23 avril 2013Les assureurs face à la transformation digitale - 23 avril 2013
Les assureurs face à la transformation digitale - 23 avril 2013
 
L'impression 3D, comment atteindre les cadences industrielles ?
L'impression 3D, comment atteindre les cadences industrielles ? L'impression 3D, comment atteindre les cadences industrielles ?
L'impression 3D, comment atteindre les cadences industrielles ?
 
[heaven] Digital highlights by heaven #4
[heaven] Digital highlights by heaven #4[heaven] Digital highlights by heaven #4
[heaven] Digital highlights by heaven #4
 
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
 
Les 9 Tendances Tech en 2016
Les 9 Tendances Tech en 2016Les 9 Tendances Tech en 2016
Les 9 Tendances Tech en 2016
 
SQLI - Club des DSI - Mobilité
SQLI - Club des DSI - MobilitéSQLI - Club des DSI - Mobilité
SQLI - Club des DSI - Mobilité
 

Ecosystème applicatif et UI de marque

  • 1. Paris // 09_02_2013 design de services et expérience utilisateur Ecosystème applicatif et UI de marque WIAD 2013 1 samedi 9 février 13
  • 2. ATTOMA | WIAD 2013 | 09/02/2013 2 samedi 9 février 13
  • 3. ATTOMA | WIAD 2013 | 09/02/2013 3 1 PANORAMA DU CONTEXTE CLIENT samedi 9 février 13
  • 4. ATTOMA | WIAD 2013 | 09/02/2013 4 1.1 Des entreprises de plus en plus matures sur la valeur apportée par la démarche du design… samedi 9 février 13
  • 5. ATTOMA | WIAD 2013 | 09/02/2013 • Meilleure maturité/compréhension de la valeur apportée par le design; • Tendance à l'internalisation des équipes design ; • En général autour de petites équipes. 5 samedi 9 février 13
  • 6. ATTOMA | WIAD 2013 | 09/02/2013 6 Avec des difficultés de visibilité en interne. samedi 9 février 13
  • 7. ATTOMA | WIAD 2013 | 09/02/2013 7 1.2 Des entreprises de plus en plus mature sur la valeur apportée par la démarche du design… au sein d'un environnement de plus en plus complexe… samedi 9 février 13
  • 8. ATTOMA | WIAD 2013 | 09/02/2013 Un manque de cohérence dans les stratégies des entreprise : • trop de directions à la fois; • priorités contradictoires; • "Business Units" (BU) en compétitions; • incapacité à trouver de nouveaux marchés… 8 Complexité organisationnelle samedi 9 février 13
  • 9. ATTOMA | WIAD 2013 | 09/02/2013 9 Complexité technologique samedi 9 février 13
  • 10. ATTOMA | WIAD 2013 | 09/02/2013 10 Le C-17:7 tonnes de lest pour voler à vide… samedi 9 février 13
  • 11. ATTOMA | WIAD 2013 | 09/02/2013 11 F-22 :cloués au sol (système d'alimentation en oxygène des pilotes) Autour de 4 millions de lignes de codes samedi 9 février 13
  • 12. ATTOMA | WIAD 2013 | 09/02/2013 12 Le JSF qui accumule les retards (et ne verra peut-être jamais le jour)  Autour de 20 millions de lignes de code ? samedi 9 février 13
  • 13. ATTOMA | WIAD 2013 | 09/02/2013 13 1.3 Des entreprises de plus en plus mature sur la valeur apportée par la démarche du design… au sein d'un environnement de plus en plus complexe… et changeant. samedi 9 février 13
  • 14. ATTOMA | WIAD 2013 | 09/02/2013 14 Nassim Nicholas Taleb samedi 9 février 13
  • 15. ATTOMA | WIAD 2013 | 09/02/2013 15 «Le cygne noir» iPhone (2007) « 500 dollars?  Fully subsidized? With a plan?  I said that is the most expensive phone in the world.  And it doesn't appeal to business customers because it doesn't have a keyboard.  Which makes it not a very good email machine. » « Let's take phones first. Right now, we're selling millions and millions and millions of phones a year.  Apple is selling zero phones a year.  In six months, they'll have the most expensive phone by far ever in the marketplace... » Steve Ballmer,January 2007 samedi 9 février 13
  • 16. ATTOMA | WIAD 2013 | 09/02/2013 16 «Le cygne noir» iPhone (2007) Hold-up sur le marché des terminaux mobiles : Lancé en 2007, l’iPhone représente moins de 9 % des ventes, mais concentre 75 % des bénéfices et 39 % du chiffre d'affaires du secteur de la téléphonie fin 2011. Un alignement impressionnant… samedi 9 février 13
  • 17. ATTOMA | WIAD 2013 | 09/02/2013 17 La cohérence du discours de la marque par un designer graphique La réaction de Microsoft:Windows Metro Modern UI Windows 8 (2010) Genuine - Spirited - Supportive - Balanced Formalisation de l'expérience de la marque visuellement, auditivement, verbalement et spatialement samedi 9 février 13
  • 18. ATTOMA | WIAD 2013 | 09/02/2013 INTERFACE DESIGN & FUNCTIONAL BRANDING CAS PRATIQUE 18 2.samedi 9 février 13
  • 19. ATTOMA | WIAD 2013 | 09/02/2013 • Principal point de contact (« touchpoint » ) entre un utilisateur et un service ; • l'interface doit fonctionner à plusieurs niveaux : utilisateur(s) final(aux), acheteur(s), marketing, développeur(s), intégrateur(s), ingénieur(s)…; • Nécessite d'aligner (Ré-)aligner les activités (marketing : internes) et les services (externes), les process (ingénieurs, développeurs : internes) et les marchés (externes). 19 Enjeux de l'interface utilisateur samedi 9 février 13
  • 20. ATTOMA | WIAD 2013 | 09/02/2013 20 Points de contacts et expérience de marque UI Bundles Logotype Splash sceen Look & Feel Interaction samedi 9 février 13
  • 21. ATTOMA | WIAD 2013 | 09/02/2013 21 Le process initial samedi 9 février 13
  • 22. ATTOMA | WIAD 2013 | 09/02/2013 22 Le process final samedi 9 février 13
  • 23. ATTOMA | WIAD 2013 | 09/02/2013 23 Avant… samedi 9 février 13
  • 24. ATTOMA | WIAD 2013 | 09/02/2013 24 … Après. samedi 9 février 13
  • 25. ATTOMA | WIAD 2013 | 09/02/2013 25 Points de contacts et expérience de marque UI Bundles Logotype Splash sceen Look & Feel Interaction samedi 9 février 13
  • 26. ATTOMA | WIAD 2013 | 09/02/2013 26 samedi 9 février 13