1 0 0 1 1 0 1 1 1 0 1

Conception du site

Réalisation

J'ai réalisé ce site moi-même entièrement, depuis la maquette HTML au code PHP, en passant par les requêtes SQL.

J'ai essayé de faire quelque chose de sobre mais complet. J'ai choisi un fond sombre pour mettre en valeur les images présentées. J'ai ajouté quelques petites décorations pour rendre le découpage en blocs moins visible. J'ai tenté de rendre la mise en page aussi fluide que possible, pour qu'elle s'adapte à toutes les tailles d'écran.

Principes ergonomiques

J'ai essayé de répondre aux problèmes de la naviagtion sur le Net. Les 2 principaux problèmes sont les suivants :

  • le visiteur a du mal à savoir ou il est, et surtout il ne sait pas où il va en cliquant sur un lien
  • il est, de plus, très difficile de se représenter le volume respectif des pages (la visite est-elle longue ou courte ?)

Du coup, il est très facile de se perdre sur la toile.

Il n'est pas vraiment simple de répondre à cette problématique. Certains ont tenté une analogie urbaine où le site est vu comme une ville et les pages comme des quartiers de celle-ci. Cette idée me semble bonne mais elle n'est pas vraiment simple à mettre en oeuvre.

Un autre document m'a inspriré.
part. 1, ch. 1, ch. 2, ch. 3, part. 2 ... C'est un article de recherche écrit par Jean-Gabriel Ganascia, destiné à solutionner un problème similaire : le fait que les lecteurs de livres électroniques (ou e-books) ont du mal à se représenter le volume de lecture et leur avancement dans l'ouvrage. L'idée présentée ici est une analogie insulaire. Le livre est vu comme une île et les diffrérents chapitres sont représentés comme des secteurs de cette île. Je pense qu'il est possible d'appliquer cette idée aux sites Web. Dans cette optique, et de manière poétique, le Net est vu comme un archipel.

J'ai essayé de mettre cette idée en oeuvre dans le menu principal à gauche de l'écran et dans la carte du site. Au départ, je souhaitais une réprésentation géographique de la carte du site mais sa réalisation s'est révelée un peu trop complexe.

Les différents couleurs des pages sont là pour guider le visiteur (on parle d'univers, c'est une technique assez répandue désormais). Les liens correspondants sont colorés en fonction de la destination. Un picto spécial est utilisé pour les liens externes (ceux qui font quitter le site). Une image contextuelle (en bas à gauche) permet de mettre en relation les pages qui traitent d'un même sujet. Cette image à aussi pour rôle de briser la monochromie des page en apportant une touche de couleur.

Contenus Multi-média

J'ai essayé, autant que possible, d'intégrer des contenus multimédia (c'est toujours compliqué car le format HTML n'avait pas prévu ça à l'origine. Ca sera peut-être plus simple avec HTML v5) :

  • des fichiers SVG pour le dessin vectoriel (un plugin Adobe est nécessaire pour Internet Explorer)
  • des scènes VRML pour les objets en 3D et la réalité virtuelle (un plugin est nécessaire)

Respect des standards

Respecter les standards du Web en suivant les recommandations du W3C permet de garantir un rendu satisfaisant des pages pour tous les navigateurs et un échange cohérent d'information.
Nota : J'ai du faire quelques exceptions notoires pour Internet Explorer (Comme toujours, la société Microsoft ne respecte pas toutes les règles du jeu)


Mentions légales

Directeur de la publication :

- François Planchu

Hébergement :

- OVH SAS

Siège social : 2 rue Kellermann
59100 Roubaix - France

Sous-menu

Image aléatoire

Sainte Techno-science

Conception du site

License CC BY-NC-SA