flupa ux-days 2016 - "5 concepts pour briller en société (et accessoirement en ux)" par...

67
UX DAY 2016

Category:

Design


1 download

TRANSCRIPT

UX

DA

Y 20

16

2

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

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

4

Pourquoi cette présentation ?

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.

6

C’est quoi ?

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)

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

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

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

11

Culte du cargo et 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

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

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

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.

16

C’est quoi ?

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)

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

19

Esprit d’escalier et 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 ?

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)

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

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.

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

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

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.

27

C’est quoi ?

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

?

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

?

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

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

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

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

34

HIPPO et 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.

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 ?

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 !

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

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

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.

41

C’est quoi ?

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)

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

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

45

Lapalissade et 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.

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 ?

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

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.

50

C’est quoi ?

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)

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.

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

54

Le chat de schrödinger

et 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

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.

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

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.

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

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é.

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

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.

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.

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 ?

65

= voir de l’expérience

utilisateur partout.

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

67

Merci.

Ps : je recrute @MoreThanScreens [email protected]