YOU ARE DOWNLOADING DOCUMENT

Please tick the box to continue:

Transcript
Page 1: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

Making-of de projets Windows 8

Stéphane Donic – Directeur UX

Design – Architecture - Développement

http://www.avanade.com/fr

Page 2: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

• Créée en 2000, Avanade aide les entreprises à optimiser leurs investissements

informatiques et à développer des solutions complètes, génératrices de bénéfices

concrets, autour des technologies Microsoft.

• Plus de 17.000 professionnels répartis sur plus de 20 pays.

CA 2012 =1,3 milliard USD

• N°1 en nombre de certifications par employé (MCPD, MCTS, MCITP),

29 Microsoft MVPs et 14 elite Microsoft Certified Architects.

• Reconnue «Microsoft’s Global SI Partner of the Year »

en 2012, 2011, 2010, 2009, 2008, 2006, 2004 et 2001.

• Société orientée «Assets» participant à l’évolution des solutions Microsoft.

• Avanade France a obtenu le label « Top Employeur » 2012

Avanade

Design – Architecture - Développement

Page 3: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

Avanade Experience Design U S E F U L , U S A B L E , B E A U T I F U L S E N S É , S I M P L E , S I N G U L I E R

3

Page 4: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

Experience Design

notre vision

Page 5: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

visionnaire sur les idées

Page 6: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

6

leadership design

Page 7: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

le design n’est pas_

cosmétique

Page 8: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

le design est_

un process

Page 9: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

le design est_

la résolution de problèmes

Page 10: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

le design est_

la construction d’une solution

Page 11: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

le design est_

une démarche de pensée créative

Page 12: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 13: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

l’excellence dans

l’utilité

Page 14: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

l’excellence dans

l’utilisabilité

Page 15: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

l’excellence dans

l’esthétique

Page 16: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

le soin des

détails

Page 17: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

le focus sur la

qualité

Page 18: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

la quête d’une

identité

Page 19: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 20: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 21: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

le second effet wow!

Credits Mauricio Candela

Page 22: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

Windows 8

© Copyright 2013 Avanade Inc. All Rights Reserved. 22

Avanade et le making-of

Page 23: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2013 Avanade Inc. All Rights Reserved. 23

Page 24: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2013 Avanade Inc. All Rights Reserved. 24

innovation continue

Page 25: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 25

= Roads

2015

Page 26: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 26

Page 27: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 27

Page 28: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 28

Page 29: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 29

Manager

Steering group

project

market

task Team lead

Vecka

Månad

Dag

+5 -3

+8 -4

-

1

+

1

-4

+2 Communication

Level

Operation Level

Administration Level

Page 30: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 30

Page 31: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

Control Panel Personal

Communication Specific

© Copyright 2012 Avanade Inc. All Rights Reserved. 31

1 Jobbets namn

Knowledgebase Generic

Communication Specific

Page 32: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 32

Knowledgebase Generic

1 Jobbets namn

Page 33: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

NCC Roads the loop

Page 34: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 35: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

35

1 Jobbets namn

Page 36: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

36

Page 37: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

37

Scanner

Page 38: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

38

Min radar

Page 39: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2013 Avanade Inc. All Rights Reserved. 39

achat de forfaits data/time

Page 40: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 40

Page 41: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 41

Page 42: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 43: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 43

Page 44: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 44

Page 45: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 45

Page 46: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 46

Page 47: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 47

Page 48: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

Drag n’ Drop

Page 49: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

Swipe Rotation

Page 50: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 50

Page 51: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 51

Page 52: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 52

Page 53: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 53

Page 54: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 54

Page 55: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2013 Avanade Inc. All Rights Reserved. 55

Car Configurator

Page 56: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 56

Page 57: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 57

Page 58: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

58

Page 59: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

59

Page 60: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

60

Page 61: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 61

Page 62: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 62

Page 63: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 63

Page 64: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 64

Page 65: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 65

Page 66: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 66

Page 67: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 67

Page 68: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 68

hospitalisation à domicile

Page 69: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

Design

Ré imaginons l’hospitalisation à domicile …

820

patients/jour

630

professionnels

Page 70: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

Passer d’un dossier papier…

Design

Page 71: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

À un outil digital

Design

Page 72: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

Design

L’UX, facteur clé de succès

« Focus on what’s essential »

Graphisme épuré, simple et incitatif

Lisibilité et hiérarchie des informations

Fonctionnel, ergonomique et esthétique

-> Adoption utilisateurs

-> Image de marque HAD renforcée

Page 73: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

wireframe

73

Page 74: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

OK

Ordonnances

Traçabilité

d’éducation

thérapeutique

Traçabilité des

commandes Évaluation

douleur et plaies

Traçabilité

logistique Transmissions

urgentes

Diagrammes

de soins

4 actives

PPP

et suivi de staff Fin d’HAD

Traçabilité des

chimiothérapies

Fiche de liaison 2

• Vue timeline

• Vue archives

• Vue Détail

• Scan

• Consultation

synthèse initiale

• CR staff

• Consultation et

envois messages

(service de nuit,

de jour, médecin

d’astreinte,

plateforme

d’admission…)

• Statut de

connexion

• Statut de

synchronisation

des données

• Déconnexion

v1 v2 v2

Josiane BOUCHARDEAU

• Bandeau patient

déplaible

Page 75: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 76: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

login

76

Page 77: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 78: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 79: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 80: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 81: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

home screen

81

Page 82: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 83: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 84: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

mode admin

84

Page 85: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 86: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 87: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 88: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 89: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 90: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 91: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

numérisation de documents

91

Page 92: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 93: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 94: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

numérisation d’ordonnances

94

Page 95: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 96: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 97: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 98: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

consultation des ordonnances

98

Page 99: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 100: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 101: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 102: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 103: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 104: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

informations urgentes

104

Page 105: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 106: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 107: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …
Page 108: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 108

merci

Page 109: Making-of du design d’applications Windows 8 : BMW, Telefonica, APHP, …

© Copyright 2012 Avanade Inc. All Rights Reserved. 109

Stéphane Donic

Avanade Digital