Avant de commencer à concevoir, il y a plusieurs choses que vous devriez regarder en premier. Je trouve toujours ces premières étapes supplémentaires utiles lorsque vous commencez à vous lancer dans la conception de votre prochain projet - et même si ces tâches ajoutent un peu de temps au début d'un projet, il sera plus que rattrapé plus tard dans la suite..
La première chose que vous devriez commencer à faire lorsque vous travaillez sur un nouveau projet est de planifier. Je ne saurais trop insister sur l’importance de la phase de planification. Lorsque vous avez un projet bien planifié, il est beaucoup plus probable que le projet se déroulera sans heurts et sans autant de problèmes ni de défis..
Les principales choses auxquelles vous devez penser lors de la planification sont principalement liées au contenu - le contenu avec lequel vous devez travailler (espérons-le, le contenu réel et complet qui sera utilisé sur le site), la manière dont la hiérarchie de contenu fonctionne et s'intègre, une carte de site Web et plus. Cependant, outre le travail relatif au contenu, vous voudrez peut-être commencer à examiner la structure du projet, les délais applicables et la portée du projet..
Lors de la conception de sites, il est extrêmement important d'abandonner le Lorem Ipsum (ou le texte de remplissage alternatif) et de travailler avec du contenu réel. Cela n'est parfois pas toujours possible, mais en tant que pigiste, je demande toujours au client de me fournir le contenu qu'il souhaite sur le site..
Si vous ne pas Si vous travaillez avec du contenu réel, vous courez le risque de concevoir sans un contexte approprié. Sans cela, vous ne pourrez pas prendre de décisions de conception qui profiteront aux utilisateurs et à leurs expériences lors de leurs interactions avec votre site Web..
Lorsque vous travaillez sur une conception, travailler avec un contenu réel signifie que vous pouvez voir comment ce contenu interagit avec les autres éléments de conception d'une page. C’est encore plus important avec l’introduction du responsive design, car nous pouvons voir comment le réal le contenu interagit et répond à des fenêtres et des tailles particulières.
Une fois que vous avez le contenu sous les yeux, la première chose à faire est de l’analyser et de voir si vous pouvez repérer tout ce qui doit être modifié ou supprimé. Vous aurez probablement reçu le contenu de ce que le client considère être des pages séparées - donc contenu de la page d'accueil, à propos du contenu de la page, etc. - mais si ce n'est pas le cas, vous voudrez alors commencer à le faire vous-même..
Sarah Parmenter a brièvement évoqué ce sujet lors de la journée Responsive Day Out à Brighton en mars, où elle a parlé de l'analyse du contenu dans un système de feux de circulation..
Chaque fois que Sarah et son équipe reçoivent du contenu pour un projet, ils attribuent trois couleurs au contenu. Pour le contenu qu'ils souhaitent conserver, ils le marquent en vert et pour les contenus qu'ils savent inutiles ou inutiles, ils le marquent en rouge - et ce contenu est supprimé. Les éléments de contenu qui se retrouvent entre les deux extrêmes sont marqués en orange ou en jaune (ou en orange, si vous êtes dans les détails des feux de signalisation!), Pour être réexaminés lors de discussions avec le client..
Je pense que c'est une très bonne technique pour trier facilement le contenu que vous recevez - il est rapide et très facile de regarder et de repérer visuellement quels morceaux de contenu vous devez être attentif.
Lorsque vous triez du contenu, vous voulez également essayer de réfléchir aux relations entre tout le contenu. Comme vous le feriez lors du développement d'un site, vérifiez si vous pouvez identifier des modèles modulaires ou courants dans le contenu et gardez-les à l'esprit..
La hiérarchie est décrite comme "un système ou une organisation dans lequel les personnes ou les groupes sont classés les uns au dessus des autres" - et cela se rapporte exactement à la façon dont nous pouvons utiliser la hiérarchie de contenu. Dans l’idéal, nous essayons de créer un système permettant d’afficher notre contenu de manière significative et utile..
Lorsque vous triez votre contenu, assurez-vous de toujours réfléchir à la manière dont le contenu sera présenté et mis en forme. Vous souhaitez vraiment que le contenu soit aussi facile à digérer que possible. Pensez à utiliser des en-têtes, des listes, des citations, des images et plus encore pour casser le contenu et faciliter la communication de messages plus ciblés aux utilisateurs..
Après avoir trié le contenu et apporté les modifications nécessaires au fur et à mesure, vous devriez, espérons-le, vous retrouver avec un tas de contenu terminé. Une fois que vous êtes satisfait de l'état du contenu, vous devez commencer à regarder comment ce contenu fonctionnera sur le site Web lui-même..
Il s'agit d'un plan de site de base créé à l'aide de MindnodePro. Si vous avez un petit site Web (comme celui-ci), il est parfois judicieux d'ajouter également les éléments souhaités sur une page du plan du site..
Vous pouvez choisir de créer un plan du site une fois satisfait du contenu final, mais n'hésitez pas à l'utiliser dès le début, dès que vous avez le contenu original fourni..
Les cartes de site sont excellentes. Elles constituent une aide visuelle brillante pour connaître l’état du site, le nombre de pages et la relation entre toutes les pages. Cela peut souvent être plus facile à voir sur une carte de site, car vous supprimez tout l'encombrement que les pages de contenu peuvent générer..
La création d'un plan de site est un excellent exemple d'une bonne planification qui vous aidera tout au long du projet. L'avantage des sitemaps - que vous utilisiez des post-its sur un tableau blanc ou que vous en créiez un au format numérique - est qu'il est très facile de repérer les problèmes potentiels et de pouvoir les résoudre avant de rester bloqué dans la conception..