![Page 1: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/1.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Faites mieux avec peuOptimisation ergonomique
![Page 2: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/2.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Simplicité
![Page 3: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/3.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
SOURCE : http://www.stuffthathappens.com
![Page 4: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/4.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
SOURCE : http://www.stuffthathappens.com
![Page 5: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/5.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
SOURCE : http://www.stuffthathappens.com
![Page 6: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/6.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
SOURCE : http://www.stuffthathappens.com
![Page 7: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/7.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
{ Simplicité vs. Expérience }
Le Web, où en sommes-nous ?Plus ergonomique ?
« Simplicity is boring. We want richness and depth in our lives. Moreover, the world and our activities are inherently complex, so the tools we use must match that complexity. Simplicity is not the answer. We don't want confusion, perplexity, and confusion. »
- Don Norman 2008
![Page 8: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/8.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Avec l’explosion destechnologies riches à la 2.0*,a-t-on des sites webplus ergonomiques ?
The characteristics of Web 2.0 are :
Rich user experience, user participation, dynamic content, metadata, web standards and scalability. Further characteristics, such as openness, freedom and collective intelligence by way of user participation, can also be viewed as essential attributes of Web 2.0.
- Wikipedia
NON pas nécessairement!
Ce n’est pas la technologie en soi qui détermine la facilité d’utilisation.
![Page 9: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/9.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
«Usability matters, it matters a lot. But it only matters if underneath the surface, you’ve got a product that actually works well and is meeting real user needs (usefulness)…if you don’t have a fundamentally strong product, then your users are going to have no reason to keep coming back to using your site or product time and time again… »
- Jen Fitzpatrick, Engineering Director of User Experience, Google
![Page 10: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/10.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Pour un contexte d’utilisation, des utilisateurs et des buts spécifiques….
Efficacité (atteindre son but) Efficience (atteindre son but avec le minimum d’efforts, en un minimum de temps) Satisfaction (ressenti global, composantes liées aux deux précédentes et à l’utilité…)
(ISO 9241-11,1998)
Quelques définitions…
Utilité UtilisabilitéERGONOMIE
Web
Synonymes(convivialité, facilité d’utilisation)
![Page 11: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/11.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Les 5 « E » de l’expérience utilisateur
1. EfficaceLe degré d’exhaustivité et de précision dans l’accomplissement de la tâche ou dans la réalisation des objectifs.
2. EfficientLa rapidité avec laquelle la tâche peut être accomplie.
3. Évitant les erreursL’efficacité du produit à éviter les erreurs et à aider l’utilisateur à dépasser celles qui surviennent.
4. Enfantin à maîtriserLa capacité de répondre à la fois à l’orientation de départ et à l’apprentissage continu pendant toute la durée de vie de l’utilisation.
5. EngageantLa capacité de l’interface à pousser l’utilisateur à interagir, le degré de plaisir et de satisfaction dans l’utilisation.
SOURCE : http://www.wqusability.com/articles/getting-started-fr.html
![Page 12: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/12.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Équilibre de chaque dimension ?
Expérience utilisateur
Efficace
Efficient
EngageantÉvitant les
erreurs
Enfantin à maîtriser
![Page 13: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/13.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Expérience utilisateur
Efficace
Efficient
Engageant
Évitant les
erreurs
Enfantin à maîtriser
![Page 14: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/14.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Plaisir à utiliser vs. efficience ?
iPhone - 50 % plus lent…
Lequel est préféré ?
Les utilisateurs préfèreraient le plaisir à l’efficience pour les tâches de courte durée et peu fréquentes…
Nokia
![Page 15: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/15.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
SOURCE : http://www.poetpainter.com
![Page 16: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/16.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Un grand constat !
ABONDANCE…
SURCHARGE
![Page 17: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/17.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Comment faire simple dans un contexte complexe?Est-ce important ?
Surinformation
Trop de choix
Fonctionnalités avancées
Plateformes variées
![Page 18: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/18.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
« Investissez 10% en utilisabilité et gagnez 83% »
- Jacob Nielsen, janvier 2008
![Page 19: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/19.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Usability ROI
50
40
30
20
10
0
<100% 1 - 299% 3 - 499% 500+%
ROI Percentage
SOURCE : Usability and User Experience Survey Report 2007; E-consultancy/Bunnyfoot
45 % of respondents reported an ROI of 300% or more from usability
85 % of respondents reported an ROI of 100% or more from usability
![Page 20: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/20.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Toujours selon la même étude…
The top 3 benefits of investment in usability are:
improved perceptions of brand
increased conversion rates
greater customer loyalty and retention
![Page 21: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/21.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Faire mieux avec peu
3 règles à suivre dans uncontexte économique difficileet même quand il ne l’est pas ;)
![Page 22: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/22.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Les opinions…
![Page 23: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/23.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Règle # 1
Prenez des décisions basées sur des donnéesutilisateurs…et non des opinions
Identifiez + Mesurez + Observez
vos utilisateurs
Vous n’êtes pas l’utilisateur ;)
![Page 24: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/24.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Règle # 1Identifiez + Mesurez + Observez vos utilisateurs
« Don’t fix it if it ain’t broken »Une refonte complète est rarement la solution…
La règle du 80/20 s’applique.En évaluant et ajustant les éléments sur le chemin des tâches critiques, vous réglez 80% des problèmes…
Permet de concentrer vos énergies et $$$ là où l’impact sera le plus grand pour
vos utilisateurs et votre entreprise.
![Page 25: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/25.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
4 principales techniquesIdentifiez + Mesurez + Observez vos utilisateurs
Qualitatif
Quantitatif
Comportements(Ce que font les gens)
Buts et attitudes(Ce que disent les gens)
Entrevues Tests utilisateurs
Sondages auprèsd’utilisateurs
Statistiques du site(Web Analytique)
Sur placeSalle de tests
À distance
![Page 26: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/26.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Combien de tests utilisateurs ?
SOURCE : http://www.useit.com
![Page 27: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/27.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
![Page 28: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/28.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Règle # 2
Priorisez + Maquettez
![Page 29: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/29.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Selon les niveaux de satisfaction
Obligatoires(besoins implicites)
Proportionnelles(besoins exprimés)
Attractives(besoins latents)Enchantement
Déception
Trèsbien
Avec le temps…SOURCE : Modèle Kano
Satisfaction utilisateur
Degré fonctionnelPeu fonctionnelou pas offert
![Page 30: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/30.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Diagramme d’affinitésPermet de classer et d'organiser des informations obtenues par brainstorm, groupes de discussion, sondages (client, écoute des employés, satisfaction de la clientèle ou autres), tests utilisateurs, etc.
Permet de rassembler les différents membres de l’équipe pour dresser un tableau complet et arriver à un consensus.
![Page 31: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/31.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Boîte à outils
Tri de cartes
Papier, post-it, crayons – Gratuit
WebSort – 79$US pour une étude http://websort.net
Optimal Sort – Gratuit pour 10
participants, 30 cartes par projethttp://www.optimalsort.com
Tri de carte fermé Optimal Sort
![Page 32: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/32.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Boîte à outils
Maquettage, prototypage
Papier, post-it, crayons – Gratuit
Balsamiq – Gratuit en ligne ou 79$US http://www.balsamiq.com/
Pencil Project– Gratuit http://www.evolus.vn/Pencil/
Axure - http://www.axure.com/
![Page 33: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/33.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
![Page 34: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/34.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Maquette basse fidélité réalisée en 2-3 min. avec Balsamiq
Maquette haute fidélité avec Pencil Project
![Page 35: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/35.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Concept
Prototype
Site en ligne
Tests
Tests
Tests
![Page 36: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/36.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Coût d’un changement….
Co
ûts
de
s c
ha
ng
em
en
ts
1xConception
6xDéveloppement
100xEn ligne
![Page 37: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/37.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Ne réinventez pas la roue. Apprenez de vos compétiteurs…et faites-mieux ;)
Faites des tests utilisateurs sur les site de vos concurrents.
Référez-vous aux guidelines et patterns de conception.
![Page 38: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/38.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Guidelines
For reduced completion times & familiar data input:
top aligned
SOURCE : http://www.lukew.com/resources/articles/WebForms_LukeW.pdf
![Page 39: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/39.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Guidelines
For unfamiliar, or advanced data entry:
left aligned
SOURCE : http://www.lukew.com/resources/articles/WebForms_LukeW.pdf
![Page 40: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/40.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Guidelines
When vertical screen space is a constraint:
right aligned
SOURCE : http://www.lukew.com/resources/articles/WebForms_LukeW.pdf
![Page 41: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/41.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Boîte à outils
Patrons de conception(« design patterns »)attention, utiliser avec précaution…
Yahoo Design Libraryhttp://developer.yahoo.com/ypatterns/
Weliehttp://www.welie.com/
UI Patternshttp://ui-patterns.com/
![Page 42: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/42.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
95% of web users do not read80% of your content!
doesn’t mean that your content isn’t important,it means it’s more important
SOURCE : http://www.mindseyewebdesign.net/blog/
![Page 43: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/43.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
SOURCE : Steve Krug, Don't Make Me Think!: A Common Sense Approach to Web Usability
![Page 44: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/44.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
SOURCE : http://www.neoinsight.com/newsletter/0903.html#0903get-there-mode
![Page 45: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/45.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
« It doesn't matter how many times I have to click, as long as each click is a mindless, unambiguous choice »
- Steve Krug, Author Don’t Make me think
![Page 46: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/46.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Règle # 3
Optimisez , optimisez, optimisezvotre contenu
Contenu = texte, hyperliens, boutons et images
![Page 47: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/47.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
TEXTE doit être :
Dans un langage simple et familier pour l’usager (attention aux noms de marques !)
Aéré : grossissez vos polices, laissez du blanc et éliminez les éléments superflus !
Facilement balayable : titres, sous-titres et hyperliens en un clin d’œil !
Concis : En général, diviser la quantité de mots par 2 !
« Every sentence, every phrase, every word has to fight for its life »
- Crawford Kilian, Writting for the Web 3.0
Mettre de l’avant les bénéfices plutôt que les fonctionnalités de votre service ou produit
Supporté par des illustrations, graphiques, tableaux…PARLANTS!
Dépourvu d’erreurs et à jour
![Page 48: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/48.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
![Page 49: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/49.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
![Page 50: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/50.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
![Page 51: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/51.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
![Page 52: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/52.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Ouf…
![Page 53: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/53.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Oui, la vie est Bell ;)
![Page 54: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/54.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
![Page 55: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/55.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
BOUTONS et HYPERLIENS
Maximiser l’affordance « vous pouvez me cliquer »o Un bouton doit avoir l’air d’un bouton !
o Prenez attention…
Forme Couleur Libellé Localisation dans l’interface
Les hyperliens doivent être explicites (descriptifs)o Bannissez les liens « cliquez ici »
o Privilégiez le souligné
![Page 56: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/56.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
![Page 57: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/57.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Où est Charlie le bouton ?
![Page 58: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/58.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Où est le bouton acheter ?
![Page 59: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/59.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Où est le bouton acheter ?
![Page 60: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/60.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Où est le bouton acheter ?
![Page 61: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/61.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
![Page 62: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/62.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
![Page 63: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/63.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
![Page 64: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/64.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
SOURCE : http://www.lukew.com/resources/articles/PSactions.asp
![Page 65: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/65.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
À lire !
![Page 66: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/66.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Avant de conclure…
Qui est responsable de l’expérience utilisateur ?
![Page 67: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/67.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
CHAQUE INDIVIDU de votre organisationqui participe de près ou de loin au maintien et à l’évolution de votre site
Gestionnaires de produits, ingénieurs
Ergonomes, architectes de l’information, directeur UX
Designers, directeur artistique
Développeurs, analystes de la qualité
Auteurs, éditeurs, traducteurs du contenu
Service à la clientèle
Membres de la direction
…
![Page 68: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/68.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Google user experience
The Google User Experience team aims to create
designs that are useful, fast, simple, engaging,
innovative, universal, profitable, beautiful,
trustworthy, and personable. Achieving a harmonious
balance of these ten principles is a constant challenge.
A product that gets the balance right is "Googley" –
and will satisfy and delight people all over the world.
SOURCE : http://www.google.com/corporate/ux.html
![Page 69: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/69.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Avec l’optimisation ergonomique….
C’est possible de faire mieux avec peu !
1- Identifiez + mesurez + observez
2 - Priorisez + maquettez* (guidelines, patterns)
3 - Optimisez vos contenus*
* Testez encore!
![Page 70: Faire Mieux Avec Peu - Webcom 2009 Anastasia Simitsis, w.illi.am](https://reader034.vdocuments.mx/reader034/viewer/2022051514/54b43cf24a795989318b45f8/html5/thumbnails/70.jpg)
© confidentiel / w.illi.am/ 15 mai 2009
Bonne expérience utilisateur ;)
Merci !