5 concepts pour briller en société (et accessoirement en ux)

67
UX DAY 2016

Upload: guillaume-abel

Post on 16-Apr-2017

449 views

Category:

Design


3 download

TRANSCRIPT

Page 1: 5 concepts pour briller en société (et accessoirement en UX)

UX

DA

Y 20

16

Page 2: 5 concepts pour briller en société (et accessoirement en UX)

2

5 concepts pour briller en société (et accessoirement en UX) #5concepts Guillaume Abel @MoreThanScreens [email protected]

Page 3: 5 concepts pour briller en société (et accessoirement en UX)

3 3

Instructions: Right-click on the top right corner of the shaded box select ‘Format Background’ then select the fill colour from the inbuilt colour theme. This textbox will not print and not show in screen-show mode

Instructions: Change the colour of the text to match the shaded area on the left

Des études 100% dans les NTIC l’internet le multimédia le numérique le digitale. le numérique 12 ans d’agence. Megalos DDB SQLI ekino 9 ans d’UX 4 ans UX Team Leader ekino.

Quelques mots sur moi

Page 4: 5 concepts pour briller en société (et accessoirement en UX)

4

Pourquoi cette présentation ?

Page 5: 5 concepts pour briller en société (et accessoirement en UX)

5

Instructions: Right-click on one of the shapes and select ‘Format Background’ then select the fill colour from the inbuilt colour theme. Please change the font colour to match your chosen Design Colour. This textbox will not print and not show in screen-show mode

Le culte du cargo

1.

Page 6: 5 concepts pour briller en société (et accessoirement en UX)

6

C’est quoi ?

Page 7: 5 concepts pour briller en société (et accessoirement en UX)

7 7

Instructions: Right-click on the top right corner of the shaded box select ‘Format Background’ then select the fill colour from the inbuilt colour theme. This textbox will not print and not show in screen-show mode

Instructions: Change the colour of the text to match the shaded area on the left

Le culte du cargo est un ensemble de rites qui apparaissent à la fin du XIXe siècle et dans la première moitié du XXe siècle chez les aborigènes, notamment en Mélanésie (Océanie), en réaction à la colonisation. (Merci wikipedia)

Page 8: 5 concepts pour briller en société (et accessoirement en UX)

Instructions: Depending on the colour density of the background picture, the title text on this page may need to be changed to a darker colour

Page 9: 5 concepts pour briller en société (et accessoirement en UX)

Instructions: Depending on the colour density of the background picture, the title text on this page may need to be changed to a darker colour

Page 10: 5 concepts pour briller en société (et accessoirement en UX)

10

Instructions: To highlight one row change the font colour to red

Instructions: Right-click on the top right corner of the shaded box select ‘Format Background’ then select the fill colour from the inbuilt colour theme. This textbox will not print and not show in screen-show mode

10

En science Science approximative

L'observation du culte du cargo a conduit à un questionnement : ne sommes-nous pas parfois conduits à appliquer des méthodes par mimétisme, sans réelle réflexion sur le bien-fondé de nos démarches, en pratiquant une sorte de pensée magique ? (Merci encore wikipedia)

En informatique Copier-coller

En politique Investissements sans compréhension

Page 11: 5 concepts pour briller en société (et accessoirement en UX)

11

Culte du cargo et UX

Page 12: 5 concepts pour briller en société (et accessoirement en UX)

12

Instructions: Right-click on the top right corner of the shaded box select ‘Format Background’ then select the fill colour from the inbuilt colour theme. This textbox will not print and not show in screen-show mode

12

Devenir le [insérer nom d’un géant du web]

Uberisation

L’effet Steve Jobs

Certains de nos interlocuteurs sont victimes de la pensée magique.

Quelque exemple dans le domaine du digital

Page 13: 5 concepts pour briller en société (et accessoirement en UX)

Instructions: Depending on the colour density of the background picture, the title text on this page may need to be changed to a darker colour

Wireframe that First: The Role of UX in Agencies from Abby Covert

Page 14: 5 concepts pour briller en société (et accessoirement en UX)

Instructions: Depending on the colour density of the background picture, the title text on this page may need to be changed to a darker colour

Design d'expérience

utilisateur Développement Contenu & éditorial

Marketing Architecture de l'information

Design d'interaction

Interface

Ergonomie

Conseil

Visible vs invisible

Page 15: 5 concepts pour briller en société (et accessoirement en UX)

15

Instructions: Right-click on one of the shapes and select ‘Format Background’ then select the fill colour from the inbuilt colour theme. Please change the font colour to match your chosen Design Colour. This textbox will not print and not show in screen-show mode

L’esprit d’escalier 2.

Page 16: 5 concepts pour briller en société (et accessoirement en UX)

16

C’est quoi ?

Page 17: 5 concepts pour briller en société (et accessoirement en UX)

17 17

Instructions: Right-click on the top right corner of the shaded box select ‘Format Background’ then select the fill colour from the inbuilt colour theme. This textbox will not print and not show in screen-show mode

Instructions: Change the colour of the text to match the shaded area on the left

Esprit d’escalier est une expression française signifiant que l’on pense souvent à ce que l’on aurait pu et dû dire de plus juste, après avoir quitté ses interlocuteurs. (Wikipedia)

Page 18: 5 concepts pour briller en société (et accessoirement en UX)

18 18

Instructions: Right-click on the top right corner of the shaded box select ‘Format Background’ then select the fill colour from the inbuilt colour theme. This textbox will not print and not show in screen-show mode

L’homme sensible, comme moi, tout entier à ce qu’on lui objecte, perd la tête et ne se retrouve qu’au bas de l’escalier

Paradoxe sur le comédien (1770 – 1778) Denis Diderot

Page 19: 5 concepts pour briller en société (et accessoirement en UX)

19

Esprit d’escalier et UX

Page 20: 5 concepts pour briller en société (et accessoirement en UX)

20 20

Instructions: Right-click on the top right corner of the shaded box select ‘Format Background’ then select the fill colour from the inbuilt colour theme. This textbox will not print and not show in screen-show mode

Instructions: Change the colour of the text to match the shaded area on the left

Comment combattre l’esprit d’escalier dans un processus de design UX ? Faut-il le combattre ?

Page 21: 5 concepts pour briller en société (et accessoirement en UX)

21 21

Instructions: Right-click on the top right corner of the shaded box select ‘Format Background’ then select the fill colour from the inbuilt colour theme. This textbox will not print and not show in screen-show mode

Instructions: Change the colour of the text to match the shaded area on the left

Une étape du processus. Générer le maximum d’idées lors d’ateliers dédiés (atelier idéation) en utilisant des méthode de co-création (Gamestorming)

Page 22: 5 concepts pour briller en société (et accessoirement en UX)

Instructions: Depending on the colour density of the background picture, the title text on this page may need to be changed to a darker colour

Page 23: 5 concepts pour briller en société (et accessoirement en UX)

23 23

Instructions: Right-click on the top right corner of the shaded box select ‘Format Background’ then select the fill colour from the inbuilt colour theme. This textbox will not print and not show in screen-show mode

Instructions: Change the colour of the text to match the shaded area on the left

Fais partie du processus. Travailler de manière itérative pour intégrer de manière fluide en cours de réalisation les bonnes idées à fortes valeurs ajoutées.

Page 24: 5 concepts pour briller en société (et accessoirement en UX)

Instructions: Depending on the colour density of the background picture, the title text on this page may need to be changed to a darker colour

Page 25: 5 concepts pour briller en société (et accessoirement en UX)

Instructions: Depending on the colour density of the background picture, the title text on this page may need to be changed to a darker colour

Page 26: 5 concepts pour briller en société (et accessoirement en UX)

26

Instructions: Right-click on one of the shapes and select ‘Format Background’ then select the fill colour from the inbuilt colour theme. Please change the font colour to match your chosen Design Colour. This textbox will not print and not show in screen-show mode

L’HIPPO

3.

Page 27: 5 concepts pour briller en société (et accessoirement en UX)

27

C’est quoi ?

Page 28: 5 concepts pour briller en société (et accessoirement en UX)

Instructions: Depending on the colour density of the background picture, the title text on this page may need to be changed to a darker colour

?

Page 29: 5 concepts pour briller en société (et accessoirement en UX)

Instructions: Depending on the colour density of the background picture, the title text on this page may need to be changed to a darker colour

?

Page 30: 5 concepts pour briller en société (et accessoirement en UX)

30 30

Instructions: Right-click on the top right corner of the shaded box select ‘Format Background’ then select the fill colour from the inbuilt colour theme. This textbox will not print and not show in screen-show mode

Instructions: Change the colour of the text to match the shaded area on the left

HIPPO : HIghest Paid Person’s Opinion

Page 31: 5 concepts pour briller en société (et accessoirement en UX)

Instructions: Depending on the colour density of the background picture, the title text on this page may need to be changed to a darker colour

Page 32: 5 concepts pour briller en société (et accessoirement en UX)

Instructions: Depending on the colour density of the background picture, the title text on this page may need to be changed to a darker colour

Page 33: 5 concepts pour briller en société (et accessoirement en UX)

Instructions: Depending on the colour density of the background picture, the title text on this page may need to be changed to a darker colour

Page 34: 5 concepts pour briller en société (et accessoirement en UX)

34

HIPPO et UX

Page 35: 5 concepts pour briller en société (et accessoirement en UX)

35

Instructions: Right-click on the top right corner of the shaded box select ‘Format Background’ then select the fill colour from the inbuilt colour theme. This textbox will not print and not show in screen-show mode

35

Design pour l’HIPPO

Design sans l’HIPPO

Design avec l’HIPPO

Trois manières d’aborder le problème.

Page 36: 5 concepts pour briller en société (et accessoirement en UX)

36 36

Instructions: Right-click on the top right corner of the shaded box select ‘Format Background’ then select the fill colour from the inbuilt colour theme. This textbox will not print and not show in screen-show mode

Instructions: Change the colour of the text to match the shaded area on the left

Interview partie prenante (Stakeholder interview). Embarquer l’HIPPO dans le projet, exposer notre rôle et l’écouter. Mot clef : empathie.

•  Quelles sont les valeurs de l’entreprise ?

•  Qu’est ce qui fait de vous une entreprise unique ?

•  Quels sont vos plus grand défis à l’avenir ?

•  Quelle est votre définition du succès ?

Page 37: 5 concepts pour briller en société (et accessoirement en UX)

Instructions: Depending on the colour density of the background picture, the title text on this page may need to be changed to a darker colour

Décisions basées sur la data !

Page 38: 5 concepts pour briller en société (et accessoirement en UX)

38 38

Instructions: Right-click on the top right corner of the shaded box select ‘Format Background’ then select the fill colour from the inbuilt colour theme. This textbox will not print and not show in screen-show mode

Instructions: Change the colour of the text to match the shaded area on the left

Combattre les opinions avec les datas. Sans datas c’est l’HIPPO qui gagne. « Si nous avons des datas, regardons les datas. Si nous avons tous des opinions, prenons la mienne »

VS

Page 39: 5 concepts pour briller en société (et accessoirement en UX)

Instructions: Depending on the colour density of the background picture, the title text on this page may need to be changed to a darker colour

L’hippo dans la poche

Page 40: 5 concepts pour briller en société (et accessoirement en UX)

40

Instructions: Right-click on one of the shapes and select ‘Format Background’ then select the fill colour from the inbuilt colour theme. Please change the font colour to match your chosen Design Colour. This textbox will not print and not show in screen-show mode

Vérité de la Palice

4.

Page 41: 5 concepts pour briller en société (et accessoirement en UX)

41

C’est quoi ?

Page 42: 5 concepts pour briller en société (et accessoirement en UX)

42 42

Instructions: Right-click on the top right corner of the shaded box select ‘Format Background’ then select the fill colour from the inbuilt colour theme. This textbox will not print and not show in screen-show mode

Instructions: Change the colour of the text to match the shaded area on the left

Une lapalissade (ou vérité de La Palice) consiste à affirmer une évidence immédiatement perceptible, ce qui déclenche en général le rire de l'interlocuteur, ou encore sa réponse : « La Palice en aurait dit autant ! ». C'est un synonyme de truisme. (Wikipédia toujours)

Page 43: 5 concepts pour briller en société (et accessoirement en UX)

43 43

Instructions: Right-click on the top right corner of the shaded box select ‘Format Background’ then select the fill colour from the inbuilt colour theme. This textbox will not print and not show in screen-show mode

Instructions: Change the colour of the text to match the shaded area on the left

Hélas, La Palice est mort, Il est mort devant Pavie ; Hélas, s’il n’était pas mort, Il ferait encore envie

Page 44: 5 concepts pour briller en société (et accessoirement en UX)

44

Instructions: To highlight one row change the font colour to red

Instructions: Right-click on the top right corner of the shaded box select ‘Format Background’ then select the fill colour from the inbuilt colour theme. This textbox will not print and not show in screen-show mode

44

« La mortalité dans l’armée augmente sensiblement en temps de guerre.» - Alphonse Allais

Autres lapalissades glanées sur les internets

« Les vieux vivent généralement longtemps, plus longtemps en fait que les jeunes qui meurent tôt. » - Robert Soulières

Les discours les moins longs sont les plus courts. - Pierre Dac

Page 45: 5 concepts pour briller en société (et accessoirement en UX)

45

Lapalissade et UX

Page 46: 5 concepts pour briller en société (et accessoirement en UX)

46

Instructions: To highlight one row change the font colour to red

Instructions: Right-click on the top right corner of the shaded box select ‘Format Background’ then select the fill colour from the inbuilt colour theme. This textbox will not print and not show in screen-show mode

46

Quelque évidences immédiatement perceptibles en interface utilisateur.

Sans Call to action, les utilisateurs ne cliqueront pas.

S’il y a un parcours utilisateur, c’est qu’ils viennent de quelque part.

Plus il y a de choix dans une liste déroulante, plus elle est longue.

Page 47: 5 concepts pour briller en société (et accessoirement en UX)

47 47

Instructions: Right-click on the top right corner of the shaded box select ‘Format Background’ then select the fill colour from the inbuilt colour theme. This textbox will not print and not show in screen-show mode

Instructions: Change the colour of the text to match the shaded area on the left

Les évidences ne sont par forcément évidentes.

Critères Heuristiques de Bastien et Scapin

Evaluation de La Palice ?

Page 48: 5 concepts pour briller en société (et accessoirement en UX)

Instructions: Depending on the colour density of the background picture, the title text on this page may need to be changed to a darker colour

Page 49: 5 concepts pour briller en société (et accessoirement en UX)

49

Instructions: Right-click on one of the shapes and select ‘Format Background’ then select the fill colour from the inbuilt colour theme. Please change the font colour to match your chosen Design Colour. This textbox will not print and not show in screen-show mode

Le chat de schrödinger

5.

Page 50: 5 concepts pour briller en société (et accessoirement en UX)

50

C’est quoi ?

Page 51: 5 concepts pour briller en société (et accessoirement en UX)

51 51

Instructions: Right-click on the top right corner of the shaded box select ‘Format Background’ then select the fill colour from the inbuilt colour theme. This textbox will not print and not show in screen-show mode

Instructions: Change the colour of the text to match the shaded area on the left

Le chat de Schrödinger est une expérience de pensée imaginée en 1935 par le physicien Erwin Schrödinger, afin de mettre en évidence des lacunes supposées de l'interprétation de Copenhague de la physique quantique, et particulièrement mettre en évidence le problème de la mesure. (wikipedia, toujours)

Page 52: 5 concepts pour briller en société (et accessoirement en UX)

52 52

Instructions: Right-click on the top right corner of the shaded box select ‘Format Background’ then select the fill colour from the inbuilt colour theme. This textbox will not print and not show in screen-show mode

Instructions: Change the colour of the text to match the shaded area on the left

Un chat est enfermé dans une boîte avec un flacon de gaz mortel et une source radioactive. Si un compteur Geiger détecte un certain seuil de radiations, le flacon est brisé et le chat meurt. Selon l'interprétation de Copenhague, le chat est à la fois vivant et mort. Pourtant, si nous ouvrons la boîte, nous pourrons observer que le chat est soit mort, soit vivant.

Page 53: 5 concepts pour briller en société (et accessoirement en UX)

Instructions: Depending on the colour density of the background picture, the title text on this page may need to be changed to a darker colour

Page 54: 5 concepts pour briller en société (et accessoirement en UX)

54

Le chat de schrödinger

et UX

Page 55: 5 concepts pour briller en société (et accessoirement en UX)

55 55

Instructions: Right-click on the top right corner of the shaded box select ‘Format Background’ then select the fill colour from the inbuilt colour theme. This textbox will not print and not show in screen-show mode

Instructions: Change the colour of the text to match the shaded area on the left

Nous n’ouvrons pas systématiquement « la boite » de nos projets pour en mesurer l’efficacité et l’utilisabilité.

Pas de test utilisateur

L’interface est à la fois utilisable et non-utilisable

Page 56: 5 concepts pour briller en société (et accessoirement en UX)

56 56

Instructions: Right-click on the top right corner of the shaded box select ‘Format Background’ then select the fill colour from the inbuilt colour theme. This textbox will not print and not show in screen-show mode

Instructions: Change the colour of the text to match the shaded area on the left

Nous faisons quelque fois de l’interface utilisateur à superposition quantique.

Page 57: 5 concepts pour briller en société (et accessoirement en UX)

Instructions: Depending on the colour density of the background picture, the title text on this page may need to be changed to a darker colour

Page 58: 5 concepts pour briller en société (et accessoirement en UX)

58

Instructions: Right-click on one of the shapes and select ‘Format Background’ then select the fill colour from the inbuilt colour theme. Please change the font colour to match your chosen Design Colour. This textbox will not print and not show in screen-show mode

Concepts bonus

6.

Page 59: 5 concepts pour briller en société (et accessoirement en UX)

Instructions: Depending on the colour density of the background picture, the title text on this page may need to be changed to a darker colour

Principe de peter Dans une hiérarchie, tout employé a tendance à s'élever à son niveau d'incompétence

Page 60: 5 concepts pour briller en société (et accessoirement en UX)

Instructions: Depending on the colour density of the background picture, the title text on this page may need to be changed to a darker colour

Loi de Parkinson : Tout travail au sein d'une administration augmente jusqu’à occuper entièrement le temps qui lui est affecté.

Page 61: 5 concepts pour briller en société (et accessoirement en UX)

61 61

Instructions: Right-click on the top right corner of the shaded box select ‘Format Background’ then select the fill colour from the inbuilt colour theme. This textbox will not print and not show in screen-show mode

Instructions: Change the colour of the text to match the shaded area on the left

Le syndrome de Stockholm : Désigne un phénomène psychologique observé chez des otages ayant vécu durant une période prolongée avec leurs geôliers et qui ont développé une sorte d'empathie, voire une sorte de sympathie ou de contagion émotionnelle vis-à-vis de ceux-ci

Page 62: 5 concepts pour briller en société (et accessoirement en UX)

62 62

Instructions: Right-click on the top right corner of the shaded box select ‘Format Background’ then select the fill colour from the inbuilt colour theme. This textbox will not print and not show in screen-show mode

Instructions: Change the colour of the text to match the shaded area on the left

Le journalisme gonzo : Journalisme ultra-subjectif, est à la fois une méthode d'enquête et un style d'écriture journalistiques ne prétendant pas à l'objectivité, le journaliste étant un des protagonistes de son reportage et écrivant celui-ci à la première personne.

Page 63: 5 concepts pour briller en société (et accessoirement en UX)

63

Instructions: Right-click on one of the shapes and select ‘Format Background’ then select the fill colour from the inbuilt colour theme. Please change the font colour to match your chosen Design Colour. This textbox will not print and not show in screen-show mode

Conclusion

7.

Page 64: 5 concepts pour briller en société (et accessoirement en UX)

64

Instructions: Right-click on the top right corner of the shaded box select ‘Format Background’ then select the fill colour from the inbuilt colour theme. This textbox will not print and not show in screen-show mode

64

Esprit d’escalier ?

Culte du cargo ?

Mais bon sang de bonsoir, Guillaume où veux tu en venir ?

Journalisme Gonzo ?

Vérité de Lapalisse ?

HIPPO ?

Le syndrome de Stockholm ?

Le chat de schrödinger ?

Page 65: 5 concepts pour briller en société (et accessoirement en UX)

65

= voir de l’expérience

utilisateur partout.

Page 66: 5 concepts pour briller en société (et accessoirement en UX)

66 66

Instructions: Right-click on the top right corner of the shaded box select ‘Format Background’ then select the fill colour from the inbuilt colour theme. This textbox will not print and not show in screen-show mode

"L’état d'esprit de l'expérience utilisateur est une condition acquise pour laquelle il n’y a pas de remède. "

“The user experience mindset is an acquired condition for which their is no cure.” - Jesse James Garret

Page 67: 5 concepts pour briller en société (et accessoirement en UX)

67

Merci.

Ps : je recrute @MoreThanScreens [email protected]