Internet simple pour tous

La semaine prochaine, ce blog sera au repos. En effet, j'ai la chance de me rendre avec Ludy à Futurallia Québec. Futurallia est une activité de rencontres inter-entreprises à l’échelle internationale, visant le développement de partenariats d’affaires entre PME. Durant deux jours, les participants auront l’opportunité de rencontrer jusqu’à douze entreprises de leur choix grâce à un speed dating professionnel. L’objectif est donc de permettre aux chefs d’entreprise d’entamer des discussions qui mèneront au développement de partenariats internationaux sous forme d’alliances commerciales, financières, stratégiques ou technologiques.

Au menu :

• Au-delà de 8 000 rendez-vous d’affaires préprogrammés répartis sur deux jours
• Jusqu’à 12 rendez-vous d’affaires personnalisés de 30 minutes par participant
• Plus d’un millier de chefs d’entreprise
• Plus de 25 pays représentés
• 1/2 journée de conférences internationales

Pour nous, l'objectif est double : accroître la visibilité de nos produits à l'international et développer notre réseau de coopération économique. Qui plus est, cet événement aura une couleur très spéciale cette année, puisque l'activité coïncide avec le 400ème anniversaire du Québec.

Votre site peut se trouver enregistré sur votre disque dur, ce n'est pas pour cela que les internautes auront la possibilité de le voir. Il convient dès lors de choisir un hébergeur, une société chargée de gérer des serveurs (pour simplifier très fort, on peut comparer cela avec de gros disques durs en connexion permanente avec Internet). Plusieurs critères sont à prendre en compte dans ce choix :

La qualité de l'adresse
Certains hébergeurs autorisent l'usage de noms de domaine propres (www.easy-concept.com par exemple), alors que d'autres imposent des adresses beaucoup plus difficiles à retenir et nettement moins professionnelles (http://users.belgacom.net/decouvre/index.htm). Une adresse du premier type est évidemment à envisager au détriment de la seconde.

Les adresses E-Mails disponibles
Ne choisissez pas un hébergeur qui ne propose pas la création d'adresses E-Mails. Ces dernières seront stockées sur votre espace de serveur plutôt que de disposer d'une simple redirection vers une adresse E-Mail existante.

La quantité d'espace disponible
Les hébergeurs expriment cette quantité en mégaoctets (Mo) ou en gigaoctets (Go) qui vaut, lui, 1024 Mo.
Pour vous donner un ordre de grandeur, 1Mo est occupé par une petite vidéo ou 10 photos de qualité et de taille moyennes. Il faudra donc connaître le nombre approximatif d'illustrations que vous souhaitez placer sur vos pages pour déterminer l'espace nécessaire. Par contre, si votre souhait est de privilégier le texte, l'espace ne sera pas un problème pour vous.

Les scripts et langages disponibles
Si vous faites un site statique, le seul langage utilisé pourrait être l'HTML. Par contre, si vous souhaitez un site dynamique (CMS, blog, catalogue de vente...) des langages complémentaires seront indispensables. Privilégiez donc les serveurs qui prennent en charge le PHP et admettent de déployer au moins une base de données MySQL.

Nous avons commencé notre activité en 2001, à deux personnes, dans le petit bureau de notre siège social.

Depuis, l'équipe s'est étoffée. Jerry, Jean-Pierre, Emilie et Steeve nous ont rejoints pour répondre aux besoins d'une clientèle toujours plus nombreuse. Nous avions l'impression de squatter un local devenu bien trop exigu, entassés comme des sardines dans leur boîte. Plus d'hésitation possible : nous déménageons !

Voici l'adresse de ce nouveau siège d'exploitation :
Easy-Concept sprl
41 Avenue des Nouvelles Technologies
7080 Mons.

Si vous souhaitez venir nous dire bonjour, il suffit de suivre les indications du PASS, le zoning se trouvant juste en face du Parc d'Activités Scientifiques de Frameries.

Bien sûr, nous sommes dans une phase transitoire : nous avons déjà une connexion Internet, un numéro de fax, mais la ligne téléphonique fixe n'est pas encore activée. Une simple question de jour. Nous ne manquerons pas de communiquer les informations nécessaires à tous nos clients dès que tout sera opérationnel.

Nous occupons donc une partie des locaux de la société Clair Office avec laquelle nous prévoyons une synergie la plus large possible, pour répondre aux besoins de nos sociétés conjointes.

Merci pour votre fidélité, pour votre confiance, pour l'excellent bouche à oreille dont la société bénéficie. Nous espérons que ces nouveaux locaux permettront d'améliorer encore nos relations avec vous et de proposer un service plus performant

Sur certains sites, des développeurs choisissent d’optimiser leurs pages pour une version d’un navigateur. On voit ainsi, parfois « Ce site est optimisé pour Internet Explorer 6 ». Et les autres utilisateurs du web ? Il est bon de savoir qu’une telle pratique vous prive d’un pourcentage non négligeable de visiteurs.

Vient ensuite un second choix : la résolution d’écran. Celle-ci correspond au nombre de pixels (de points lumineux) que l’on peut afficher à l’écran au moyen de la carte graphique incluse dans l’ordinateur. Elle est exprimée par la multiplication des pixels sur l’axe horizontal par le nombre de pixels sur l’axe vertical.

Compte tenu de l’évolution du parc informatique, on estime qu’un site développé pour une résolution de 1020 X 768 pixels à toutes les chances de rencontrer les besoins de la grande majorité des utilisateurs. Sachez cependant que si vous choisissez cette résolution, la largeur réelle de votre site sera de maximum 1000 pixels pour éviter l’apparition de la barre de défilement horizontale.

Si vous souhaitez que votre site soit vu de manière optimale sur tous les navigateurs et tous les systèmes d'exploitation, il est important de choisir des polices qui sont communément utilisées. Je vous en explique la raison dans un billet précédent parlant de la police Comic sans MS. Il conviendra également de respecter quelques principes de mises en page pour rendre la lecture de vos textes la plus aisée possible :

• Choisissez une, voire deux polices et ne dépassez pas ce nombre. S'il est possible de jouer sur le contraste existant entre deux familles de typo, une multiplication de ces dernières rend le texte illisible et fait perdre de l'homogénéité à la page.
• Traquez les fautes d'orthographe. Ces dernières peuvent vous faire perdre une partie de la crédibilité qu'un bon contenu aurait engendré.
• Ne jouez pas trop sur la taille des textes au sein d'un même paragraphe. Gardez ces variations de taille pour clarifier l'importance des titres, par exemple.
• Vous pouvez également utiliser les mises en exergue par le gras et l'italique, mais sans en abuser.
• Utilisez la même présentation sur toutes les pages de votre site.
• Si vous colorez votre texte, pensez à choisir des couleurs en accord avec la charte graphique du site afin de ne pas agresser les yeux de vos visiteurs.
• Préférez un fond clair avec des textes foncés. Evitez des juxtapositions de couleurs (noir et bleu, par exemple) qui gênent la lecture.

Votre site ne sera pas visité par les seuls internautes accédant à la page d'accueil. En effet, les moteurs de recherche peuvent les conduire sur une page intérieure. Il convient dès lors d'établir un système de navigation qui permettent de répondre à 4 questions qu'ils se poseront inévitablement :

1. Où suis-je ?
2. Où suis-de déjà allé ?
3. Où puis-je aller ?
4. Comment m'y rendre ?

Pour répondre au mieux à ces questions, il convient dès lors de :

• Proposer un système de liens qui soit sans équivoque. Plutôt que "Cliquez ici", vous préfèrerez :"Accédez à notre portfolio". Vous pourrez également compléter ce lien par une info-bulle qui s'afficherait au survol de la souris (grâce à la balise Title)
• Présenter le système de menu de manière identique sur toutes les pages (ne changez pas les intitulés de vos liens et n'intervertissez pas leur ordre en fonction de la section du site dans laquelle on se trouve)
• Rendez l'accès aaux différentes sections possible depuis toutes les pages du site
• Si vous choisissez un système de menu utilisant des images, veillez à ce que leur usage soit bien clair !

En plus de ce système de liens, vous pouvez également proposer différentes aides à la navigation :

Un chemin de progression (breadcrumbs en anglais ou, encore, fil d'Ariane).
C'est un outil de navigation constitué d'une suite de liens hiérarchisée. Il représente le niveau de profondeur atteint par le visiteur dans le site. Il permet dès lors de se repérer rapidement dans le site et de remonter facilement aux sections supérieures.

Un chemin de progression se présente souvent de cette manière :
Accueil >> Portfolio >> Nos sites Internet >> Page 2
Il possède toujours des liens séparés par un caractère déterminé qui symbolise le changement de section. Le dernier lien n'est pas cliquable et représente la page en cours.

Un plan du site (sitemap en anglais ou carte du site)
Il permet à vos visiteurs de visualiser rapidement la structure de votre site et la page qui est sensée répondre à ses besoins.

Un moteur de recherche interne
Il permettra à vos visiteurs de spécifier les mots clés et d'envoyer sa requête en cliquant sur le bouton d'action. Une liste de page contenant ces mots-clés sera alors affichée par ordre de pertinence. Certains moteurs de recherche nécessite d'être indexé à chaque changement de contenu (c'est bien souvent le cas pour les sites statiques) alors que d'autres vont simplement chercher les résultats dans la base de données et peuvent se passer de cette indexation (en cas de CMS).

Une FAQ (Frequently Asked Questions en anglais ou encore Foire aux questions)
Vous pourrez y proposer un récapitulatif de toutes les questions de bon sens que vos visiteurs se posent régulièrement en venant sur votre site ou vous envoient par courrier électronique.

Hypertexte. Le mot magique est lancé. Sans lui, pas de lien. Il s'agit en effet de l'outil de navigation utilisé sur tous les sites Internet qui permet de consulter une information de n'importe quelle nature au départ d'un nom évocateur. Plus simplement, ce sont les mots (ou images) qui permettent d'atteindre une autre page en cliquant dessus. C'est d'ailleurs ce qui fait la force d'un site qui permet d'atteindre n'importe quel niveau du site, à l'inverse d'un livre qui se lit de manière beaucoup plus linéaire.

Votre site, s'il veut faciliter l'emploi de son contenu, doit être émaillé de liens hypertextes. Mais comme toujours, l'excès nuit en tout. Voici une liste de points auxquels vous devrez être attentifs :

• La multiplication des liens à l'intérieur du texte peut rendre la lecture plus complexe : le visiteur devra systématiquement s'il doit (ou non) cliquer sur lien pour en savoir plus.
• S'il clique sur le lien, il devra également faire un effort de mémoire pour reprendre le fil de la lecture là où il l'a laissé.
• Si le lien hypertexte est intéressant, qui peut garantir que le visiteur reviendra sur le site qui l'y a conduit ?
• Il n'y a rien de pire que des liens expirés (qui ne pointent plus vers la page initialement prévue). Pensez à vérifier la validité de ces derniers. Un programme comme Xenu pourra vous y aider.

L'idéal est de définir clairement quels sont les liens externes (qui pointent vers d'autres sites) et les liens internes (ceux de votre propre site). Il est, en effet, possible de modifier l'aspect du lien en fonction de sa destination. La proposition que je vais faire ici est sujette à caution (je sais que des puristes auront envie de me crucifier), mais je conseille d'ouvrir les liens externes dans une nouvelle fenêtre (_blank) alors que les liens internes s'ouvriront "normalement" en effaçant la page de départ.

Toute animation est plus lourde qu'une image et, a fortiori qu'un texte. Il convient donc de les utiliser avec parcimonie et pour des usages bien précis :

• représenter un mouvement,
• clarifier des transitions,
• indiquer l'évolution d'un téléchargement,
• présenter de nombreuses informations sur un espace réduit,
• attirer l'attention.

Pour réaliser ces animations, de nombreux développeurs utilisent Flash, une technologie à la mode en raison de la qualité et des possibilités qu'elle offre.

Certains clients souhaitent insérer des animations Flash dans leur site. Une petite quantité d'entre eux demandent de réaliser une animation Flash de présentation à placer sur une page tunnel, avant la page d'accueil proprement dite. Bien sûr nous acceptons, mais à contre-cœur, de réaliser cette animation. Malgré des restrictions qui méritent vraiment d'être prises en compte :

• L'internaute ne visite pas le site d'une entreprise pour assister béat à une animation utilisant des mots et des photos qui clignotent, mais pour trouver une information précise.
• Les animations attirent d'avantage l'attention que des images fixes. Il faut donc éviter les animations en boucle qui, à la longue, fatiguent l'utilisateur.
• Pour que l'animation soit lue par la navigateur, celui-ci doit être complété d'un plug-in Flash. Si le développeur enregistre son animation avec une version non-compatible, le visiteur devra télécharger la nouvelle version du plug-in pour lire cette animation.
• Si l'animation contient des images non vectorielles, gif ou jpeg, la taille de l'animation devient rapidement énorme et perd les avantages liés au format vectoriel.
• Une animation Flash ne peut être optimisée pour les moteurs de recherche. Son contenu ne sera jamais aussi bien indexé qu'une page HTML classique. Dès lors, si votre nom de domaine s'ouvre sur une animation Flash et rien d'autre, vous perdez de nombreuses possibilités de référencement. A ce propos, n'hésitez pas à lire "Les sites Flash et les moteurs de recherche".
• Si, malgré toutes ces mises en garde, vous persistez dans votre envie de proposer une animation en page d'accueil, proposez au moins une possibilité de ne pas l'ouvrir et de passer directement au site (Skip intro) qui sera, je vous l'assure, utilisée par la grande majorité de vos visiteurs.
• Un menu en Flash ne sera pas suivi correctement par les moteurs de recherche. Qu'en sera-t-il de votre contenu ?
• Un site entièrement réalisé en Flash peut être visité sans problème, mais l'utilisateur ne pourra jamais mettre une page particulière en favori car toute l'animation se trouve en général dans une seule et même page...

Enfin, pour ne pas bouder son plaisir, je vous invite à visionner cette animation qui m'a particulièrement parue savoureuse.

Les éléments dont je parle ici regroupent les images et les photos. Ces images jouent un rôle important dans l'aspect de la page. Il faut donc y apporter toute l'attention nécessaire :

• A l'heure actuelle, seuls 3 formats sont supportés sur Internet : JPEG particulièrement adapté pour les photos, PNG adapté à la plupart des graphiques et qui peut être rendu transparent - Attention cependant à la compatibilité avec IE6 - et le format GIF limité à 256 couleurs et peut être animé.
• Leur taille joue un rôle important. Même si vous réduisez artificiellement sa taille en utilisant l'attribut "width", par exemple, votre photo sera toujours aussi lourde et mettre toujours autant de temps à s"afficher sur la page. Si vous disposez d'un logiciel de retouche, vous pouvez d'abord recadrer la photo, en vous focalisant sur l'essentiel, avant de la réduire.
• Utiliser une "image qui bouge" n'est pas forcément le meilleur moyen d'attirer l'attention du lecteur. Des études ont démontré que 92% des visiteurs fixaient leur attention sur les textes tandis que seuls 22% s'attardaient sur les images. Les internautes habitués zappent d'ailleurs ce type d'illustration, persuadés qu'ils s'agit de publicités type "bannière".
• Pour accorder du poids à vos images pour les moteurs de recherche, chaque image doit être commentée au moyen de la balise "alt" et de la balise "title". Cela permet, en plus, aux utilisateurs mal voyants de savoir ce que vous proposez comme image.
• Plus votre page est longue, plus vous pouvez utiliser des images, mais gardez le haut de votre page aux contenu textuel.
• Certaines images sont libtres de droit. D'autres, par contre, sont soumises à des droit d'auteur. Ne puisez donc pas vos photos sur d'autres sites au risque de vous voir assigné en justice.
• Pensez également au "droit à l'image". Chaque personne est protégée par ce droit. Par conséquent vous ne pouvez pas utiliser la photo d'une personne sans son autorisation. Par contre, si la photo est prise dans un lieu public, vous devez uniquement obtenir une autorisation des personnes isolées et reconnaissables.

Il arrive parfois que des clients nous demandent s'il est possible d'insérer des sons ou une musique sur leurs pages. La réponse est bien sûr positive. Mais...

• Si les sons et musiques contribuent à donner une ambiance, ils deviennent vite irritants s'ils passent indéfiniment en boucle. Il est dès lors indispensable de prévoir un bouton permettant de couper le son ou de diminuer le son de l'application sans devoir toucher aux baffles de l'ordinateur. Qui plus est, le site doit pouvoir être utilisé sans son car, dans certains bureaux, les ordinateurs ne sont pas équipés de cartes son.
• Si vous décidez de passer le pas, prévoyez un son de bonne qualité. Il n'est rien de pire que de devoir lire une page avec un son MIDI censé apporté de la gaité dans la page.
• Le nombre de sons utilisé doit être faible (moins de 5) et doivent être vraiment distincts les uns des autres.
• Si c'est de la musique que vous insérez, pensez qu'elle est certainement soumise à des droits d'auteur. En Belgique, vous devrez vous acquitter de la somme de 36 euros par mois à la Sabam.