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 vous
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.
Conseiller marketing
Responsable des communications
Le partenaire
Spécialiste réseaux sociaux
C’est le printempsmaintenant ?
Photo : Eduardo Fonseca
On est tous dans l'même bateau
La réussite d’un projet est
Collaboration
proportionnelle à lacollaboration 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
Confiance
Critique
Demandez-vous
« POURQUOI ? »
Changer d’idée
C’est la preuve qu’on essaiede 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
1 Ils 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
3 Sky 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 my favorite client
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 personnes dans cette salle
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
Rapport Ligne de temps
annuel
On ne juge pas un livre à sa couverture
Attirance et beauté
L’être humain a uneattirance 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 irrelevancies. »
- Don Norman, Emotional Design
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
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
Validation des textes et des libellés Etc.
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 problems
in a way you can’t. »
Mike Monteiro - You’re my favorite client
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
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 traficCollecte de données
Données d’utilisation
Travailler en phase et développerde 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 faciliter la vie Bonifier
Valider vos objectifs Tester l’utilisation réelle des utilisateurs
Adapter
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 CLIENTMIKE MONTEIROabookapart.com/products/youre-my-favorite-client
JUST ENOUGH RESEARCHERIKA HALLabookapart.com/products/just-enough-research
THE ELEMENTS OF CONTENT STRATEGYERIN KISSANEabookapart.com/products/the-elements-of-content-strategy
Livres
Web UI Design for the Human Eye: Content Patterns & Typographyhttp://www.uxpin.com/visual-web-ui-design-content-typography.html
Ergonomie web : pour des sites web efficacesBoucher, Améliewww.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 WorldGary Vaynerchukamazon.ca/Jab-Right-Hook-Story-Social/dp/006227306X
Livres
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
Une hirondelle : Jean-Jacques Boujot : flickr.com/photos/jean-jacquesboujotThe Birds : Eduardo Fonseca : flickr.com/photos/edu_fon/Chicken : Eduardo Fonseca : flickr.com/photos/43158397Poisson : www.agfc.com/species/Pages/SpeciesWildlifeDetails2.aspx?Title=Largemouth%20BassCochon : 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/wallpaperNixon et Kennedy : http://i1.wp.com/vigilantcitizen.com/wp-content/uploads/2014/07/kennedy2.jpgLe salon : http://loans-lifestyle.com/wp-content/uploads/2013/02/ugly-room-5.jpgSoirée canadienne : http://prise2.tv/sites/prise2.tv/files/la-soiree-canadienne-4.jpg
Images
Top Related