Webdesign, des principes

  • objectifs
  • architecture
  • autonomie

Toute une histoire

Ici depuis 1996

En vingt ans, bien des choses ont changĂ©. Avec internet, il n’y a pas de prĂ©cĂ©dents. A lui seul, mon book reprĂ©sente un condensĂ© de cette Ă©volution. Depuis les sites limitĂ©s Ă  256 couleurs pour des Ă©crans 12 pouces, qui devaient transiter sur les lignes tĂ©lĂ©phoniques du rĂ©seau commutĂ© (Ă  9600 bps, l’ADSL restait Ă  inventer). Le gros du travail consistait Ă  contourner les obstacles en tous genres. Le paysage n’a plus rien Ă  voir, et c’est tant mieux, avec des smartphones plus puissants que jamais et la fibre bientĂŽt pour tous. On peut dĂ©sormais se consacrer en prioritĂ© au plus important : les contenus.

webdesigner : un métier
Ce mĂ©tier n’est en rien celui d’un informaticien. Si cette compĂ©tence est plus que souhaitable, et Ă  forte dose, le concepteur est avant tout un architecte, un couturier, un journaliste

agsdi-house

un architecte

L’édifice construit, « Mon site », est habitable. Il est fonctionnel, on y circule bien. Il est beau et rĂ©sistant. Ses fondations ont Ă©tĂ© dĂ©terminĂ©es avec soin pour supporter des adaptations sans jamais devoir ĂȘtre reprises Ă  la base.

agsdi-tshirt

un styliste

Le vĂȘtement valorise celui qui le porte et traduit sa personnalitĂ©. Il est Ă©lĂ©gant sans ostentation. Une touche d’originalitĂ© ne peut pas nuire. Il est Ă  la juste mesure, on s’y sent bien. Son cĂŽut reste Ă  la portĂ©e des moyens disponibles.

agsdi-notebook

un journaliste

Le contenu prime sur la forme. L’information prĂ©sentĂ©e est utile au lecteur. Elle est synthĂ©tique et claire. Elle est hiĂ©rarchisĂ©e pour qu’il trouve vite ce qui le concerne. Les messages essentiels sont visibles et mĂ©morisables.

de bons principes
Fidéliser le visiteur : une préoccupation permanente

Sur le Web, la tentation du « zapping » est portĂ©e Ă  son comble. Seul un contenu riche et centrĂ© sur les attentes du visiteur peut le maintenir sur le site. Pour autant que la navigation et le style graphique ne le fassent pas fuir… C’est lĂ  notre prĂ©occupation permanente tout au long du dĂ©veloppement d’un site : valoriser le contenu au profit d’une communication efficace.

Navigation : le point décisif

A tout moment, le visiteur du site doit savoir oĂč il est, d’oĂč il vient et oĂč il peut aller. Une bonne signalĂ©tique doit lui permettre de trouver ce qu’il cherche en deux clics de souris.
« Une grand-mĂšre en visite au Centre Pompidou doit ĂȘtre capable de trouver seule l’exposition attendue, la sortie, la boutique, les toilettes, le point de rendez-vous… »

Consistance : le principe de Newton

« Chaque fois que Newton s’assoit sous un arbre, il doit prendre une pomme sur la tĂȘte, la mĂȘme, de la mĂȘme taille, au mĂȘme endroit. Sinon il est perturbé ».
Le site doit prĂ©senter un interface cohĂ©rent et rĂ©pĂ©titif, qui permet au visiteur de retrouver les mĂȘmes rĂ©flexes de navigation de page en page. Faute de quoi, il perd confiance et part ailleurs.

Apparence : élégance synonyme de simplicité

« Simplicity and repose are the qualities that measure the true value of any work of art. » – [Frank Lloyd Wright]
PoĂ©sie et technique : c’est lĂ  le compromis dĂ©licat que doivent trouver les concepteurs de sites. Il est clair que le design Web ne peut ĂȘtre confiĂ© Ă  de purs informaticiens sans risques majeurs.

Le Web : un média « à part », à envisager comme tel

La simplicitĂ© et la facilitĂ© d’emploi ont beaucoup plus d’importance dans l’Ă©conomie d’internet que dans l’Ă©conomie traditionnelle. Compte tenu de l’extrĂȘme diversitĂ© des Ă©quipements, un site ne sera jamais vu de la mĂȘme façon d’un utilisateur Ă  l’autre (tailles d’Ă©crans, vitesses des ordinateurs, logiciels utilisĂ©s, versions de ces logiciels, polices de caractĂšres installĂ©es ou non, rĂ©glages personnels etc…). Ceci renforce la nĂ©cessitĂ© de choix visant la simplicitĂ© avant tout, en bannissant la prouesse technique gratuite.

Planning de réalisation : fuir la précipitation

Ci-dessous, une liste de questions auxquelles il faudrait avoir les rĂ©ponses avant de se lancer dans la rĂ©alisation d’un site Web.

Objectifs et exigences

  • Quels sont les objectifs principaux du site ? (vendre, informer, recruter, visiter, enquĂȘter ?)
  • Quels sont les publics principaux et secondaires ? (leurs centres d’intĂ©rĂȘt, leurs besoins, leurs compĂ©tences)
  • Quelles sont les aptitudes Internet de ce public (navigateur, dĂ©bit, intĂ©rĂȘt) ?
  • Le site attirera-t-il des publics divers ? Lesquels ? Quels sont les centres d’intĂ©rĂȘt de chacun d’eux ?
  • Quel sera l’Ă©lĂ©ment central numĂ©ro un (le message clĂ© Ă  transmettre) ?
  • Le contenu est-il existant ou nouveau ?
  • A-t-on des images existantes disponibles ?
  • Est-il nĂ©cessaire d’enregistrer des donnĂ©es provenant de l’utilisateur ? Que devons-nous savoir de lui et pourquoi ?
  • Quelles nouvelles technologies exploitera-t-on et pourquoi ?
  • Quelles seront les informations sujettes Ă  modification ? Avec quelle pĂ©riodicitĂ© et sur quel volume ? Qui fera les mises Ă  jour ?
  • Aura-t-on besoin de fonctionnalitĂ©s particuliĂšres ? (vente en ligne, mailing de masse, etc. ?)
  • Qui sera chargĂ© des mises Ă  jour du contenu ? Quelles sont ses compĂ©tences ?

Ton et personnalité du site, calendrier

  • Quel est le positionnement du « produit » ?
  • DĂ©crire le « produit » comme s’il s’agissait d’une personne (sĂ©rieux, bizarre, jeune, fiable…)
  • Dans quelles zones une mise Ă  jour rĂ©guliĂšre sera-t-elle bĂ©nĂ©fique ?
  • Forces et faiblesses (comparaison avec les sites concurrents) ?
  • A quelle date le site doit-il ĂȘtre achevĂ© ?
  • Qui devra approuver le travail en final ?
  • Qui hĂ©berge et assure la maintenance technique du site ?
  • Combien de temps le site doit-il exister ?
  • De quel budget dispose-t-on ?
  • Quels sont les projets de promotion du site et qui sera responsable de cette activitĂ© ?
La suite …

… est une affaire de bon sens, de rigueur et de savoir-faire.

bookmark-star icon
nos engagements
PrĂ©server l’indĂ©pendance du client

Pour assurer la pĂ©rennitĂ© de l’investissement et la continuitĂ© des opĂ©rations, le concepteur devra prendre des engagements qui permettront au client de conserver son indĂ©pendance:

  1. pour ce qui est de nous, la rĂ©alisation Ă©tait assurĂ©e il y a encore peu avec le logiciel Dreamweaver suffisamment rĂ©pandu et connu pour que le dĂ©veloppement et l’entretien soient transfĂ©rables au client s’il le souhaite.
    Aujourd’hui, le recours Ă  des CMS est vivement recommandé pour les sites moyens ou petits (« systĂšmes de gestion du contenu » tels que JOOMLA, VIX, BLOGGER ou WORDPRESS). Avec recours Ă©ventuel Ă  des dĂ©veloppements localisĂ©s en Dreamweaver s’il le faut.
  2. tous les Ă©lĂ©ments informatiques concernant la maquette, les pages, les images, les polices sont documentĂ©s dans le mĂȘme but, l’indĂ©pendance du client.
  3. tout dĂ©veloppement qui permet une mise Ă  jour par le client lui-mĂȘme est privilĂ©giĂ© par rapport Ă  une dĂ©marche « captive » qui impliquerait une intervention systĂ©matique de notre part, y compris sur des modifications mineures.
bookmark-star icon
bibliographie
  • « Conception de sites Web : l’art de la simplicité » [Jakob Nielsen]
  • « Conception graphique des sites Web » [Lynda Weinmann]
  • « Secrets des sites Web qui rĂ©ussissent » [David Siegel]
  • « A Smile in the Mind » [Beryl McAlhone & David Stuart]
  • « Creativity for Graphic Designers » [Mark Oldach]
{
La technique est une chose. Que restera-t-il bientĂŽt des technologies actuelles ? Ce n’est pas le point majeur. CrĂ©er un site, c’est une affaire de communication, plus qu’une prouesse technique. J’ai rĂ©digĂ© ce texte il y a des annĂ©es. Les moyens ont Ă©voluĂ©, les mots restent les bons. Je n’en change pas une ligne.
jcb

Powered by WordPress
© 2022 tous droits rĂ©servĂ©s
Contenu protégé par IDDN