15 avril 2015
Printemps des réseaux sociaux
Une hirondelle ne fait 

pas le printemps
Jean-Sébastien Daigle
Designer Web
Mélissa Gonthier
Designer UX
Joëlle Sasseville
Designer UX
@libeocom
Une équipe créative, authentique 

et ingénieuse depuis 1996
Des clients 

partenaires diversifiés
Des mandats 

de toute envergure
Peu importe votre
enveloppe budgétaire ou
votre délai de production,

on travaille avec v...
Même si l’on s’attarde souvent au résultat, 

c’est la démarche et le processus qui font 

la différence dans un projet.
“The Journey is the Destination.”
Une hirondelle ne fait
Photo : Jean-Jacques Boujot
pas le printemps ?
Design Fonctionnalités Contenu
Technologie Responsive
Marketing Réseaux sociaux Etc.
Contexte
Designer Chargé de projet Rédacteur
Programmeur Programmeur front-end
Sysadmin Directeur de comptes Etc.
Le client
Le partenaire
Designers
Chargé de projet
Rédacteur
Programmeurs
Intégrateurs
Directeurs technologique
Directeur de comptes
Etc.
Conseill...
C’est le printemps

maintenant ?
Photo : Eduardo Fonseca
On est tous 

dans l'même bateau
La réussite d’un projet est
Collaboration
proportionnelle à la
collaboration de ses intervenants.
Si on ne rame pas dans le même sens,
on fait du surplace.
Si un seul côté du bateau rame,
on tourne en rond.
« Make sure your designer trusts your
expertise as much as you trust theirs. »
- Mike Monteiro - You’re my favorite client...
Critique
Demandez-vous
« POURQUOI ? »
Changer d’idée
C’est la preuve qu’on essaie
de faire mieux.
Le pessimiste se plaint du vent,
l'optimiste espère qu'il va changer,
le réaliste ajuste ses voiles.
Transparence
La communication,
c’est la clé d’une relation durable.
Un tiens vaut mieux 

que deux tu l'auras
1Ils n’ont pas besoin
de savoir ça…
Erreur fréquente
Erreur fréquente
2On ne le sait pas encore,
on décidera à la fin…
Erreur fréquente
3Sky is
the limit…
« No matter how great your
designer is, they won’t ever be the
expert in your business. You are.»
- Mike Monteiro - You’re...
On n’a jamais trop d’information,
PSSSSTTTTT…
JAMAIS !
« Lorem Ipsum dolor 

sit amet consectur »
- Madame Unetelle...
« Oui, mais si je n’ai pas de structure 

c’est difficile de faire mon contenu 

et vice versa. »
- Sûrement quelques perso...
L’oeuf ou la poule ?
Design Contenu
Source : uxpin
Source : uxpin
33,46 milliards
Typographie
Photos
Couleurs
Image de marque
Technologie
Public
Longueurs des contenus
Type rédactionnel
Complexité
Hiérarchie
Classique Magazine
Encyclopédie
Comparatif
Histoire
fantastique
Journal
RapportLigne de temps
annuel
On ne juge pas un livre 

à sa couverture
Attirance et beauté
L’être humain a une
attirance naturelle pour le beau.
Halo Effect
« What is Beautiful is Good. »
Dion, Berscheid & Walster (1972)
Halo Effect
« In pleasant, positive situations, people
are much more likely to be tolerant of
minor difficulties and irrel...
Chasse au trésor
« No one comes to a site because of the design.
They come for the content or the service […] The
design s...
S’enfarger dans 

les fleurs du tapis
Oui, les détails c’est important !
Parlons des vraies choses
Mais pas au détriment des objectifs.
Maquette initiale - Cas fictif
Demande d’ajustement du client 1
Demande d’ajustement du client 2
Demande d’ajustement du client 3
Demande d’ajustement du client 4
Demande d’ajustement du client 5
Demande d’ajustement du client 6
Demande d’ajustement du client 7
Demande d’ajustement du client 8
Demande d’ajustement du client 9
Demande d’ajustement du client 10
Demande d’ajustement du client 11
Demande d’ajustement du client 12
Demande d’ajustement du client …
QUESTIONS
Cela va-t-il réellement être déterminant
dans la réussite de votre projet ?
QUESTIONS
Est-ce que ça vient bonifier
l’utilité du site ?
QUESTIONS
Est-ce que c’est
vraiment essentiel ?
NON !
Malheureusement pour vous,
Visez une meilleure utilisation
Parlons des vraies choses
de votre budget
Tests utilisateur Fonctionnalité importante
Vali...
80/20
LOI DE PARETO
Prendre le temps de traiter 20 % des cas
qui sont 80 % de la valeur du projet
« When you hire a designer, you’re not hiring 

a pair of hands. You’re hiring a mind 

that’s been trained to solve probl...
Votre logo est assez gros,
Parlons des vraies choses
faites-nous confiance !
Passer dans le beurre
Photo : Mattie Hagedorn
+
21 personnes
Facebook
People who like Nickelback and Colloquium
Vedettes Animaux et paysages Nourriture
Instagram
Voitures Café Publicité
A penguin cannot become a giraffe,
Gary Vaynerchuk
so just be the best penguin you can be.
Kim Kardashian Kim Kardashian Kim Kardashian
Votre succès est relié à votre capacité
d’écoute autant qu’à votre capacité
à diffuser de l’information.
Ex machina
Pierre qui roule 

n’amasse pas mousse
Rénovation
Entretenir un site Web,
c’est comme entretenir une maison :
il faut y mettre des efforts en continu.
Flexibilité
CMS
Réseaux sociaux
Avantages
Plus grande crédibilité
Meilleur référencement
Plus de trafic
Collecte de données
Données d’utilisation
Travailler en phase et développer
de manière itérative,
c’est payant!
Tant qu’à y être
«The perfect is the enemy 

of the good.»
- Voltaire
Avec des 5 cents, 

on fait des piasses
Utilisation du processus
Les « tant qu’à y être » de tantôt
C’est ici qu’ils deviennent importants
Voir à plus long terme
VS$ ¢¢
¢
Voir à plus long terme
VS
« Make it right »- Mike Holmes, Holmes le fait bien à Casa
The mom test
Des évolutions utiles et pratiques
Valider, tester et revalider toujours les besoins utilisateurs
Leur facili...
Sans sous-estimer les utilisateurs
Garder l’esprit ouvert
Remettez-vous en question,
TOUJOURS !
Planification
Faites vivre votre projet
à long terme
Être équipé pour 

veiller tard
« Their sucess is your success »
Mike Monteiro - You’re my favorite client
Merci
YOU’RE MY FAVORITE CLIENT
MIKE MONTEIRO
abookapart.com/products/youre-my-favorite-client
JUST ENOUGH RESEARCH
ERIKA HALL
a...
Web UI Design for the Human Eye: Content Patterns & Typography
http://www.uxpin.com/visual-web-ui-design-content-typograph...
Emotional Design: Donald A. Norman

http://psycnet.apa.org/psycinfo/1973-09160-001
Content and Design Are Inseparable Work...
Une hirondelle : Jean-Jacques Boujot : flickr.com/photos/jean-jacquesboujot
The Birds : Eduardo Fonseca : flickr.com/photos/...
Une hirondelle ne fait pas le printemps – PRSQ 2015
Une hirondelle ne fait pas le printemps – PRSQ 2015
Une hirondelle ne fait pas le printemps – PRSQ 2015
Une hirondelle ne fait pas le printemps – PRSQ 2015
Une hirondelle ne fait pas le printemps – PRSQ 2015
Une hirondelle ne fait pas le printemps – PRSQ 2015
Une hirondelle ne fait pas le printemps – PRSQ 2015
Une hirondelle ne fait pas le printemps – PRSQ 2015
Une hirondelle ne fait pas le printemps – PRSQ 2015
Une hirondelle ne fait pas le printemps – PRSQ 2015
Une hirondelle ne fait pas le printemps – PRSQ 2015
Une hirondelle ne fait pas le printemps – PRSQ 2015
Une hirondelle ne fait pas le printemps – PRSQ 2015
Une hirondelle ne fait pas le printemps – PRSQ 2015
Une hirondelle ne fait pas le printemps – PRSQ 2015
Une hirondelle ne fait pas le printemps – PRSQ 2015
Une hirondelle ne fait pas le printemps – PRSQ 2015
Une hirondelle ne fait pas le printemps – PRSQ 2015
Prochain SlideShare
Chargement dans…5
×

Une hirondelle ne fait pas le printemps – PRSQ 2015

785 vues

Publié le

Une seule personne suffit rarement pour réaliser un mandat d’envergure. Bien souvent, le succès d’un projet est attribué à un seul élément ou une seule personne. La réalité en est cependant tout autre. Plusieurs personnes avec différentes compétences sont nécessaires afin d’optimiser vos communications. Malgré tout, le joueur clé de tout projet reste le client.

C’est sur cette prémisse que nous aborderons, de façon ludique et constructive, les diverses techniques à utiliser afin de faire rayonner vos projets et votre marque. L’optimisation des contenus, l’impact visuel, l’éthique sur les réseaux sociaux et la compréhension du mandat sont tous des points qui nous permettent de sortir de l’hiver pour éventuellement se rendre à l’été.

Publié dans : Design
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
785
Sur SlideShare
0
Issues des intégrations
0
Intégrations
43
Actions
Partages
0
Téléchargements
2
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Une hirondelle ne fait pas le printemps – PRSQ 2015

  1. 1. 15 avril 2015 Printemps des réseaux sociaux Une hirondelle ne fait 
 pas le printemps
  2. 2. Jean-Sébastien Daigle Designer Web Mélissa Gonthier Designer UX Joëlle Sasseville Designer UX
  3. 3. @libeocom
  4. 4. Une équipe créative, authentique et ingénieuse depuis 1996
  5. 5. Des clients 
 partenaires diversifiés
  6. 6. Des mandats 
 de toute envergure Peu importe votre enveloppe budgétaire ou votre délai de production,
 on travaille avec vous
  7. 7. Même si l’on s’attarde souvent au résultat, 
 c’est la démarche et le processus qui font 
 la différence dans un projet.
  8. 8. “The Journey is the Destination.”
  9. 9. Une hirondelle ne fait Photo : Jean-Jacques Boujot pas le printemps ?
  10. 10. Design Fonctionnalités Contenu Technologie Responsive Marketing Réseaux sociaux Etc. Contexte
  11. 11. Designer Chargé de projet Rédacteur Programmeur Programmeur front-end Sysadmin Directeur de comptes Etc.
  12. 12. Le client
  13. 13. Le partenaire
  14. 14. Designers Chargé de projet Rédacteur Programmeurs Intégrateurs Directeurs technologique Directeur de comptes Etc. Conseiller marketing Responsable des communications Le partenaire Spécialiste réseaux sociaux
  15. 15. C’est le printemps
 maintenant ? Photo : Eduardo Fonseca
  16. 16. On est tous 
 dans l'même bateau
  17. 17. La réussite d’un projet est Collaboration proportionnelle à la collaboration de ses intervenants.
  18. 18. Si on ne rame pas dans le même sens, on fait du surplace.
  19. 19. Si un seul côté du bateau rame, on tourne en rond.
  20. 20. « Make sure your designer trusts your expertise as much as you trust theirs. » - Mike Monteiro - You’re my favorite client Confiance
  21. 21. Critique Demandez-vous « POURQUOI ? »
  22. 22. Changer d’idée C’est la preuve qu’on essaie de faire mieux.
  23. 23. Le pessimiste se plaint du vent, l'optimiste espère qu'il va changer, le réaliste ajuste ses voiles.
  24. 24. Transparence La communication, c’est la clé d’une relation durable.
  25. 25. Un tiens vaut mieux 
 que deux tu l'auras
  26. 26. 1Ils n’ont pas besoin de savoir ça… Erreur fréquente
  27. 27. Erreur fréquente 2On ne le sait pas encore, on décidera à la fin…
  28. 28. Erreur fréquente 3Sky is the limit…
  29. 29. « No matter how great your designer is, they won’t ever be the expert in your business. You are.» - Mike Monteiro - You’re my favorite client
  30. 30. On n’a jamais trop d’information, PSSSSTTTTT… JAMAIS !
  31. 31. « Lorem Ipsum dolor 
 sit amet consectur » - Madame Unetelle...
  32. 32. « Oui, mais si je n’ai pas de structure 
 c’est difficile de faire mon contenu 
 et vice versa. » - Sûrement quelques personnes dans cette salle
  33. 33. L’oeuf ou la poule ?
  34. 34. Design Contenu
  35. 35. Source : uxpin
  36. 36. Source : uxpin
  37. 37. 33,46 milliards
  38. 38. Typographie Photos Couleurs Image de marque Technologie
  39. 39. Public Longueurs des contenus Type rédactionnel Complexité Hiérarchie
  40. 40. Classique Magazine Encyclopédie Comparatif Histoire fantastique Journal RapportLigne de temps annuel
  41. 41. On ne juge pas un livre 
 à sa couverture
  42. 42. Attirance et beauté L’être humain a une attirance naturelle pour le beau.
  43. 43. Halo Effect « What is Beautiful is Good. » Dion, Berscheid & Walster (1972)
  44. 44. Halo Effect « In pleasant, positive situations, people are much more likely to be tolerant of minor difficulties and irrelevancies. » - Don Norman, Emotional Design
  45. 45. Chasse au trésor « No one comes to a site because of the design. They come for the content or the service […] The design should encourage them to stay… » - Mike Monteiro - You’re my favorite client
  46. 46. S’enfarger dans 
 les fleurs du tapis
  47. 47. Oui, les détails c’est important ! Parlons des vraies choses Mais pas au détriment des objectifs.
  48. 48. Maquette initiale - Cas fictif
  49. 49. Demande d’ajustement du client 1
  50. 50. Demande d’ajustement du client 2
  51. 51. Demande d’ajustement du client 3
  52. 52. Demande d’ajustement du client 4
  53. 53. Demande d’ajustement du client 5
  54. 54. Demande d’ajustement du client 6
  55. 55. Demande d’ajustement du client 7
  56. 56. Demande d’ajustement du client 8
  57. 57. Demande d’ajustement du client 9
  58. 58. Demande d’ajustement du client 10
  59. 59. Demande d’ajustement du client 11
  60. 60. Demande d’ajustement du client 12
  61. 61. Demande d’ajustement du client …
  62. 62. QUESTIONS Cela va-t-il réellement être déterminant dans la réussite de votre projet ?
  63. 63. QUESTIONS Est-ce que ça vient bonifier l’utilité du site ?
  64. 64. QUESTIONS Est-ce que c’est vraiment essentiel ?
  65. 65. NON ! Malheureusement pour vous,
  66. 66. Visez une meilleure utilisation Parlons des vraies choses de votre budget Tests utilisateur Fonctionnalité importante Validation des textes et des libellés Etc.
  67. 67. 80/20 LOI DE PARETO Prendre le temps de traiter 20 % des cas qui sont 80 % de la valeur du projet
  68. 68. « When you hire a designer, you’re not hiring 
 a pair of hands. You’re hiring a mind 
 that’s been trained to solve problems 
 in a way you can’t. » Mike Monteiro - You’re my favorite client
  69. 69. Votre logo est assez gros, Parlons des vraies choses faites-nous confiance !
  70. 70. Passer dans le beurre Photo : Mattie Hagedorn
  71. 71. +
  72. 72. 21 personnes Facebook
  73. 73. People who like Nickelback and Colloquium
  74. 74. Vedettes Animaux et paysages Nourriture Instagram
  75. 75. Voitures Café Publicité
  76. 76. A penguin cannot become a giraffe, Gary Vaynerchuk so just be the best penguin you can be.
  77. 77. Kim Kardashian Kim Kardashian Kim Kardashian
  78. 78. Votre succès est relié à votre capacité d’écoute autant qu’à votre capacité à diffuser de l’information.
  79. 79. Ex machina
  80. 80. Pierre qui roule 
 n’amasse pas mousse
  81. 81. Rénovation Entretenir un site Web, c’est comme entretenir une maison : il faut y mettre des efforts en continu.
  82. 82. Flexibilité CMS Réseaux sociaux
  83. 83. Avantages Plus grande crédibilité Meilleur référencement Plus de trafic Collecte de données
  84. 84. Données d’utilisation Travailler en phase et développer de manière itérative, c’est payant!
  85. 85. Tant qu’à y être «The perfect is the enemy 
 of the good.» - Voltaire
  86. 86. Avec des 5 cents, 
 on fait des piasses
  87. 87. Utilisation du processus Les « tant qu’à y être » de tantôt C’est ici qu’ils deviennent importants
  88. 88. Voir à plus long terme VS$ ¢¢ ¢
  89. 89. Voir à plus long terme VS
  90. 90. « Make it right »- Mike Holmes, Holmes le fait bien à Casa
  91. 91. The mom test Des évolutions utiles et pratiques Valider, tester et revalider toujours les besoins utilisateurs Leur faciliter la vieBonifier Valider vos objectifs Tester l’utilisation réelle des utilisateurs Adapter
  92. 92. Sans sous-estimer les utilisateurs
  93. 93. Garder l’esprit ouvert Remettez-vous en question, TOUJOURS !
  94. 94. Planification Faites vivre votre projet à long terme
  95. 95. Être équipé pour 
 veiller tard
  96. 96. « Their sucess is your success » Mike Monteiro - You’re my favorite client
  97. 97. Merci
  98. 98. YOU’RE MY FAVORITE CLIENT MIKE MONTEIRO abookapart.com/products/youre-my-favorite-client JUST ENOUGH RESEARCH ERIKA HALL abookapart.com/products/just-enough-research THE ELEMENTS OF CONTENT STRATEGY ERIN KISSANE abookapart.com/products/the-elements-of-content-strategy Livres
  99. 99. Web UI Design for the Human Eye: Content Patterns & Typography http://www.uxpin.com/visual-web-ui-design-content-typography.html Ergonomie web : pour des sites web efficaces Boucher, Amélie www.archambault.ca/boucher-amelie-ergonomie-webpour-des-sites-web-efficaces-ACH003022901-fr-pr Jab, Jab, Jab, Right Hook: How to Tell Your Story in a Noisy, Social World Gary Vaynerchuk amazon.ca/Jab-Right-Hook-Story-Social/dp/006227306X Livres
  100. 100. Emotional Design: Donald A. Norman
 http://psycnet.apa.org/psycinfo/1973-09160-001 Content and Design Are Inseparable Work Partners
 www.uie.com/articles/content_and_design/ Great Designs Should Be Experienced and Not Seen
 www.uie.com/articles/experiencedesign Articles Principles Over Process: Four Core Tenets for How to Work as a Team of One
 http://www.uie.com/articles/principles_over_process/ How to Dominate Video on Every Major Platform
 https://medium.com/@garyvee/how-to-dominate-video-on-every-major-platform-a8b2d8d74095
  101. 101. Une hirondelle : Jean-Jacques Boujot : flickr.com/photos/jean-jacquesboujot The Birds : Eduardo Fonseca : flickr.com/photos/edu_fon/ Chicken : Eduardo Fonseca : flickr.com/photos/43158397 Poisson : www.agfc.com/species/Pages/SpeciesWildlifeDetails2.aspx?Title=Largemouth%20Bass Cochon : www.assurbanque20.fr/2014/09/7042-les-acteurs-de-lepargne-craignent-le-risque-inflationniste/ Fleurs : www.tumblr18.com/three-pink-daisies/ Mikes Holmes : www.hgtv.ca/blog/ask-mike-holmes-should-i-use-spray-foam-insulation/ Bateau : http://www.gentside.com/voilier/wallpaper Nixon et Kennedy : http://i1.wp.com/vigilantcitizen.com/wp-content/uploads/2014/07/kennedy2.jpg Le salon : http://loans-lifestyle.com/wp-content/uploads/2013/02/ugly-room-5.jpg Soirée canadienne : http://prise2.tv/sites/prise2.tv/files/la-soiree-canadienne-4.jpg Images

×