Cours de Web Design part.64. • Hiérarchie
• Intelligibilité
• Lisibilité
• Esthétique
• Ergonomie de la page
• Confort
• Repères
design
buts
Relax In The Air
typographie
Février 2013
Copyright© 2013 Relax In The Air
8. • Serif / sans serif.
• Longueur d’une ligne: 12 mots c’est lisible.
• Leading ou interlignage: 1.1 - 1.5 c’est aéré.
• Letter spacing ou inter-lettrage: par défaut.
• Couleur typographie VS espace blanc.
typographie
design
faits
Relax In The Air
Février 2013
Copyright© 2013 Relax In The Air
11. design
contraste
Relax In The Air
http://www.snook.ca/technical/colour_contrast/colour.html
typographie
Février 2013
Copyright© 2013 Relax In The Air
12. a a a a a a a a a a a a a a a
typographie
design
échelles
Relax In The Air
8 9 10 11 12 14 16 18 24 30 36 48 60 72 96
Février 2013
Copyright© 2013 Relax In The Air
13. typographie
design
règle
Relax In The Air
• Jamais plus de 2 typos est généralement
une bonne règle
• en combinant 2 typos tentez d’obtenir
harmonie et contraste
• mélanger une sérif et une bâton a plus de
sens
Février 2013
Copyright© 2013 Relax In The Air
20. • Arial
• Courrier New
• Verdana
• Tahoma
• Times New Roman
• Trebuchet
• Georgia
typographie
design
web safe fonts
Relax In The Air
Février 2013
Copyright© 2013 Relax In The Air
25. • Google Fonts
• Typekit
• Font Face
• Fontdeck
design
alternatives
typographie
Relax In The Air
Février 2013
Copyright© 2013 Relax In The Air
26. typographie
design
Relax In The Air
Attention à la lisibilité en dessous d’une
certaine taille !
alternatives
Février 2013
Copyright© 2013 Relax In The Air
37. There are no stupid users, only stupid
interaction designers.
51. simplifier
Il est bien plus facile de simplifier vos idées
pour les rendre fonctionnelles que de faire
entrer de force une idée dans une
fonctionnalité existante.
gapingvoid.com
____________________
Michael Lebowitz
54. Utilisez d’autres éléments de communication
(non-verbaux).
Ne combinez pas trop d’éléments à la fois.
Ne cédez pas à trop d’information ou d’urgence.
conventions
simplifier
Relax In The Air
Février 2013
Copyright© 2013 Relax In The Air
60. • Respectez les conventions de localisation
• Respectez les conventions de vocabulaire
• Respectez les conventions d’interaction
conventions
règles
Relax In The Air
Février 2013
Copyright© 2013 Relax In The Air
67. Au centre de l’utilisabilité d’un site
premier lien de l’utilisateur avec le site
conventions
navigation
Relax In The Air
Février 2013
Copyright© 2013 Relax In The Air
68. Equilibrez entre ludique et fonctionnel.
Veillez à la réactivité.
Système facile à utiliser et à comprendre.
Ne perdez pas l’utilisateur.
Gardez la même logique.
Anticipez les besoins.
conventions
navigation
Relax In The Air
Février 2013
Copyright© 2013 Relax In The Air
69. groupes reconnaissables par l’utilisateur
avant que sont cerveau ne tente de les
regrouper dans des sous-groupes.
Relax In The Air
5 à 7
Février 2013
Copyright© 2013 Relax In The Air
74. l’utilisateur doit rapidement comprendre ce
qui est cliquable.
Doit facilement comprendre la logique des
comportements
Ces comportements doivent rester
constants tout au long du site
conventions
navigation
Relax In The Air
comportements
Février 2013
Copyright© 2013 Relax In The Air
75. la navigation doit être conçue du point de
vue de l’utilisateur.
utilisez des web fonts (pas d’images).
conventions
navigation
Relax In The Air
comportements
Février 2013
Copyright© 2013 Relax In The Air
78. Facilite pour l’utilisateur le retour en
arrière et lui montre son emplacement dans
l’architecture globale d’un site.
conventions
breadcrumb
Relax In The Air
Février 2013
Copyright© 2013 Relax In The Air
79. également utilisé dans la progression de
processus d’inscription, achat, questionnaire...
conventions
breadcrumb
Relax In The Air
Février 2013
Copyright© 2013 Relax In The Air
80. Relax In The Air
conventions
breadcrumb
Février 2013
Copyright© 2013 Relax In The Air
81. Relax In The Air
conventions
breadcrumb
Février 2013
Copyright© 2013 Relax In The Air
85. Pour consulter notre menu, cliquez ici
Pour consulter notre menu, cliquez ici
Pour vous mettre l’eau à la bouche, consultez notre menu
conventions
loi de fitts
Relax In The Air
Février 2013
Copyright© 2013 Relax In The Air