![Page 1: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/1.jpg)
user experience architects
webmardi – 5 juillet 2011
Trucs et astuces UX pour développeurs
ratio
![Page 2: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/2.jpg)
“User experience is the quality of experience a person has when interacting with a specific artifact”
![Page 3: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/3.jpg)
“User experience is the quality of experience a person has when interacting with a specific artifact”
Make things for people.
Those people aren’t you.
![Page 4: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/4.jpg)
![Page 5: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/5.jpg)
good ux
![Page 6: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/6.jpg)
![Page 7: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/7.jpg)
![Page 8: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/8.jpg)
style
![Page 9: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/9.jpg)
Désirable
Découvrable
Efficace
Economique
Tactile
Récupérable
![Page 10: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/10.jpg)
un but commun
![Page 11: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/11.jpg)
client
project manager
ux designer
développeurs
graphiste
![Page 12: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/12.jpg)
client
project manager
ux designer
développeurs
graphiste
![Page 13: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/13.jpg)
responsabilité
partagée
![Page 14: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/14.jpg)
ux dev?
![Page 15: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/15.jpg)
![Page 16: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/16.jpg)
le concept
AJAX
défini en 2005
par Jesse James Garrett
http://www.adaptivepath.com/ideas/ajax-new-approach-web-applications
![Page 17: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/17.jpg)
5 ans plus tôt
![Page 18: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/18.jpg)
© 2000 Jesse James Garett
![Page 19: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/19.jpg)
© 2000 Jesse James Garett
![Page 20: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/20.jpg)
quel développeur êtes-vous?
![Page 21: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/21.jpg)
“c’est le job du graphiste.”
![Page 22: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/22.jpg)
“je sais pas faire ça.”
![Page 23: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/23.jpg)
“je m’en fous.”
![Page 24: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/24.jpg)
überdeveloper
concept
ux
graphisme
code
![Page 25: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/25.jpg)
qui fait le ux chez vous?
![Page 26: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/26.jpg)
graphiste
project manager
développeur
client
ux designer
personne
![Page 27: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/27.jpg)
trucs & astuces
![Page 28: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/28.jpg)
formulaires
![Page 29: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/29.jpg)
![Page 30: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/30.jpg)
message peu précis
![Page 31: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/31.jpg)
message clair
![Page 32: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/32.jpg)
prévenir l’erreur
![Page 33: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/33.jpg)
prévenir l’erreur
![Page 34: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/34.jpg)
![Page 35: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/35.jpg)
erreur claire
![Page 36: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/36.jpg)
twitter sign up
![Page 37: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/37.jpg)
twitter sign up
![Page 38: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/38.jpg)
twitter sign up
![Page 39: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/39.jpg)
twitter sign up
![Page 40: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/40.jpg)
twitter sign up
![Page 41: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/41.jpg)
twitter sign up
![Page 42: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/42.jpg)
twitter sign up
![Page 43: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/43.jpg)
twitter sign up
![Page 44: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/44.jpg)
twitter sign up
![Page 45: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/45.jpg)
twitter sign up
![Page 46: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/46.jpg)
twitter sign up
![Page 47: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/47.jpg)
twitter sign up
![Page 48: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/48.jpg)
twitter sign up
![Page 49: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/49.jpg)
twitter sign up
![Page 50: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/50.jpg)
twitter sign up
![Page 51: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/51.jpg)
twitter sign up
![Page 52: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/52.jpg)
twitter sign up
![Page 53: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/53.jpg)
validation inline
![Page 54: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/54.jpg)
champ trop long
![Page 55: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/55.jpg)
champ de bonne longueur
![Page 56: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/56.jpg)
mauvais nom
![Page 57: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/57.jpg)
choisir pour
l’utilisateur
![Page 58: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/58.jpg)
bons défauts
![Page 59: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/59.jpg)
bons défauts
![Page 60: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/60.jpg)
critères les plus utilisés
![Page 61: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/61.jpg)
progressive disclosure
![Page 62: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/62.jpg)
![Page 63: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/63.jpg)
progressive disclosure
![Page 64: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/64.jpg)
![Page 65: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/65.jpg)
trop d’info à remplir
![Page 66: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/66.jpg)
plusieurs étapes
![Page 67: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/67.jpg)
utiliser sans compte
![Page 68: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/68.jpg)
utiliser sans compte
![Page 69: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/69.jpg)
utiliser sans compte
![Page 70: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/70.jpg)
utiliser sans compte
![Page 71: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/71.jpg)
utiliser sans compte
![Page 72: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/72.jpg)
feedback
![Page 73: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/73.jpg)
feedback + explications
![Page 74: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/74.jpg)
feedback + explications
![Page 75: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/75.jpg)
consistance
![Page 76: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/76.jpg)
ajax: feedback visuel
![Page 77: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/77.jpg)
ajax: feedback visuel
![Page 78: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/78.jpg)
ajax: feedback visuel
![Page 79: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/79.jpg)
ajax: feedback visuel
![Page 80: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/80.jpg)
blank slate
![Page 81: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/81.jpg)
“this section is empty”
![Page 82: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/82.jpg)
“no data”
![Page 83: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/83.jpg)
exemple de contenu
![Page 84: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/84.jpg)
tutoriel
![Page 85: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/85.jpg)
call-to-action
![Page 86: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/86.jpg)
call-to-action
![Page 87: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/87.jpg)
call-to-action
![Page 88: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/88.jpg)
“no search result”
![Page 89: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/89.jpg)
text
![Page 90: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/90.jpg)
text
![Page 91: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/91.jpg)
![Page 92: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/92.jpg)
suggérer + expliquer
![Page 93: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/93.jpg)
anticiper
![Page 94: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/94.jpg)
anticiper
![Page 95: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/95.jpg)
anticiper
![Page 96: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/96.jpg)
emailssystème
![Page 97: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/97.jpg)
emails par défaut des frameworks et cms sont
mauvais.
![Page 98: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/98.jpg)
Sorry friend! You sent a message to Wufoo No-Reply!
The message you just replied to was from Wufoo's mail server. That means you just emailed a machine (his name is Fred!) and probably not the intended recipient. You've got two options, but up front, we want you to know that the second one is better:
![Page 99: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/99.jpg)
1) You can copy/paste the message you just wrote into a new email with the person you want to respond to in the To: field
OR
2) Set it up in Wufoo so that when you hit the reply button on our notification emails, that you automatically reply to an email address you're collecting on your form. You can set this up in the Notification Settings under the Set Reply To option.
![Page 100: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/100.jpg)
Here's a link about that in the documentation: http://wufoo.com/docs/notifications
Hope that helps and if you need anything else, please let us know!
Love,
The Wufoo Team
![Page 101: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/101.jpg)
links & buttons
![Page 102: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/102.jpg)
lien normal non visité
lien visité
lien actif
lien en hover
![Page 103: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/103.jpg)
zone de sensibilité
![Page 104: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/104.jpg)
pas d’action primaire
EnvoyerAnnuler
Message
![Page 105: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/105.jpg)
primaire vs secondaire
Envoyer
Message
Annuler
![Page 106: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/106.jpg)
désactiver après click
Envoyer
Message
Annuler
![Page 107: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/107.jpg)
désactiver + loader
Envoyer
Message
Annuler
![Page 108: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/108.jpg)
primaire vs secondaire
![Page 109: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/109.jpg)
primaire vs secondaire
![Page 110: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/110.jpg)
![Page 111: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/111.jpg)
devenirmeilleur
![Page 112: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/112.jpg)
faire du support
observer des utilisateurs
remettre en question
![Page 113: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/113.jpg)
lire des livres
![Page 114: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/114.jpg)
lire online
http://www.useit.com/http://www.uxmag.com/
![Page 115: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/115.jpg)
utiliser des design patterns
http://ui-patterns.com/http://www.welie.com/patterns/
![Page 116: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/116.jpg)
faire des prototypes
![Page 117: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/117.jpg)
copier.
![Page 118: Webmardi: Trucs & astuces UX pour les développeurs](https://reader033.vdocuments.pub/reader033/viewer/2022052321/549ca7a8b4795991318b481b/html5/thumbnails/118.jpg)
www.8ratio.ch
+41 79 724 16 32
Rue de Bourg 11/13
1004 Lausanne
@ratio