Le design web : Les méthodes modernes de création de sites

Concevoir un modèle modulaire

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
En concevant les blocs comme autant de modules, vous allez gagner en souplesse. Vous allez ainsi adapter la mise en page globale aux résultats des tests utilisateurs.

Transcription

La mise en page modulaire, la conception modulaire, est un système qui est bien connu des développeurs qui sont habitués à travailler avec des CMS, des systèmes de gestion de contenu qui font appel énormément à ce système de conception. Si on regarde une page web, comme c'est le cas ici, on s'aperçoit qu'elle est constituée d'un certain nombre de blocs. Nous avons ici un en-tête, Header, nous avons une barre latérale, un conteneur de contenu principal et puis un pied-de-page que l'on appelle également un Footer. À l'intérieur de ces blocs vont pouvoir être mis en place des éléments : titre du site, menu principal. Pour la barre latérale on va avoir éventuellement une navigation secondaire, on va pouvoir avoir un certain nombre de modules, des publicités, et puis à l'intérieur de notre pied-de-page nous aurons également de la navigation potentiellement puisqu'on va retrouver des liens en dur, de la publicité et des modules. Dans le conteneur du contenu principal, par exemple, c'est ici que l'on trouvera nos articles, nos recettes si c'est un site de cuisine etc, des commentaires et également des interactions sociales. Vous voyez qu'on est dans une structure qui est clairement une structure modulaire et nous allons l'exploiter en travaillant les blocs un par un. Comment on va travailler ces blocs de contenu ? Premièrement on va les travailler un à un, c'est-à-dire qu'on va se concentrer sur chaque bloc. Deuxièmement on va répartir le travail entre le graphiste, le designer web, le designer yoicks qui vont s'assurer que l'aspect du bloc correspond aux attentes de l'internaute qui viendra visiter le site, de notre utilisateur final, et puis d'autre part le développeur se chargera de mettre en forme ce blog pour qu'il corresponde aux normes qui ont été établies au départ de la charte. Il est fort possible que lorsque vous créez ces blogs vous ayez besoin de créer des nouveaux aspects, des nouveaux styles, et vous ajouterez ces styles CSS à la charte au fur et à mesure de la création de ces blocs. L'objectif au final est d'obtenir une mise en page qui va être modulaire et dont on va pouvoir changer la position des éléments, la structure de la page, sans avoir besoin de revenir individuellement sur chacun des blocs. Cela va donc être à la fois un gain de temps mais en plus cela va vous procurer, dans le développement, une souplesse qui vous permettra d'adapter votre site au fur et à mesure des tests utilisateurs que vous pourrez mettre en place pour valider que ce que vous faites correspond bien à la démarche de votre utilisateur final.

Le design web : Les méthodes modernes de création de sites

Ayez une vue d’ensemble du processus de conception de sites web. Définissez la stratégie de contenu, le développement, la conception, les tests, pour finalement lancer votre site.

Aucun commentaire n´est disponible actuellement

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !