Guide Ergonomique pour les sites de location saisonnière

http://cogites.com/ergo version 1.0 du 05 Avril 2005

Avant propos

Vous êtes maître d’œuvre ou d’ouvrage d’un site web faisant la promotion d’une location saisonnière du type gîte, chambre d’hôtes, … Si vous souhaitez que vos visiteurs connaissent une « bonne expérience utilisateur » en parcourant votre site web, ce document vous intéresse.

PLAN

1. L’ERGONOMIE DES INTERFACES WEB
1.1. LES CRITERES DE BASTIEN ET SCAPIN

2. L’ANALYSE DE BESOIN
2.1. LE VISITEUR TYPE
2.2. LE WEBMASTER / LOUEUR TYPE

3. L’ERGONOMIE DE VOTRE SITE A CHAQUE INSTANT DE L’EXPERIENCE DE VOS VISITEURS
3.1. COULEUR, POLICE, POIDS, NAVIGATION, ET STYLE
Couleur
Police
Poids
Navigation
Style d’écriture
La charte de votre site
3.2. DECOUVRIR & UTILE & UTILISABLE
La page tunnel
La page d’accueil
Bonnes pratiques
3.3. APPROFONDIR & UTILE & UTILISABLE
La maison
L’environnement
Contacts et réservations
3.4. INTERAGIR & UTILE & UTILISABLE
Le Formulaire

4. L’ERGONOMIE, LA BONNE FRANQUETTE ET L’ART

5. L’AMELIORATION CONTINUE

En 2005, le phénomène des locations saisonnières (dans ses proportions actuelles) est encore neuf et est monté en puissance dans le même temps qu’arrivait la technologie Internet. Ce dernier a immédiatement été vu et compris (les plus jeunes expliquant au plus anciens) comme un (le) moyen de faire la promotion quasi gratuite du produit « locations saisonnières » avec un maximum d’efficience.
Réaliser un site de ce type ne demande qu’un équipement léger et des compétences mesurées. Ainsi, dans 90% des cas ces sites sont réalisés en « famille » par, le loueur lui-même, ses enfants, petits enfants, amis, voisins, …
L’idée n’est pas ici de critiquer le travail de ces « bénévoles » mais de faire entendre que le caractère utilisable d’un site Web n’est pas une option.

Rare doivent être les sites de locations saisonnières à bénéficier de 10.000 visiteurs par jour ? Nous serions plus entre 5 et 50 ! Aussi, les pourcentages de transformation d’un visiteur en loueur doivent-ils être beaucoup plus élevés que dans la plupart des autres sites marchands (dont certains peuvent accepter 1 vente pour 1000 visiteurs).

Donc, chaque visiteur compte, qu’il soit expérimenté dans le surf et équipé d’une machine vétuste ou inversement, un débutant au volant d’une ferrari.

plan

1. L’ERGONOMIE DES INTERFACES WEB

Les bases de références de ce guide sont les critères ergonomiques présentés par Bastien, J.M.C., Leulier, C., & Scapin, D.L. (1998) dans « L'ergonomie des sites web ».
Ne pensant pas qu’une définition poussée de ce qu’est (et n’est pas) l’ergonomie et a fortiori l’ergonomie cognitive, soit essentielle à ce moment du discours, je vais me contenter des deux définitions suivantes :
§ l’ergonomie consiste à adapter le travail à l’homme
§ La psychologie cognitive considère l’homme comme un système de traitement de l’information qui capture l’information extérieure, la mémorise, réalise des opérations sur l’information et transmet l’information vers l’extérieur (Tijus, 2001).

Pour le cas qui nous occupe - l’ergonomie des sites web, la difficulté est que non seulement vous ne pouvez prédire l’équipement et les compétences du visiteur mais pire (pour le visiteur), chaque site a son propre mode d’emploi. Ainsi à chaque site (et ce quelque soit ses capacités) le visiteur doit réapprendre le vocabulaire du site, le mode de navigation du site, les pièges et astuces, …
C’est pourquoi l’ergonomie nous propose :
- une liste de garde-fous : ensemble de règles à respecter qui assure une compatibilité minimale avec le plus grand nombre de couple utilisateur / équipement
- des bonnes pratiques : sorte de conventions respectées par un grand nombre de sites et qui minimisent la tâche d’apprentissage (ou de ré-apprentissage) et le risque d’erreurs.

1.1. Les critères de Bastien et Scapin
Les critères de Bastien et Scapin 1998 sont rapidement énoncés ci-dessous.
1. Guidage
1.1. Incitation
1.2. Groupement / Distinction entre Items
1.2.1. Groupement / Distinction par la localisation
1.2.2. Groupement / Distinction par le format
1.3. Feedback Immédiat
1.4. Lisibilité

2. Charge de Travail
2.1. Brièveté
2.1.1. Concision
2.1.2. Actions Minimales
2.2. Densité Informationnelle

3. Contrôle Explicite
3.1. Actions Explicites
3.2. Contrôle Utilisateur

4. Adaptabilité
4.1. Flexibilité
4.2. Prise en compte de l’expérience de l’utilisateur

5. Gestion des Erreurs
5.1. Protection contre les Erreurs
5.2. Qualité des Messages d’Erreurs
5.3. Correction des Erreurs

6. Homogénéité / Cohérence

7. Signifiance des Codes et Dénominations

8. Compatibilité

Les titres des paragraphes sont parlant, une lecture attentive et une vérification à partir de cette grille de votre site vous donnerait un premier aperçu du chemin qui vous reste à parcourir.
Revoyons chaque critères.
§ le guidage => le visiteur doit comprendre ce que votre site permet et comment y parvenir. Par exemple, que se passe-t-il si le visiteur ne rentre pas sur le site par la page d’accueil ?
§ la charge de travail => économisez vos visiteurs ! Des phrases courtes (au moins au début des pages) ont plus de chances d’être lues. (la lecture est 20% plus lente sur un écran).
§ action explicite => le site doit répondre au doigt et à l’œil du visiteur et non provoquer des actions indues (lien erroné ou ouverture automatique d’une publicité)
§ adaptabilité : votre site doit permettre toutes les utilisations que l’on peut supposer raisonnables (par exemple imprimer certaines pages)
§ Gestion des erreurs : anticiper et si l’erreur arrive ne laisser pas vos visiteurs seuls face au problème. Par exemple, si vous avez placé une vidéo, prévenez les problèmes de compatibilité en proposant le lien de téléchargement des player. Ou encore ne laissez pas un client faire une demande de réservation en oubliant de compléter la case email ou téléphone.
§ Homogénéité et cohérence : une fois les règles établies (couleur, disposition) conservez-les. Faites en sorte que le lien vers la page d’accueil ne bouge pas.
§ Signifiance des codes et dénominations : ce critère varie avec les endroits du monde cependant ne mettez pas de rouge partout car plus rien ne serait important pour personne!
§ Compatibilité => avec tous les visiteurs et leur particularité (mémoire, perceptions, habitudes, compétences, âge et objectif)

Je n’irais pas plus loin sur l’aspect théorique pour me concentrer sur le cas particulier qui nous occupe.

Retenez que notre souhait sera d’adapter la logique du fonctionnement du système informatique à la logique d'utilisation de l'utilisateur.
haut

plan

2. L’ANALYSE DE BESOIN

L’ergonomie place l’Homme au centre des projets, dans notre étude de cas de qui parle t’on?

2.1. Le visiteur type
Quelles sont les caractéristiques de vos visiteurs.
- homme ou femme ?
- au travail ou à la maison ?
- C.S.P ? en fonction de la gamme de votre prestation ?
- Age : de 5 à 105 ans
- …
- expert en informatique vs débutant complet
- équipé dernier cri ?
- …
Le visiteur « type » de site de locations saisonnières n’est pas le plus facile qui soit. Le visiteur a pour objectif(1) de chercher (et si possible trouver) une location saisonnière et il sait lire. Bien ! Autrement dit, en terme de typologie nous ne savons rien (ni âge, ni sexe, ni csp, ni lieu de connexion,…). Et dans notre cas d’étude, même connaître le profil du décideur (le chef de famille par exemple) ne nous serait pas d’un grand secours.
En conséquence, il faut s’attendre à tout ! C’est-à-dire, anticiper sur tous les risques potentiels et donc réaliser une interface simple (mais non simpliste) et compatible avec le plus grand nombre.
Le cahier des charges : le site doit permettre au visiteur de juger de la pertinence de votre offre de location par rapport à ses critères (prix, nombre de places, présence d’un cour d’eau permettant le sport, chambre bleue car tantine adore le bleu,…) et de lancer une pré-réservation ou vous contacter.

2.2. Le webmaster / loueur type
Nous en savons un peu plus sur le loueur type :
- a entre 18 et 105 ans
- possède un pouvoir d’achat
- gérera le site essentiellement depuis son domicile
Ce n’est pas grand chose mais ceci nous servira de cahier des charges.

Quelques remarques sur les ressources à disposition du loueur type pour assurer la tache qui lui incombe. Le chapitre précédent nous apprend qu’il faut que le webmaster garantisse la compatibilité de son site. Mais le webmaster d’un site de location n’a que rarement le temps d’apprendre chaque nouvelle mouture de recommandation du W3C. De plus, un site à consonance hébergo-touristique ne peut se permettre trop de sobriété, il faut que « ça paraisse beau et joyeux … ».

L’épineux problème des mises à jour, et plus largement sa gestion dans le temps, est abordé dans le dernier chapitre. Retenons simplement que le webmaster (qu’il soit ou non le loueur) ne dispose que rarement de compétences et matériels professionnels.
De plus, si par chance il en dispose au moment de la création du site, rien ne nous dit qu’il en disposera de même dans un an ou deux plus tard.

Ainsi le chapitre suivant propose des compromis où le site devrait rester opérationnel dans le plus grand nombre de cas possible au regard du coût (temps et effort) pour le webmaster.

plan

3. L’ERGONOMIE DE VOTRE SITE A CHAQUE INSTANT DE L’EXPERIENCE DE VOS VISITEURS

Dans ce chapitre, nous supposerons que les visiteurs de votre site ont, dans l’ordre, trois(1) objectifs principaux :
- découvrir (le produit)
- approfondir (prix, confort, alentours, …)
- interagir, contacter / acheter (faire une demande de réservation, …)

Ce triptyque d’objectifs sera recoupé par la distinction utile et utilisable.

Découvrir Approfondir Interagir
Utile Utile Utile
Utilisable Utilisable Utilisable

Avant toute chose un rappel des fondamentaux.

3.1. Couleur, police, poids, navigation, et style
Couleur
Dans un « vrai » projet internet, le responsable de projet vous parlerait de « charte graphique ». Une charte graphique sert à définir l’identité visuelle du site web de A à Z, les couleurs et les formes (en rapport au produit ou à la société) et leurs déclinaisons.

Sans aller jusque là, il est primordiale que vous définissiez une fois pour toute (si possible le plus tôt possible) un certain nombre d’éléments.
- couleur, police et taille du texte
- couleur, police et taille des liens
- couleur, police et taille des liens actifs
- couleur, police et taille des liens visités
- couleur, police et taille des titres et sous-titres

Toujours dans un soucis de cohérence, essayez de limiter le nombre de couleurs différentes utilisées.
Assurez-vous que les contrastes sont suffisants .

Des couples qui fonctionnent :
- noir sur blanc
- bleu sur blanc
- blanc sur noir
- vert et rouge sur blanc

Le rouge doit être gardé pour les choses réellement les plus importantes.
Evitez les fonds dans les pages de texte ou choisissez des fonds discrets avec le moins de détails possibles afin de ne pas interférer dans le processus de lecture (attention aux fonds qui se déplacent avec la mise en page).

Police
Ne dépassez pas trois polices différentes. Le mieux est encore de garder la même (à l’exception du titre du site).
La police scientifiquement la meilleure est verdana. Cependant d’autre comme Arial peuvent être utilisées.
Dans tous les cas, ne prenez pas de police originale au risque que votre visiteur ne la possède pas et voit vos pages en Times New Roman !
L’italique sera évité, ce format perturbe la lecture. Les textes ne devront pas être souligné afin de ne pas créer la confusion avec des liens hyper texte.

Poids
Rien de pire pour un visiteur que d’attendre le téléchargement d’une page. Vous devez donc penser au poids de vos pages et en particulier de vos images.
Retenez que le visiteur n’est pas prêt à attendre 10 secondes pour voir votre travail.

La page d’accueil ne devrait pas dépasser : 20ko (images inclues), je vous la laisse à 50Ko.
Ne placez surtout pas une image de 1Mo en plein milieu de la page d’accueil !

Les autres pages ne devraient pas dépasser : 100ko (images inclues), je vous les laisse à 250Ko.

Il semble incontournable que sur un site de location saisonnière au moins une page soit remplie de photo, dans ce cas :
- afficher des vignettes qui renvoient sur des pages où se trouvent les images en taille réelle
- placer les photos en bas de page et placer du texte en haut de la page (ainsi le chargement se fera progressivement pendant que le visiteur lira la description …)
- placer les plus lourdes en dernier
- éventuellement indiquer au visiteur que le chargement peu prendre un « certain temps »

Navigation
C’est malheureusement sur cet aspect capital que bute la plupart des sites et les sites de locations saisonnières ne dérogent pas à cette règle.

Pourquoi la navigation est si importante ? Parce qu’aucun site web n’a le même mode de navigation et que l’utilisateur doit ré-apprendre à chaque site comment passer d’une page à l’autre. Aussi faut-il lui faciliter la tâche en lui permettant de réutiliser ce qu’il connaît et ce qu’il utilise déjà.

Faites en sorte que les choses d’une même place aient les mêmes fonctions et que les mêmes fonctions soient accessibles aux mêmes places.

- Le menu ne bouge pas de place
- Un lien hypertexte essayera d’être toujours clairement distinctif du reste du texte.
- Toutes les pages possèdent un lien qui pointe vers la page d’accueil
- N’utilisez pas de frame
- Faites attention au nom des liens, « le meilleur site du monde » n’est pas une information
- Chassez sans merci les liens morts
- Le titre des pages est intelligible et répété dans la balise title et le menu
- Si vous placez un lien mailto ne le placez pas dans votre menu mais bien plutôt dans votre page « contact » (cette règle figure aussi dans un autre chapitre mais on ne le répète jamais suffisamment ;o)
- Si vos pages sont longues, assurez-vous qu’il existe un mode de navigation en bas des pages (ne serait-ce qu’un lien pointant vers le haut de la page).

Règles fortement souhaitables dans les pages de texte mais non obligatoires dans la gestion des menus:
- les liens visités sont distingués des liens non visités
- les liens actifs sont distingués des autre liens

En outre, une autre règle très partagée dans le monde des sites internet indique que le logo du site se trouve en haut à gauche et qu’un clic sur cette image ramène toujours à la page d’accueil. Si cette règle n’est pas obligatoire la règle du troisième alinéa de la page précédente demeure.

Style d’écriture
Il n’est pas interdit d’écrire le texte d’un site de location saisonnière en alexandrins. Cependant un style plus directe, aéré en petits paragraphes de phrases peu longues, serait du meilleur effet.

La charte de votre site
Si nous devions résumer, nous dirions que très vite dans votre projet web vous devez dessiner votre site. Dessinez (sur une feuille de papier) la page d’accueil, puis une ou deux autres pages. L’aspect (graphique) général bien sûr puis au fil de l’avancement dans le détail. Vous devrez fixer une fois pour toute l’emplacement des choses (e,g. place du menu, lien permanent vers la page d’accueil), leur forme, … Mais aussi la mise en page du texte, des titres de niveau 1, 2… , des liens, des liens déjà visités…
Ce travail est assez rapide (si on exclut le temps de choix et si on le compare à des sites beaucoup plus complexes) et répondra parfaitement à une bonne partie des règles de Bastien et col. vues au début de ce guide.

Après avoir posé les bases « structurelles » de l’ergonomie des sites web (i,e. couleur, police, poids, navigation et style) revenons au croisement entre les objectifs du visiteur (i,e. découvrir, approfondir et interagir) et les deux impératifs ergonomiques (i,e. utile et utilisable).

3.2. Découvrir & utile & utilisable
L’essentiel sera pour le visiteur de « se faire une idée ». Un résumé indiquant le lieu, le nombre de couchages, le prix et quelques photos suffis.

La page tunnel
Une « page tunnel » est une page placée – dans le temps – avant la réelle page d’accueil du site. En règle générale, cette page ne sert qu’à présenter minimalement le site qui se cache derrière et offre pour seul choix au visiteur de cliquer sur un lien du type « l’entrée se trouve par là ».

Dangers :
- le visiteur a l’impression de perdre son temps (et c’est le cas !)
- le lien vers le reste du site est tellement (au choix : discret, original, caché !) … que le visiteur est obligé de le chercher. Espérons qu’il le trouvera !
- cette première page contient une énorme image (en Ko) et le visiteur n’est équipé que d’un modem 28.8kbp.

Ce genre de stratagème (la page tunnel) est utilisé par les grands sites pour deux raisons qui ne se justifient pas pour les sites de location saisonnière. Tout d’abord pour démontrer leur parfaite maîtrise de la communication en ligne (utilisation à outrance des options dernier cri et exploitées dans leur limite). Ensuite pour charger (en arrière plan) des applications lourdes qui servirons pour la suite.
Bonnes pratiques :
- ne placez pas de page tunnel, elle ne se justifie pas !
- si vous y tenez, assurez-vous que le lien vers le reste du site sera identifié sans mal et sans attente, c’est-à-dire suffisamment gros, au centre de la page, clair et laconique.
La page d’accueil
Elle représente le fin du fin, rien ne peut être négligé.

Dangers :
- elle ne fournit pas les informations voulues soit parce :
o que le nombre d’informations est trop faible (ex : deux chambres => sans le nombre de couchages)
o l’information est décalée (il fait beau toute l’année => mais au fait où sommes nous ? dans quelle région ? pays ?)
o l’information est dissoute au milieu d’un flot d’informations, pertinentes ou pas. (ex : message principal perdu au milieu d’un flot de liens vers les sites partenaires ou publicitaires.)
o L’utilisation des ascenseurs est obligatoire pour avoir les premiers mots de description (ex : la page d’accueil se compose d’une grande image de la maison et le texte descriptif se trouve à sa suite).
Comme pour 99% des sites, pour le mieux, la page d’accueil doit comporter un résumé (en 3 à 10 lignes grand maximum) indiquant de quoi il retourne. Ce résumé sera placé haut dans la page et autant que possible lisible en entier sans accès aux ascenseurs. Aussi belles ou laides que soient les photos de la page d’accueil le visiteur cherchera et lira ce texte.

Bonnes pratiques
Le bon sens indique qu’un locataire potentiel a besoin (à minima) :

- d’être rassuré et séduit

- de connaître le lieu : pays, région, villes proches (ou site géographique très connu et proche ), distance à ces dernières.
Tous vos locataires ne sont pas géographes et ce d’autant plus qu’ils ne sont pas nécessairement français.
- l’extérieur : taille du jardin et ses possibilités (ex : barbecue), vue,…
Une bonne occasion de mettre en valeur votre location.

- intérieur : surface, répartition en nombre de pièces, équipements, le cas échéant le style
Ne dites pas tout mais indiquez le nombre de couchages, l’éventuelle séparation toilettes et salle d’eau, dressing, garage, …

- le mode de location (semaine, week-end, …)
Par exemple, du samedi 16h au samedi 10h

- les prix. Tous !
Le client les cherche. A vous de voir si vous les mettez ou pas sachant que la plupart des concurrents les indiquent clairement. Si vous le faite n’en omettez pas.

- l’état des réservations.
C’est à double tranchant. Le client cherche cette information. Mais s’il la trouve et voit que la maison n’est pas disponible il ne va probablement même pas rentrer en contact et donc vous n’aurez aucune chance de lui proposer une autre date ou de le mettre sur liste d’attente.
Cependant, si la maison est disponible, comparée à une autre dont on ne sait rien, cela peut faire la différence. Puisque le visiteur a une information plus précise et précieuse, et qui peut lui faire gagner beaucoup de temps (le temps que l’autre loueur donne sa réponse par exemple).
Bien sûr ces informations doivent être tenues impeccablement à jour !
On le voit ici, l’ergonomie atteint les limites que lui fixe le commerce.

Ensuite on supposera qu’à partir de cette page, si le visiteur veut en savoir plus – approfondir, le contenu du (premier) message sera suffisamment incitatif.

3.3. Approfondir & utile & utilisable
Dans un cours de commerce agressif le discours fut : la cible est accrochée, il s’agit de la verrouiller. Plus sympathiquement, le locataire potentiel est satisfait par sa première impression il veut en savoir plus. Et là vous ne pouvez vous permettre aucune erreur.

En général, un site de location propose trois grandes thématiques :
§ la maison
§ l’environnement
§ contacts & réservations

Cependant, il existe bien des variantes et bien des composants possibles :
Citons en vrac et de manière non exhaustive,

La maison
o le nombre de couchages
o chaque pièce et dépendance
o les équipements (nombre de couverts, de plats, de plats spécifiques pour la cuisine , change-bébé, repassage, …)
o les autres équipements (téléphone, jeux de société, jeux et matériel sportif, TV, ordinateur, connexion, … )
o sols, murs, plafonds
o luminosité
o isolation, chauffage et climatisation
o animaux
o style architectural (pierres apparentes, boiserie)
o zone fumeur
o détail original

L’environnement
o les extérieurs (jardin, murs, toit, véranda, …)
o la situation (géographique, géologique, paysage, vue, …)
o le village (histoire, économie, …)
o loisirs et activités (culture, sport, événement,…)
o météo
o recette
o une image à 360° de la vue
o une webcam qui montre la maison ou un lieu proche (ex : pour les locations proches des stations de ski)
o l’Auvergne ;o)
o (hyper)liens vers des sites partenaires, informatifs,…
o livre d’or

Contacts et réservations
o contact (email, tel., fax, indicatif international, portable, formulaire, adresse, fax, votre trombine, … )
o les services (linge, ménage, restauration, sport, culture, …)
o les prix : à la semaine, pour un week-end de 2 et 3 jours, la nuitée, sans oublié les éventuels services.
o le formulaire des réservations demandant : nom, prénom, tel., portable, email, adresse, dates d’arrivée et de départ, nombre de personnes, d’animaux, … sans limite aucune (évidemment pas souhaitable !)
o la façon dont la personne sera re-contactée et dans combien de temps

Pour permettre à votre visiteur de ce faire l’opinion la plus précise qu’y soit et la meilleur, tous les supports sont possibles : texte, image, son et vidéo. Mais encore faut-il que cela reste utilisable par le plus grand nombre.
Au delà des aspects étudiés dans le chapitre 3.1 (couleur, police, poids, navigation et style) il serait souhaitable que :
- toutes les images soient commentées par un texte et une balise alt (afin d’assurer la compatibilité avec les navigateurs texte et les personnes déficientes tout en améliorant votre référencement)
- chaque fois qu’un support spécifique est proposé (son ,vidéo, fichier pdf, word, …) toutes les informations utiles soient énoncées :
o format (extension)
o logiciel requit (avec sa version si cela se justifie) et le lien de téléchargement
o si la taille du fichier est importante, indiquer la durée possible du téléchargement pour un modem 56k

- si vous insister pour mettre un fond musical (ce que je vous déconseille) permettez au moins à vos visiteurs de le stopper
- faites en sorte que vos pages soient imprimables
- évitez les choses qui clignotes
- même si les ascenseurs ne sont plus un problème ce n’est pas une raison pour faire des pages interminablement longues
- si vous placez un lien mailto ne le placez pas dans votre menu mais bien plutôt dans votre page contact.

3.4. Interagir & utile & utilisable
Les éléments utiles sont ceux cités précédemment pour les pages « contacts et réservations ». Ces deux interactions seront les seules étudiées.

Les pages « contacts et réservations » sont souvent les mêmes. Pour les informations de « contacts » il est difficile de faire un écart / règles d’ergonomie du web.

Tout se joue au moment de la complétion du formulaire (les règles pour le formulaire de « réservations » sont valables pour le formulaire de « contacts » sachant qu’en général ce dernier n’existe pas de manière différencié sur les sites qui nous occupent).

Donc, soignez votre formulaire et son processus.

Le Formulaire
- nom, tel, mail, date, sont suffisant ; n’obligez pas vos visiteurs à subir un interrogatoire
- organisation (voir l’encadré ci-après)

Les règles de Bastien pour l’organisation des champs et des titres dans un formulaire :
¨ Les champs et les libellés sont justifiés à gauche lorsque ces derniers sont de dimensions identiques
¨ Les champs sont justifiés à gauche et les libellés à droite lorsque ces derniers sont de dimensions différentes. Ainsi on évite que les titres des champs soient trop loin des champs de saisie.
¨ Lorsque les libellés sont positionnés au-dessus des champs, la justification se fait à gauche
http://www.lergonome.org

ANTICIPER LES ERREURS
- indiquez de manière distinctive les champs obligatoires
- faites en sorte que les champs soient dans un ordre logique
- lorsque les données d’entrée sont définies, facilitez le travail du visiteur par exemple en proposant des menus déroulant pour les dates
- après que le visiteur ait cliqué sur « envoyer » il doit pouvoir voir une dernière fois l’ensemble des informations pour validation. Un message doit apparaître à l’écran pour indiquer que le message a bien été envoyé
- si le visiteur a fait une erreur provocant l’interruption du processus de traitement du formulaire (cf. ci-avant), lorsque le visiteur est renvoyé vers la page du formulaire, les champs erronés sont distinctifs (ex : rouge, astérisque , …) et les données correctement entrées sont conservées.
- personne ne doit pouvoir réserver sans laisser au moins un moyen de contact, c’est-à-dire par exemple que les cases téléphone, mail, ne peuvent rester vides simultanément.

La demande de réservation est lancée, votre futur locataire en a eu la confirmation, maintenant c’est à vous de reprendre la main !

L’intérêt principal du guide s’arrête ici. Retenez qu’un usage abusif de stricteté vous ferait perdre du temps, qu’une ergonomie même impeccable ne garantit pas les ventes mais que de gros défauts vous assurent quelques non-ventes.
haut

plan

4. L’ERGONOMIE, LA BONNE FRANQUETTE ET L’ART

Bien évidemment, Mongite-de-location-saisonnière-dans-le-haut-allier.com n’est pas yahoo.com ou ebay.com, vous n’avez pas les mêmes exigences.
Aussi ce guide ne doit-il pas vous empêcher de dormir et encore moins vous faire relever la nuit pour vérifier si vous avez bien mis à jour l’état de vos réservations (quoique ;-). D’autant qu’un site déshumanisé de perfection semblerait étrange et ne servirait peut-être pas mieux la cause.

C’est pourquoi, on ne vous en voudra pas pour une police un peu trop grande, une image sans balise alt ou un formulaire qui laisse passer quelques erreurs. Si vous avez déjà réussit une vente grâce à votre site web vous en réussirez d’autres quelques soit son ergonomie !

Cependant, ce qui est beau est plus facile à apprendre, comprendre, utiliser et retenir. Aussi n’est-il pas interdit de se « lâcher » dans la charte graphique. Graphiquement, si le guidage est satisfaisant (et même meilleur), c’est-à-dire suffisamment incitatif, lisible et communiquant alors le beau est le bienvenu et l’originalité souhaitée.

Il est démontré (et les publicitaires le savent que trop bien) que l’état émotionnel, de gaieté, joie, … favorise la rétention du message joint à cette émotion.
Cela indique non seulement que le graphisme de vos pages doit être soigné mais aussi que l’esthétique peut servir l’ergonomie (et inversement).
En vous assurant d’ « une bonne expérience utilisateur » vous favorisez l’acquisition d’informations souhaitées.

plan

5. L’AMELIORATION CONTINUE

A chacun de vos locataires, demandez : LE point fort et LE point faible de votre site.
Fort de cette enquête, décidez de quelques améliorations annuelles, planifiez-les une fois par an, faites-les, puis ré-interroger les locataires…
En outre, il n’est pas interdit dans le même temps de planifier vos relectures (complètes ou partielles suivant le cas), sans oublier la péremption des photos.
Placez toujours le site web dans une notion de temps. Le premier mois de votre projet vous allez passer quelques heures devant votre ordinateur (ha les finitions). Mais dans un an, deux, cinq, …
En outre, au niveau du codage, il vous faut identifier les fréquences de mise à jour des différents éléments et leur mode de mise à jour dès le départ !
En clair, économisez-vous ! C’est aussi cela l’ergonomie.

Une autre dimension qui est quasi propre au site de location saisonnière est la multiplicité des cas de figure pour le(s) responsable(s) du site.

Si le webmaster est le loueur, les conseils précédents sont suffisants.
Si le loueur a passé commande (à ses enfants, petits enfants, parents, voisins, …) et qu’il compte ensuite reprendre le flambeau, il devra être vigilant et s’assurer qu’il est capable de :
- répondre au email
- disposer des éléments logiciel pour la mise à jour
- posséder des compétences pour la mise à jour

Compétences et ressources logiciels qui peuvent être propre au site (éviter de vous faire fabriquer un site en flash par exemple).
Si le loueur se contente d’accueillir les futurs clients physiquement (et au téléphone) alors la zone de risque est énorme il devra s’assurer que :
- son webmaster (gratuit) sera toujours en bon terme
- son webmaster (gratuit) sera disponible un certain nombre de fois par an et régulièrement dans les premiers mois
- l’adresse email du site n’est pas ou peu diffusée (il y aura quelqu’un pour jeter un œil 1 fois / 6 mois)
- son webmaster (gratuit) a bien compris qu’il devenait incontournable dans la bonne marche du gîte et qu’il devra lui être fidèle et dévoué jusqu’à la fin de ces jours…

Enfin, je vous passe les problèmes de mot de passe et de hacking.
En résumé, les problèmes liés aux mises à jour doivent être pensés dès le départ pour le moyen et le long terme et ce afin de s’assurer d’une approche efficiente de la création de sites de locations saisonnières.

Pour en savoir plus:

Scapin
Le texte de base de l'ergonomie des interfaces en france. Tous commence ici.
SCAPIN, D. L. (1986). Guide ergonomique de conception des interfaces homme-machine [Ergonomic guidelines for the design of human-computer interfaces] (Tech. Rep. No. 77). Rocquencourt, France: Institut National de Recherche en Informatique et en Automatique.
Traduction : http://membres.lycos.fr/interaction/Ergo/Scapin1/scapin1.html

Opquast
http://www.opquast.org/ site web du projet opquast. Le site rassemble un ensemble de bonnes pratiques qualité pour les services en ligne. Les bonnes pratiques sont mises au point, discutées, validées par la communauté internet (inclus des spécialistes de l’ergonomie, de l’informatique et de la qualité).

Baddley
Baddeley, A. (1993). La mémoire humaine : théorie et pratique, Presse Universitaire de Grenoble, Grenoble.
Pas d’ergonomie sans psychologie et difficile de faire de la psychologie sans s’intéresser à la mémoire. Dans cet ouvrage de référence Alan Baddley balaie le champ de la connaissance et insiste sur la mémoire de travail. La mémoire de travail est énormément sollicité lors du surf (ex : limiter le nombre de rubrique 7 car ce chiffre correspond à la moyenne des empans mnésiques humains +/-2).

Nielsen
Le pape américain de l’utilisabilité (francisation du terme « usability »). Nielsen est à la fois un conservateur (un lien est bleu et souligné !) et prospectiviste (le problème des intranets vaut 3 000 000 000 000 de dollars !) ses articles font loi ! http://www.useit.com/

Nogier
Le site web de Jean-François Nogier, auteur de l’ergonomie du logiciel et design web, fait la synthèse des recommandations issues des travaux menés dans le domaine de l’ergonomie informatique depuis une dizaine d'années. http://www.usabilis.com

Robillard-Bastien
Bastien a participé avec Scapin à l’écriture des recommandations.
http://www.ergoweb.ca/ son site présente des notions fondamentales sur la conception ergonomique de site web, sur l'utilisabilité et le développement centré sur l'utilisateur (DCU) en général, de même que des notions plus avancées. (voir aussi http://www.ideactif.com/)

plan