Conception de page Web efficace

La conception et la mise en page ne sont pas des tâches aisées. Certaines personnes étudient la conception pendant des années pour apprendre à maîtriser ce métier, et les meilleurs concepteurs gagnent beaucoup d’argent. Toutefois, une conception efficace répond à certains principes qui vous aideront à créer un site Web d’aspect professionnel. Consultez certaines de ces ressources en ligne, puis lisez le manifeste.

Web Design 101
Cette présentation divertissante pose plusieurs questions importantes auxquelles ils convient de répondre avant de commencer à construire un site. La conception du site dépend essentiellement de sa vocation et du public cible. Lisez ce qui suit avant de commencer.

Tips for Writers and Designers
Il s’agit d’une ressource quelque peu dogmatique mais exhaustive et utile pour les concepteurs de site Web, rédigée par Dave Siegel. Si bon nombre des informations de ce site s’adressent aux concepteurs WWW aux prises avec les aspects les plus subtils du langage HTML, certaines sont parfaitement applicables à la conception du magasin ShopSite.

Creating Graphics for the Web Designer
Cette ressource est particulièrement utile si vous vous efforcez de convertir des logos et graphiques existants en un format publiable sur le Web. Elle est cependant spécifique à la plate-forme Mac et surtout utile si vous utilisez Photoshop. Assez technique, elle est bien tenue à jour et assez complète. Elle explique comment convertir le format EPS en format bitmap pour le Web, comment optimiser Photoshop pour travailler sur le Web, et comment utiliser au mieux les formats GIF et JPEG.

Yale Web Style Manual
Il s’agit d’un manuel en ligne. Sans chercher le spectaculaire, il s’avère exhaustif et intelligent. C’est en fait presque un cours universitaire complet sur la manière de concevoir efficacement un Web utilitaire. Vous ne gagnerez certainement jamais aucun prix en suivant ces directives ; en revanche, vous contribuerez à la satisfaction de vos clients en leur offrant un site cohérent où ils pourront naviguer aisément.

Le manifeste : fautes impardonnables de conception sur Internet

Vous trouverez ci-dessous certaines choses que j’ai apprises ces dernières années sur la présentation efficace de documents World Wide Web. Vous n’êtes pas obligé de suivre ces instructions. Vous pouvez même être totalement en désaccord. Pas de problème. J’espère que vous les lirez néanmoins.

La lecture d’un texte sur l’écran d’un l’ordinateur n’est pas aussi confortable ni commode que sur une page imprimée. Il convient de surmonter cet obstacle en présentant un texte aussi élégant que possible. Certains des conseils ci-dessous constituent des tentatives de résolution des difficultés inhérentes au support, d’autres correspondent simplement à des conventions adoptées par la communauté Internet au fil des ans.

Pas (peu) de LETTRES CAPITALES. SUR INTERNET, ELLES SONT ASSIMILEES A UN HURLEMENT ; EN OUTRE, ELLES SONT DIFFICILE A LIRE. Vous pouvez voir d’ailleurs à quel point c’est inesthétique. Si vous voulez mettre l’accent sur un mot particulier, utilisez les caractères gras. Un titre ou un en-tête occasionnel en capitales peut être approprié dans certains cas ; je préfère cependant utiliser une balise d’en-tête ou une grande taille en points.

Fractionnement de blocs de texte long. La lecture à l’écran fatigue. La règle d’or, c’est la concision. Si vous avez beaucoup à dire, songez à insérer une ligne blanche entre les paragraphes, comme nous l’avons fait dans ce manifeste. A cette fin, insérez un code "<p>" entre les paragraphes que vous voulez séparer. Si vous voulez terminer une ligne, sans insérer d’espace entre elle et la ligne suivante, utilisez la balise "<br>". Le texte a tendance à revêtir un aspect un peu confus sur le Web. Il existe un juste milieu entre d’énormes blocs de texte illisibles et des lignes isolées et éparses.

N’utilisez pas de caractères distrayants. Ils heurtent et sont difficiles à lire. Utilisez les points d’exclamation et d’interrogation avec parcimonie. La prolifération des points d’interrogation (??????) et d’exclamation (!!!!) est particulièrement inesthétique. De même, un trop grand ... nombre ... de points de suspension ... rompt également la continuité de la ligne, conférant au texte un aspect peu professionnel. Une pléthore de caractères gras dans un paragraphe contribue à réduire l’attrait de la page. Examinez donc votre livre favori ; vous verrez avec quelle économie un bon auteur fait usage de ces systèmes de mise en évidence (évidemment, si votre livre favori est de la main de Marguerite Duras, oubliez ce que j’ai dit).

Toujours dans ce domaine, n’utilisez pas de point d’exclamation si vous ne vous exclamez pas. Et évitez de vous exclamer. Vous souhaitez probablement éviter de donner l’impression d’être agité, surtout si vous essayez de vendre quelque chose. Utilisez le pouvoir des mots, sans compter sur la ponctuation pour faire valoir votre point de vue.

Des "guillemets" en surabondance perdent de leur sens. Utilisez-les avec parcimonie. Utilisez-les lorsque vous employez des mots qui ne sont pas les vôtres, qu’il s’agisse d’une citation directe ou d’un mot que vous ne choisissez pas vraiment. Par exemple, chaque fois que j’utilise le terme "autoroute de l’information", je dois le mettre entre guillemets, car je trouve qu’il s’agit d’une expression assez sotte inventée par des journalistes en mal de sensationnel. Si je la place entre guillemets, je souligne son caractère dérisoire.

Utilisez des images de petite taille. C’est utile tant pour la vitesse d’affichage que pour l’esthétique de vos pages. Si vous présentez une image qui contient de nombreux détails, telle une peinture ou une photographie, une image plein écran peut constituer un choix valable. Mais s’il s’agit d’un logo ou d’une image de produit, veillez à ce qu’elle n’occupe pas plus d’un tiers de la largeur et de la hauteur de l’écran. En règle générale, les images sont assez grandes si elles sont reconnaissables. En ce qui concerne la taille du fichier image, essayez de faire en sorte qu’elle ne dépasse pas 20 K. Pour plus de conseils sur les images, voir Conseil en matière de graphiques pour le vendeur en ligne.

Si les images doivent s’afficher en colonne, tachez que leur largeur soit uniforme. Du fait que ShopSite affiche vos produits en colonnes, si les images sont de largeur constante, le site aura un aspect plus net. La plupart des logiciels d’édition d’image permettent de définir une largeur particulière en pixels.

Surtout, prenez le temps de produire des images de bonne qualité. Les visiteurs jugeront vos produits et services à l’aspect de votre site. Des images de qualité médiocre affecteront votre propre image de marque. Si vous manquez de temps pour soigner l’aspect de vos images, engagez quelqu’un pour le faire à votre place.

Pas de texte clignotant ! C’est l’une de mes phobies. Puisse le clignotement n’avoir jamais été inventé. S’il peut à la rigueur s’avérer utile en cas d’extrême urgence, il ne fait, le plus souvent, que distraire. Il attire le regard, même si l’on cherche à se concentrer sur autre chose. Du reste, ne réussit-il pas, à l’occasion, à détourner l’attention du lecteur d’un texte en très petits caractères...

Retour à la page principale | Rechercher | Feed-back
Si vous ne trouvez pas l’aide dont vous avez besoin, n’hésitez pas à nous contacter.