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

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