Tendances Information Visualization + Madlibs form

Post on 29-Nov-2014

1.349 views 0 download

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

Bonjour, mon nom est Cynthia Savard

et je travaille

Yu Centrik.

Je suis designer industriel,

chez

Je vais vous parler de tendances web 2

La Visualisation de l’information

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

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.

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.

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

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

http://www.oecdbetterlifeindex.org/

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.

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

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.

Taille : Quantitatif Couleur : Identité Teinte : Qualitatif

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

Emplacement : Quantitatif en fonction du contexte

connexions

http://www.oecdbetterlifeindex.org/

connexions

http://www.oecdbetterlifeindex.org/

Ça sert à faire comprendre une situation

complexe, simplement

Les Formulaires Madlibs

Bonjour, mon nom est Cynthia et mon adresse est le csavard@yucentrik.ca

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.

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.

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.

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.

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

Les cotés négatifs !!!

-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/

@CynthiaSavard

Maintenant, posez des questions... GO!

@YuCentrik