Au fil des années, certains schémas de conception web se sont affirmés au point de devenir des habitudes d'utilisation pour les internautes.
Réutiliser des mécanismes qui sont devenus courants permet de profiter de l'expérience que vos visiteurs ont acquise en surfant sur d'autres sites pour les aider à avoir une navigation plus efficace. L'effet d'expérience adapté au web, en quelque sorte.
Voici quelques exemples de ces conventions de conception web.
Le logoPositionné en haut à gauche pour une identification rapide, avec un lien hypertexte qui permet un retour sur la page d'accueil depuis n'importe quelle page du site.
Le formulaire de rechercheEn haut de page, absolument. Souvent positionné à droite, voir sur un bloc indépendant centré lorsque la recherche est prépondérante.
Profil et panierInformations de connexion et d'inscription pour les sites communautaires, ou accès direct au panier de commande pour les sites d'e-commerce, sont très souvent placés à droite tout en haut de page.
Au passage, notez au sujet du panier que le fait d'associer le terme de "panier" à une icône représentant un Caddie (marque déposée de la société Caddie SA) est parfaitement entré dans les mœurs.
Amazon
La Redoute
Rue Du Commerce
Les informations sociétés et mentions légalesLes informations sur la marque ou la société, ainsi que les mentions légales (droit de reproduction, collecte de données personnelles) sont généralement en centrées dans le pied de page, le plus bas possible.
Dans le cas de plusieurs liens, une liste horizontale avec un séparateur très simple (tiret -, trait vertical | ), voire sans séparateur est d'usage.
Le fil d'ArianeEn haut de page, souvent placé entre l'entête et le contenu central, le fil d'Ariane est généralement présent dès que la structure du site est une arborescence à 2 niveaux ou plus. Le séparateur utilisé est souvent le crochet >
Allociné
Dailymotion
eBay
Les indicateurs de chargement
Avec Ajax, le chargement dynamique d'informations ou de sections de pages s'est généralisé. Et pour indiquer à l'utilisateur qu'il doit patienter, certaines icônes animées sont devenues des marqueurs usuels :
Lien : http://feedproxy.google.com/~r/blog-webdesign/~3/WxucH0jroc8/conventions-de-conception-web.html