Conception web ou web design ?
Dans cette article nous vous permettons de mieux appréhender le thème conception web ou encore du web design.
La création et la conception de site web ou web design est la conception de l’interface web : l’architecture interactionnelle, l’organisation des pages, l’arborescence et la navigation dans un site web. La conception d’un design web tient compte des contraintes spécifiques du support Internet, notamment en termes d’ergonomie, d’utilisabilité et d’accessibilité.
Le web design réclame donc des compétences variées : en programmation, en ergonomie et en interactivité, ainsi qu’une bonne connaissance des contraintes techniques liées à ce domaine : diversité des terminaux web et de leurs affichages, accessibilité, spécificités des différents langages et processus, portabilité, respect des recommandations du W3C.
Présentation du web design
Le web design d’un site se présente en premier temps sous forme de maquette fonctionnelle avec des spécifications techniques : ergonomie, charte graphique, identité visuelle, marketing, interactivité.
Un site web peut être constitué par une simple page statique au format HTML éventuellement mise en forme ou enrichie de CSS incluant des images et des liens vers d’autres contenus, ou constitué de contenus dynamiques ou l’on peut greffer des fonctionnalités pour le rendre interactif avec des services programmés en Java, PHP ou autre langage serveur, des formulaires supposant un traitement en JavaScript, ou Ajax. Il peut reposer sur des technologies de base de données, par exemple MySQL ou Mongo DB.
Les étapes de création d’un site web
En fonction du type de site, du contexte et des moyens disponibles pour le mettre en œuvre, certaines de ces étapes sont optionnelles voire inutiles. À chacune de ces étapes correspondent des compétences spécialisées (ergonomie, architecture de l’information, référencement, rédaction Web, etc.).
Projet :
- Réflexion sur l’objectif du site, sa cible, sa rentabilité, les moyens financiers à engager…
- Réflexion sur l’autonomie souhaitée et le type de moyens humains pour faire la mise à jour.
- Réflexion sur le contenu : pages, services attendus, principes de navigation
Mise en œuvre :
- Dépôt d’un nom de domaine.
- Choix d’un hébergeur.
- Choix et installation d’un Système de gestion de contenu (exemples : WordPress ,SPIP, TYPO3, Drupal, Joomla, Wiki,,…) ou d’un éditeur de site Web de type WYSIWYG (exemples : Adobe Dreamweaver, PHP Designer, Microsoft FrontPage, NVU, KompoZer, Webself, iziSpot) ou texte (exemples : Bluefish, Emacs, Notepad++…).
Conception :
- Établissement d’une structure de pages HTML ou XHTML.
- Définition d’une arborescence
- Mise au point d’une charte graphique
- Mise au point d’une charte éditoriale.
Réalisation :
- Création de pages via le Système de gestion de contenu ou l’éditeur. Les pages peuvent être créées individuellement ou reposer sur un système de gabarits.
- Mise en place de la charte graphique. Pour bien séparer la structure de la présentation, les feuilles de styles CSS sont utilisées.
- Éventuels développements dynamiques (formulaire, services, etc.)
Suivi :
Lancement du site : mise en ligne.
Annonce. Faire connaître le site peut se faire par plusieurs leviers : annonce, publicité, inscription dans des annuaires…
La mise à jour : la mise à jour est une action fondamentale de la vie d’un site web. Elle consiste à actualiser, à modifier et à faire évoluer le contenu graphique, textuel, visuel et même la structure et les fonctionnalités du site web.
La sauvegarde : quel que soit le type de votre site web, statique ou dynamique, il est exposé à plusieurs menaces : crache de serveur web, piratage, les virus, les bugs…, alors pour des mesures de sécurité, il est très important de faire des sauvegardes régulières pour les données du site web (Base de données, contenus (documents, images, textes…) et tous les paramétrages de votre hébergement, après chaque mise à jour afin d’éviter la perte des données et de garantir la continuité de vos services sur le web.
Maintenance : la maintenance d’un site web consiste en général à s’assurer de son bon fonctionnement ; on peut distinguer quatre types de maintenances : La maintenance corrective, La maintenance préventive, La maintenance évolutive, La maintenance adaptative
L’accessibilité du site est une donnée à prendre en compte à chaque étape à partir de la mise au point de la structure des pages. Il en est de même du référencement dont la stratégie peut être mise en place dès la conception. Des principes du référencement sont également à prendre en compte lors de la création des gabarits, l’intégration des pages, la rédaction des contenus, le lancement du site, la maintenance.
L’ergonomie intervient également à toutes les étapes : conception, recette et audits, amélioration continue.
Constituant des pages web
- La structure et le contenu, en HTML ou en XHTML
- La présentation avec les feuilles de style CSS.
- Le graphisme par découpage et intégration des images GIF, JPG, PNG, MNG.
- Le comportement en JavaScript qui sera géré côté client par le navigateur.
- La navigation et l’échange de données par l’intermédiaire du protocole HTTP et l’utilisation de Web Service ou d’AJAX.
- L’animation en Flash ou en SVG, et depuis fin 2014, avec certains attributs du CSS3 ainsi que l’utilisation du Canvas avec le JavaScript.
- L’incorporation de multimédias.
Le dynamisme au niveau de la gestion de contenu se fera côté serveur avec des langages de développement de type PHP, Java, ASP,… fonctionnant avec un serveur Web.
vous connaissez maintenant les étapes à parcourir pour une conception web alors si vous êtes intéressés et souhaitez créer un site web pour votre activité ou votre entreprise contactez-nous .
