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

Se servir de documents de référence

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Vous allez comprendre l'importance des documents de référence. Puis, analysez des exemples et définissez une orientation axée sur un enrichissement contributif.

Transcription

Pour comprendre à quoi vont servir des documents de référence il faut intégrer trois vérités fondamentales sur la conception web. Premièrement, un site web est un organisme vivant. Par nature, il va devoir évoluer. Le contenu sera mis à jour, sera affiné, de nouveaux services vont être inclus d'autres seront enlevés et des nouvelles technologies vont apparaître qui feront évoluer votre site pour qu'il soit toujours au top. Deuxièmement, un site web est un travail qui généralement est un travail d'équipe, ça veut dire que il va impliquer un groupe de contributeurs et au fur et à mesure que le temps passera de nouveaux contributeurs vont venir se joindre au projet tandis que d'autres au contraire vont aller se déplacer vers d'autres projets. Troisièmement, un site web est rarement construit à partir d'une page blanche. Généralement le site web est une représentation en ligne d'une entreprise ou d'une grande marque. Il y a donc une continuité avec ce que cette entreprise communique sur d'autres médias. Cela peut être par le biais d'imprimés, de signalétique magasin ou de publications télévisuelles par exemple. Il faudra donc qu'il y ait une cohérence visuelle et linguistique entre ce qui se fait par d'autres médias, d'autres moyens de communication et le site web. Une fois qu'on a compris ces trois vérités, on voit bien l'intérêt de la création de guides de référence. Alors il peut y avoir différents types de guides de référence. Il peut y avoir des chartes de contenu qui vont définir ce qui doit être inclus dans le site, la typologie des contenus. Il peut y avoir des chartes qui vont s'attacher à l'aspect visuel du site, des chartes graphiques et puis il peut également y avoir des chartes de codage. Quand un nouveau membre de l'équipe va monter à bord ou lorsque vous allez avoir besoin de consulter du matériel qui aura été créé par une autre partie de l'équipe, ces guides de référence vont nous aider à ce que chacun comprenne comment et pourquoi les choses sont faites, comment et où ces éléments sont réunis. Alors on peut voir certains exemples de guides de référence. Commençons ici par une entreprise très connue qui s'appelle Starbucks.com donc Starbucks est une chaîne de cafés mais qui a également une présence active sur le web. Et il y a un guide de style ou tout absolument était défini. On peut prendre quelques exemples, par exemple ici vous voyez que du deux colonnes a été précisé, donc on a les dimensions, les dimensions des images, on a des exemples. On a ici également, c'est très bien fait, la possibilité d'afficher les fonds, d'afficher les lignes de base, les boîtes, les grilles et puis la taille éventuellement des fenêtres dans lesquelles on travaille. Vous voyez donc que on a quelque chose qui est extrêmement poussé dans la description de la façon dont les contenus vont être présentés. On peut voir ici sur Code Guide un autre type de document de référence qui est un document de référence qui est destiné au codage et donc un codage qui soit un codage qui respecte les règles HTML5 CSS3. Donc vous voyez que pour chacune de ces règles vous allez avoir les exemples de code et l'explication de ces codes. Nous sommes ici dans une charte qui n'est pas une charte graphique mais une charte de bonne pratique en termes d'écriture de code. Nous avons ici un autre exemple sur GitHub qui est un exemple qui va permettre à des designers de travailler sur Photoshop pour faire des maquettes donc il ne s'agit pas ici de réaliser les sites définitifs mais des maquettes avec des exemples qui sont à la fois complètement normés ainsi qu'un process de fabrication. Nous sommes donc ici dans une charte qui n'est ni une charte de code ni une charte graphique en tant que telle mais qui est une charte qui va permettre à un designer d'organiser son travail. Le dernier exemple que nous pouvons voir sur PointNorth, c'est une charte qui va être une charte qui ne sera ici non pas une charte purement de développement ou une charte graphique mais qui va être une charte de process, c'est-à-dire qui va s'attacher à décrire quelle doit être l'organisation du processus de développement d'un site web. Nous allons avoir ici les rôles et responsabilités de chacun des membres de l'équipe et vous voyez que le client, c'est-à-dire le product owner ici fait bien partie de l'équipe, etc. Nous sommes ici dans une charte organisationnelle. Il va donc falloir mettre en place ces guides de référence et lorsque vous allez mettre en place ces guides de référence, vous devez comprendre plusieurs choses. Premièrement ce sont comme les sites web des guides qui vont à la fois être des documents de base, de référence donc il y aura des choses qui seront intangibles mais ils devront également être susceptibles d'évoluer, c'est-à-dire que au fur et à mesure que vous allez entrer dans le processus de conception web ces documents vont être enrichis et lorsqu'il y aura de nouveaux éléments qui seront créés soit au niveau du contenu, soit au niveau graphique, soit au niveau du codage, ils seront intégrés dans ces documents. Ces documents ne doivent donc pas être considérés comme des lois dogmatiques mais comme des cahiers de référence qui sont vivants de manière à pouvoir accompagner le processus du début jusqu'à la fin.

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 !