Dans la première partie de ce chapitre nous avons définis ensemble les 3 premières étapes nécessaires à la conception d’un site web, à savoir : la fixation des objectifs, la détermination des fonctionnalités du site web ainsi que la réalisation de sa hiérarchie.

Une fois la hiérarchie construite, le squelette du site internet est là, cependant, il a besoin de membranes et de peau !

 

Etape 4 : Organiser les pages du site internet.

Les pages d’un site internet ne se ressemblent pas. À cette étape, il est bon de définir les composantes de chaque page, ainsi que le positionnement de chacune des composantes. Ce travail est crucial, il faudra prendre le temps de le faire soigneusement, car il s’agit de ‘l’expérience utilisateur’ de votre site internet.

Une bonne manière de le faire est de prendre un crayon, et un nombre de papier correspondants au nombre de pages de votre site web, et dessiner des cadres pour chacune des composantes de pages, en prenant le soin de décrire les natures et choisir des dimensions approximatives à celles utilisées pour la mise en évidence, cette image présente un exemple concret de cet exercice.

Ces composantes peuvent être le menu, une image, des paragraphes, des articles, une vidéo, un formulaire, des flux « twitter » etc.

Etape 5 : Réaliser une maquette de site internet.

‘’Le web c’est le style’’, la structure des pages donne une vision globale de votre futur site. Il est grand temps de planter le décor, les papiers que vous avez réalisés au cours de l’étape précédente devraient être transcrits sous forme de maquette de site web. Vous pouvez utiliser un programme comme Photoshop ou Gimp, ou mieux adressez-vous à un expert pour réaliser la maquette.

Il y a plusieurs points à prendre en compte lors de la réalisation de cette maquette :

  • Le choix des couleurs : Prenez bien soin de choisir celles qui seront en harmonie avec le thème du site internet. Evitez d’avoir trop de couleurs pour ne pas piquer les yeux de vos visiteurs, ni d’en avoir peu en risque d’avoir une froideur.
  • Utilisez un type de police adéquat aux visiteurs que vous visez.
  • La taille de police ne doit être ni immense, ni minime, pensez aussi à choisir une taille de police pour chacune des composantes, la taille de titre ne sera certainement pas la même que celle des commentaires.

D’autres consignes à respecter lors de la réalisation de maquette vont être détaillées dans un prochain article.

Etape 6 : Architecture de la base de données du site internet.

Le dernier chapitre de notre histoire de conception consiste à organiser ce qui se passe en back office. La maquette nous donne une représentation de notre site web, par contre, nous n’avons pas encore d’idée sur l’acheminement des informations, ni ce qui se passe dans la partie immergé de l’iceberg. Vous l’aurez peut-être compris, à ce niveau, votre travail est de décider de la manière dont circuleront les informations et l’emplacement de stockage, ainsi que leur organisation dans la base de données.

Afin de bien structurer ces informations, commencez par définir une structure de votre base de données : le nom des tables, les champs constituants de chaque table, ainsi que le type d’information pour chaque champ, et le nombre maximum de caractère. Les informations peuvent être de type :

  • Texte (ID, noms, prénoms, adresse, message postés sur le forum, etc.).
  • Chiffres (âge, prix, etc.).
  • Dates.

Notre chapitre sur la conception touche à sa fin, même si, vous l’aurez compris, le site internet n’est toujours pas achevé. Retrouvez la troisième partie de la conception d’un site web dans notre prochain article « Le codage ».

Et si certaines la compréhension de certaines parties s’avèrent plus difficiles que d’autres, n’hésitez pas à nous contacter, nous nous ferons un plaisir de vous accompagner.