Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Design Theory

Planification d’un projet de design

by
Length:ShortLanguages:
This post is part of a series called Design School for Developers.
Welcome to Design School for Developers
Researching Your Design Project

French (Français) translation by Henri Lotin (you can also view the original English article)

Avant de commencer à designer, il y a plusieurs choses que vous devriez regarder dans un premier temps. J’ai toujours trouvé ces étapes supplémentaires initiales aident lorsque vous démarrez finalement de plonger dans le design pour votre prochain projet - et même si ces tâches ajoutent un peu de temps au début d’un projet, il sera récupéré par la suite d'ici la fin du projet.

La première chose que vous devriez commencer à faire quand vous travaillez sur un nouveau projet est planifier. Je ne peux pas souligner à quel point est importante la phase de planification - quand vous avez un projet bien planifié, il est beaucoup plus probable que le projet se déroulera sans heurts et sans beaucoup de problèmes ou défis.

Les principales choses auxquelles vous devrez penser quand vous planifiez sont liées principalement au contenu - le contenu avec lequel vous devrez travailler (dans l'espoir que ce soit le complet, véritable contenu qui est utilisé sur le site), comment la hiérarchie de contenu fonctionne et s'agence, un plan du site Web et plus encore. Toutefois, étant donné tout le travail à faire avec le contenu, vous devriez pouvoir commencer à regarder la structure du projet, les délais réalisables et la portée du projet.

Travailler avec le contenu

C'est super important lors du design de sites d’abandonner le Lorem Ipsum (ou autre texte de remplissage) et de travailler avec le contenu réel. Ceci parfois n’est pas toujours possible, mais en tant qu'indépendant, je pousse toujours le client à me fournir le contenu qu’il veut sur le site.

Si vous ne travaillez pas avec le contenu réel alors vous courrez le risque de designer sans contexte approprié et sans que vous ne puissiez prendre des décisions de design qui bénéficieront aux utilisateurs et à leurs expériences lorsqu’ils interagissent avec votre site web.

Lorsque vous travaillez sur un design, travailler avec le contenu réel signifie que vous pouvez voir comment ce contenu interagit avec les autres éléments de design sur une page. C’est encore plus important avec l’introduction du design responsive - comme nous pouvons voir comment le contenu réel interagit et répond aux tailles de fenêtres particulières.

Trier le contenu

Une fois le contenu en face de vous, la première chose que vous voulez faire est de l’analyser et voir si vous pouvez repérer tout ce qui doit être changé ou enlevé. Vous vous êtes probablement vu fournir le contenu sous forme de ce que le client considère comme des pages distinctes - contenu de la page d’accueil, contenu de la page à propos, etc. - mais si ce n'est pas le cas, alors vous aurez envie de commencer à le faire vous-même.

Sarah Parmenter a brièvement abordé cela au Responsive Day Out à Brighton en mars, où elle a parlé d'analyser le contenu dans un système de feux tricolores.


Chaque fois que Sarah et son équipe reçoivent le contenu d’un projet, ils avancent et attribuent trois couleurs au contenu : pour le contenu qu’ils veulent garder ils le marquent vert et pour le contenu qu’ils pensent être inutile ou non nécessaire ils le marquent rouge - et le contenu est supprimé. Ces éléments de contenu qui se retrouvent entre ces deux extrêmes sont marqués orange ou jaune (ou orange, si vous êtes dans les détails de feu !), pour être regardé à nouveau dans les discussions avec le client.

Je pense qu’il s’agit d’une technique vraiment bonne et assez facile pour trier le contenu que vous recevez - c’est rapide et très facile pour visuellement parcourir et repérer les éléments du contenu auxquels vous devez faire attention.

Lorsque vous triez le contenu, vous voulez aussi essayer de réfléchir sur les relations entre tout le contenu. Comme vous le feriez lors de l’élaboration d’un site, regardez si vous pouvez repérer des configurations modulaires ou communes au contenu et gardez-les à l’esprit.

Hiérarchie de contenu

La hiérarchie est décrite comme « un système ou une organisation dans laquelle les individus ou les groupes sont classés l’un au-dessus de l’autre » - et il s’agit exactement de la façon dont nous pouvons travailler avec la hiérarchie de contenu. Dans des conditions idéales, ce que nous essayons de faire est de créer un système qui fonctionne pour afficher nos contenus de manière signifiante et utile.

Lorsque vous triez votre contenu, veillez à ce que vous soyez toujours en train de penser à comment le contenu est lié et va être aménagé - ici, vous voulez vraiment réfléchir à la création d'un contenu aussi facile à digérer que possible. Pensez à utiliser des titres, listes, citations, images et plus encore pour décomposer le contenu et rendre plus facile de communiquer des messages plus ciblés aux utilisateurs.

Plans de site

Après avoir trié le contenu et fait toute modification pertinente comme vous avancez, vous devriez finir avec un tas de contenu avec lequel travailler. Une fois que vous êtes satisfait de l’état du contenu, vous devez commencer à regarder comment fonctionne ce contenu sur le site lui-même.

sitemaps

Il s’agit d’un plan de site de base créé à l’aide de MindnodePro. Si vous avez un petit site (comme celui-ci), c'est parfois une idée d'ajouter les éléments que vous souhaitez sur une page dans le sitemap également.

Vous pouvez choisir de créer un plan du site une fois que vous êtes satisfaits de votre contenu final, mais n’hésitez pas à l'utiliser dès le début, dès que vous avez du contenu original, fourni.

Je trouve les plans de site supers - ils sont une aide visuelle brillante pour voir l’état du site, combien de pages il pourrait y avoir et la relation entre toutes les pages. Cela peut souvent être plus facile à voir à travers un plan de site, que vous devriez supprimer l’ensemble de l’encombrement que les pages de contenu peuvent apporter.

Créer un plan de site est un grand exemple dans lequel une bonne planification vous aidera tout au long de la durée de vie d’un projet. La chose super au sujet des plans de site - que vous utilisiez un tas de post-it sur un tableau blanc ou en créiez une numériquement - c'est que cela rend vraiment facile de repérer où les problèmes potentiels pourraient survenir et avoir le pouvoir de les corriger avant de s’enliser dans le design.

Devoirs

  • Travailler avec du contenu réel (peut-être même d’un vieux projet), allez-y et utilisez le système de feux tricolores sur le contenu. N’oubliez pas, éliminez le contenu inutile, gardez le contenu qui fonctionne bien et marquez tout ce dont vous n’êtes pas sûr pour référence future.
  • Mettez en pratique tous les conseils sur les plans de site, créez un plan de site avec le contenu sur lequel vous avez travaillé. N’oubliez pas que lorsque vous triez votre contenu vous cherchez les points communs et les modules de contenu, comme vous le feriez avec des morceaux de code. Faites de votre mieux pour sectionner toutes les différentes parties de votre contenu pour créer un plan de site avec toutes les pages individuelles que vous pensez nécessaires sur le site web.
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.