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

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

2. Je vais vous parler de 2 tendances web

3. La Visualisation de l’information

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

5. 2 2
9970610 pi VS 549754 pi
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.

6. 2 2
9970610 pi VS 549754 pi
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.

7. #1
On choisit un sujet
Et surtout «ce qu’on veut
dire», car c’est impossible
de faire une visualisation
de l’information sans
interpréter les nombres

8. Étude de cas : OCDE choisit de présenter
« L’indice de qualité de vie »
http://www.oecdbetterlifeindex.org/

9. #2
On accumule les données
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.

10. #3
On choisit la bonne méthode
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

12. #4
On choisit la bonne représentation
Les représentations, c’est le grain qui
est appliqué à la méthode choisie. Il y
en a des qualitatifs, quantitatifs et
identitaires.

13. Taille : Quantitatif Couleur : Identité Teinte : Qualitatif
Sens : Qualitatif Emplacement :
Icônes : Identité en fonction du Quantitatif en fonction
contexte du contexte

14. connexions
http://www.oecdbetterlifeindex.org/

15. connexions
http://www.oecdbetterlifeindex.org/

16. Ça sert à faire comprendre une situation
complexe, simplement

17. Les Formulaires Madlibs
Bonjour, mon nom est
Cynthia et mon adresse est
le csavard@yucentrik.ca

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

19. Un des premiers exemple de formulaire
Madlibs qui a été utilisé sur le web.
Voir le blog pour plus d’exemples.
http://yucentrik.ca/2011/03/17/should-we-use-mad-libs-style-form/

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

21. Résultats d’études sur le taux de conversion :
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.
40% 25% -25%
Luke W Net Media Group Kalzumeus
http://yucentrik.ca/2011/03/17/should-we-use-mad-libs-style-form/

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

23. Prénom : Cynthia Bonjour! Mon nom est
Nom : Savard Cynthia Savard on peut me
# tel : 5144977557 rejoindre au 514-497-7557.
crédit photos : Moi-même

24. Les cotés négatifs !!!

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

26. Maintenant, posez des questions... GO!
@CynthiaSavard
@YuCentrik