Un bon design ne se limite pas à une belle apparence, et nulle part ailleurs, cela n’est plus vrai que dans la conception Web. En fait, il est logique de concevoir le Web comme étant composé de trois composants non techniques majeurs: le design esthétique, le design de l’information et le design de l’interface. Si vous voulez être un grand designer Web, il est essentiel que vous maîtrisiez bien les trois.
Cet article est le deuxième jour de notre session de conception Web. Sessions créatives "Session Day 1Session Day 3"Le design esthétique consiste à obtenir le bon look. Si vous êtes bon en la matière, cela signifie que vous pourrez concevoir des sites non seulement beaux mais aussi convenablement conçu. Différentes conceptions transmettent différents messages à un utilisateur final. Il est donc essentiel qu’une conception corresponde au message du site..
L'autre jour, je marchais dans un supermarché et j'ai vu une marque de jus qui avait le design visuel d'un détergent à lessive. Il y avait juste quelque chose dans la façon dont la boîte était faite que je me demandais momentanément pourquoi il y avait du détergent dans l'allée des jus de fruits. De la même manière, donner à un site Web un package inapproprié pour son contenu et son message - même s'il s'agit d'un package vraiment beau, est un résultat final néfaste. C'est pourquoi il est très important, en tant que concepteur Web, de ne pas suivre aveuglément les modes et les tendances. Vous devez toujours être en train de penser non seulement à la manière dont vous pouvez rendre le design d'un site attrayant, mais également approprié.
Parmi les trois composantes de la conception Web, la conception esthétique est certainement celle que les gens identifient le plus comme étant conception. Une chose que je trouve intéressante à propos du design esthétique est qu’il est faussement difficile. Je me souviens avoir conçu une affiche et l'avoir montrée à un ami qui avait commenté "Oh, c'est juste quelques lignes et du texte, vous avez dû le faire en dix minutes environ" - ah les joies d'être un designer!
La conception des informations consiste à préparer les informations sur un site Web de la meilleure façon possible, afin que les utilisateurs puissent rechercher et digérer efficacement les informations. Dans les grands sites, il est difficile de trouver des informations, mais dans les sites de toutes tailles, le traitement pose toujours un problème de conception..
Un exemple rapide de conception de l’information concerne la manière dont vous organisez et mettez en forme le texte d’une page. Parce que les gens ont tendance à parcourir le contenu sur un écran, il est préférable de l'organiser avec des en-têtes et des sous-titres, des diagrammes et des crochets visuels, ainsi qu'une variation générale pour les yeux. Des techniques comme celles-ci facilitent la digestion des informations d’une page. Mais la conception de l'information ne se limite pas à ce qui se trouve sur une seule page, elle concerne également les structures que vous utilisez pour héberger les parties du site, la disposition des menus et des sous-menus et la manière dont vous reliez différentes sections..
Vous serez peut-être intéressé de savoir que, dans les projets et sites plus vastes et plus complexes, il existe en fait tout un métier dédié à la modélisation et à la structuration de l'information, appelé Architecture de l'information. Le plus célèbre architecte de l'information que je connaisse est Jesse James Garrett, qui a d'ailleurs inventé le terme AJAX. Il est plutôt chouette et vous pouvez lire sur lui sur Wikipedia.
Puisque nous parlons de conception d’informations, il me semble que c’est une bonne occasion de transformer 6 paragraphes de texte waffley en diagramme. Je vous présente donc mon diagramme impressionnant des composants de la conception Web! Imprégnez-vous de sa splendeur rouge et grise!
La conception de l'interface est la disposition et la composition de la manière dont un utilisateur peut interagir avec un site. Le terme interface désigne un point ou une surface où deux choses se touchent. Ainsi, une interface utilisateur Web est l'endroit où une personne et un site Web se touchent: menus, composants, formulaires et autres moyens d'interagir avec un site Web..
Une bonne interface a pour objectif de rendre l’utilisation d’un site Web facile, efficace et intuitive. Il est en fait beaucoup plus facile de démontrer une mauvaise conception d'interface, car c'est à ce moment-là que vous le remarquez vraiment. L'utilisation d'icônes est un exemple simple de conception d'interface. Avez-vous déjà regardé une icône et pensé "qu'est-ce que cela représente?!" - Ce serait une mauvaise conception d'interface. L'utilisation d'icônes pour identifier et indiquer différents types de contenu ou d'actions n'est qu'un aspect de la conception de l'interface..
Incidemment, un autre exemple d'interface que vous rencontrerez probablement en tant que concepteur Web est les interfaces de programmation d'applications ou API. Une API est un ensemble de fonctions et de protocoles grâce auxquels vous (ou votre programme plus précisément) pouvez interagir avec l’API, quelle que soit sa vocation. Ainsi, par exemple, Google Maps fournit une API que vous pouvez utiliser pour créer des applications ou des sites fonctionnant avec Google Maps..
Maintenant, vous pensez peut-être que c'est très bien et bon, Collis, mais qu'en est-il de la CSS? Ou qu'en est-il de Flash? Eh bien, comme je le dis, ce sont les trois non-aspects techniques de la conception web. D'un autre côté, il y a toutes ces technologies et compétences telles que HTML / CSS, Flash, Javascript, etc. Mais j'ai tendance à penser qu'ils font plus partie du développement Web que de la conception Web. De la même manière qu'il est important de séparer HTML et CSS pour que les informations et la présentation soient séparées, vous pouvez affirmer que la manière dont vous faites en sorte qu'un design devienne réalité est distincte du design lui-même. En termes plus simples, connaître un piratage CSS spécifique lié à la conception?
Ne vous méprenez pas, vous devez savoir comment construire des choses afin de les concevoir correctement. Cependant, quand vient le temps de dire en quoi consiste la conception Web, ma réponse reste la conception d'interface, de conception de l'information et de conception esthétique.
Quelle est votre prise? Ai-je oublié une partie essentielle de la conception Web? Ou pensez-vous que le développement web est une partie essentielle de la conception de sites Web?
Plus tard cette semaine, vous pourrez lire des articles plus détaillés d'astuces et d'astuces pour chacun de ces trois composants de la conception Web: conception d'interface, conception esthétique et conception de l'information. En fait, le premier va monter dans quelques heures.
Cet article est le deuxième jour de notre session de conception Web. Sessions créatives "Session Day 1Session Day 3"