Tendances Information Visualization + Madlibs form

26
Bonjour, mon nom est Cynthia Savard et je travaille Yu Centrik. Je suis designer industriel, chez

description

Presentation in French for Chitchat 2011, by Cynthia Savard Saucier ( @CynthiaSavard) more info at www.yucentrik.ca (@YuCentrik) 2 tendances web incontournables, le formulaire madlibs et la visualisation de l'information

Transcript of Tendances Information Visualization + Madlibs form

Page 1: Tendances Information Visualization + Madlibs form

Bonjour, mon nom est Cynthia Savard

et je travaille

Yu Centrik.

Je suis designer industriel,

chez

Page 2: Tendances Information Visualization + Madlibs form

Je vais vous parler de tendances web 2

Page 3: Tendances Information Visualization + Madlibs form

La Visualisation de l’information

Page 4: Tendances Information Visualization + Madlibs form

Ça sert à démontrer des liens, des connexions et des tendances, parce que des fois, les chiffres seuls ne veulent rien dire.

Page 5: Tendances Information Visualization + Madlibs form

9970610 pi 2 549754 pi2

VS

Des fois, les médias présentent des chiffres trop gros pour être compris et comparés entre eux. En utilisant une représentation très simple, c’est beaucoup plus facile de comprendre la relation entre 2 aires.

Page 6: Tendances Information Visualization + Madlibs form

9970610 pi 2 549754 pi2

VS

Des fois, les médias présentent des chiffres trop gros pour être compris et comparés entre eux. En utilisant une représentation très simple, c’est beaucoup plus facile de comprendre la relation entre 2 aires.

Page 7: Tendances Information Visualization + Madlibs form

On choisit un sujet

#1

Et surtout «ce qu’on veut dire», car c’est impossible de faire une visualisation de l’information sans interpréter les nombres

Page 8: Tendances Information Visualization + Madlibs form

Étude de cas : OCDE choisit de présenter « L’indice de qualité de vie »

http://www.oecdbetterlifeindex.org/

Page 9: Tendances Information Visualization + Madlibs form

On accumule les données

#2

On choisit les données pertinentes

On ne peut pas parler de toutes les données qui ont été accumulées, sinon, nous serions aussi bien de présenter un rapport avec des tableaux excel.

Page 10: Tendances Information Visualization + Madlibs form

On choisit la bonne méthode

#3

Il existe des centaines de méthodes, il faut choisir la plus appropriée, il existe même le tableau périodique des méthodes de visualisation!

http://www.visual-literacy.org/periodic_table/periodic_table.html

Page 11: Tendances Information Visualization + Madlibs form
Page 12: Tendances Information Visualization + Madlibs form

On choisit la bonne représentation

#4

Les représentations, c’est le grain qui est appliqué à la méthode choisie. Il y en a des qualitatifs, quantitatifs et identitaires.

Page 13: Tendances Information Visualization + Madlibs form

Taille : Quantitatif Couleur : Identité Teinte : Qualitatif

Icônes : IdentitéSens : Qualitatif en fonction du contexte

Emplacement : Quantitatif en fonction du contexte

Page 14: Tendances Information Visualization + Madlibs form

connexions

http://www.oecdbetterlifeindex.org/

Page 15: Tendances Information Visualization + Madlibs form

connexions

http://www.oecdbetterlifeindex.org/

Page 16: Tendances Information Visualization + Madlibs form

Ça sert à faire comprendre une situation

complexe, simplement

Page 17: Tendances Information Visualization + Madlibs form

Les Formulaires Madlibs

Bonjour, mon nom est Cynthia et mon adresse est le [email protected]

Page 18: Tendances Information Visualization + Madlibs form

Selon Wikipédia, un Madlibs est un jeu de mots dans lequel un joueur doit compléter les mots manquants dans une phrase ou une histoire.

Dans le cas des formulaires, il s’agit de présenter un texte de forme narrative avec des trous que l’utilisateur doit compléter.

Page 19: Tendances Information Visualization + Madlibs form

http://yucentrik.ca/2011/03/17/should-we-use-mad-libs-style-form/

Un des premiers exemple de formulaire Madlibs qui a été utilisé sur le web. Voir le blog pour plus d’exemples.

Page 20: Tendances Information Visualization + Madlibs form

Est-ce que ça marche vraiment?

Les formulaires sont toujours à un moment critique de l’interaction: le moment d’acheter, de s’inscrire, de s’enregistrer. Il ne faut donc pas prendre de risques non calculés au moment de la conversion.

Page 21: Tendances Information Visualization + Madlibs form

Résultats d’études sur le taux de conversion :

Luke W KalzumeusNet Media Group

40% 25% -25%

http://yucentrik.ca/2011/03/17/should-we-use-mad-libs-style-form/

Les études faites, tous en A/B testing, n’offrent pas une méthodologie parfaite pour prendre des décisions.Nous souhaitons faire des test utilisateurs pour avoir des résultats concluants.

Page 23: Tendances Information Visualization + Madlibs form

Prénom : CynthiaNom : Savard# tel : 5144977557

Bonjour! Mon nom est Cynthia Savard on peut me rejoindre au 514-497-7557.

crédit photos : Moi-même

Page 24: Tendances Information Visualization + Madlibs form

Les cotés négatifs !!!

Page 25: Tendances Information Visualization + Madlibs form

-Vitesse de «scan» diminuée-Parfois inapproprié (dans un contexte médical par exemple)-Traduction difficile ( augmente la quantité de texte)

Il y en a plus encore, voir l’article : http://yucentrik.ca/2011/03/17/should-we-use-mad-libs-style-form/

Page 26: Tendances Information Visualization + Madlibs form

@CynthiaSavard

Maintenant, posez des questions... GO!

@YuCentrik