Dans cet espace, vous trouverez quelques astuces, suggestions et conseils pour optimiser un site et lui donner un aspect plus professionnel.
Combien de fois, lors d’une session de navigation particulièrement lente, avons-nous pensé que la lenteur était entièrement imputable à la connectivité de notre fournisseur d’accès Internet ? Jamais au grand jamais nous n’aurions pensé que peut-être la faute venait du site Web que nous avons visité.
Renversons cette fois le point de vue du gestionnaire du site Web (le Webmaster, justement). Celui qui gère un site Web (personnel ou, pourquoi pas, avec quelques ambitions semi-professionnelles) et se plaint de la faible durée de visite sur le site devrait commencer à se demander si la « désaffection » des internautes envers son site Web n’est pas plutôt imputable au code HTML des pages qui le composent qu’aux contenus. Souvent, en effet, la cause principale est précisément le code HTML ou la mauvaise « structure » de notre site. Peut-être que ce dernier aurait besoin d’un « lifting » ou plutôt d’un « traitement d’utilisabilité ».
Le terme utilisabilité désigne la mesure du potentiel d’un produit (ici on parle de sites Web, mais cela s’applique aussi aux programmes ainsi qu’aux grille-pains, lave-vaisselle, réveils, etc.) à satisfaire les objectifs de l’utilisateur. Certains des facteurs employés pour déterminer l’utilisabilité sont la facilité d’usage, la cohérence et la « consistance » visuelle, ainsi qu’un processus évolutif clair et défini. Bref, un site Web « utilisable » est celui qui ne complique pas la vie des utilisateurs. Le terme utilisabilité dans le domaine des sites Web a récemment vu (heureusement) une diffusion et une application croissantes. Nous avons donc pensé qu’il était nécessaire d’éclaircir ce sujet et avons décidé de regrouper quelques suggestions destinées à améliorer votre site afin d’améliorer la relation site-utilisateur. Vous trouverez ci-dessous une série de règles, normes, suggestions et conseils pour rendre votre site Web plus facile à naviguer et, en dernier ressort, plus agréable à visiter.
Évitez les « impasses »
Lorsque vous créez vos pages Web, essayez de faire en sorte que l’utilisateur ne reste pas prisonnier de la page parce qu’il ne trouve pas la sortie. Assurez-vous que chaque page de votre site offre à l’utilisateur au moins un moyen de revenir en arrière et que l’utilisateur ne soit pas contraint (au mieux) de revenir en arrière en cliquant sur le bouton du navigateur.
Utilisez un style cohérent »
Même si cela peut paraître difficile à appliquer et, peut-être, peu créatif (vous imaginez un hebdomadaire où chaque page serait réalisée avec un style de texte et graphique différent ?), essayez d’utiliser à l’intérieur de vos pages une cohérence stylistique (du texte) et graphique (des images) entre les éléments qui les composent. Certains éléments identitaires de certaines zones du site devraient toujours être placés au même endroit. De cette manière, vous créez une facilité de recherche et de navigation. Un élément de ce type est sans aucun doute le menu de navigation qui, sur les différentes pages, doit être inséré toujours au même endroit et toujours avec la même configuration de texte et/ou graphique.
Vérifiez votre site Web sur plusieurs configurations »
Tous les utilisateurs de votre site n’utilisent pas le même navigateur que vous pour afficher les pages, ni la même résolution d’écran que vous avez l’habitude d’utiliser. Les navigateurs Internet utilisés par les internautes sont nombreux et très différents (en plus du très répandu Microsoft Internet Explorer versions 4, 5 et 6, il ne faut pas oublier Netscape 4.X et 6, Mozilla 1.0, Opera 5 et 6 et d’autres moins courants), les ordinateurs (principalement PC, Mac en minorité) et leurs systèmes d’exploitation (de Microsoft Windows 9X, Me, 2000 et XP sur PC, avec Linux comme outsider, à MacOS 8.X et 9.X et MacOS X sur Macintosh). Il est donc important de contrôler que le site s’affiche correctement et sans décalages en employant plusieurs résolutions d’écran (la plus courante est désormais 800X600), car tous les utilisateurs n’utilisent pas la même résolution. Pour ce faire, il suffit de modifier la configuration de votre écran (sous Windows, cliquez droit sur une zone vide du bureau, puis choisissez Propriétés, dans l’onglet Paramètres déplacez le curseur de la zone Écran ; sur Mac, sélectionnez dans le Panneau de configuration l’option Son et écran pour MacOS 8.X ou Écran pour MacOS 9.X) ou, si possible, utilisez plusieurs ordinateurs dans votre laboratoire et différents navigateurs et résolutions.
Attention à l’ouverture du site »
Nous ne parlons pas de l’ouverture de la fenêtre du site mais de l’espace d’ouverture (juste pour emprunter un terme cher au journalisme). La partie haute, c’est-à-dire la zone la plus visible au moment de l’affichage de la page d’accueil du site, doit contenir les informations les plus importantes ou celles auxquelles on veut donner la priorité. En effet, tous les utilisateurs n’ont pas la patience ni l’envie de faire défiler la barre de défilement verticale pour jeter un œil à l’ensemble du contenu de votre page d’accueil. Évitez également que les utilisateurs soient obligés de faire défiler la barre horizontale. L’apparition irritante des barres de défilement est un problème courant pour ceux qui testent le site avec une seule résolution. En parlant en termes de navigateur maximisé plein écran, pour obtenir les bonnes dimensions à appliquer à toutes les pages d’un site Web, souvenez-vous de soustraire aux dimensions « standard » (de la résolution désormais historique de 640×480, standard VGA, un peu trop basse, à l’actuelle 800×600 jusqu’à la « futuriste » 1024×768) les pixels relatifs aux éléments de l’interface utilisateur des navigateurs (pour la résolution de 800×600, considérez une dimension maximale de 750 pixels en horizontal ; si vous voulez éviter l’apparition même de la barre de défilement verticale, considérez 410 pixels en vertical).
Pubblicato in Outils numériques
Soyez le premier à commenter