Le problème avec le mot "template" est que sa signification dépend du point de vue de chacun.

Les modèles peuvent être des billets vers des sites Web instantanés. De nombreux systèmes de gestion de contenu permettent aux propriétaires de modifier les thèmes plug-and-play aussi facilement qu'ils changent de vêtements. Les peaux bon marché sont une recherche Google loin.

Pour d'autres, les modèles sont des outils d'apprentissage. Étudier des exemples de code et de style réels peut être plus pratique que suivre des exemples dans un livre ou relire des notes de cours.

Le problème avec le mot "template" est que sa signification dépend du point de vue de chacun.

Pour certains, un modèle est un ticket pour un site Web instantané. De nombreux systèmes de gestion de contenu permettent aux propriétaires de modifier les thèmes plug-and-play aussi facilement qu'ils changent de vêtements, et les skins peu coûteux ne sont qu'une recherche Google.

Pour d'autres, les modèles sont des outils d'apprentissage. L'étude d'échantillons de code et de style réels est plus pratique pour eux que de suivre des exemples dans un livre ou d'examiner des notes de cours.

Les modèles peuvent représenter l'indépendance. N'importe qui, même quelqu'un qui ne possède pas les compétences de base en conception ou en développement, peut choisir parmi des centaines de modèles sans crainte qu'un «expert en conception» remette en question sa décision.

Les modèles peuvent également signifier l'efficacité. Ils sont suffisamment génériques pour contenir la plupart des informations et sont réutilisables. Remplissez l'espace avec une pincée de contenu et vous avez terminé.

De nombreuses personnes avec lesquelles j'ai travaillé avec des designers, des gestionnaires et des clients assimilent des modèles au design. Créer un design consiste à créer une chaise dans laquelle le contenu sera assis. Choisir un design consiste à sélectionner un véhicule pour transporter des informations.

Le nom "design" diffère du verbe "design" : l'un est un produit, l'autre un processus. Cette pensée soulève la question suivante: la conception de sites Web est-elle profondément ancrée, ou les concepteurs sont-ils plus que des fournisseurs de modèles?

le design intentionnel se distingue

Raccourcis clavier

Penser au processus de conception d'un site Web comme «produisant le meilleur modèle» est la mauvaise approche. Je sais par expérience

Il n'y a pas longtemps, j'ai été embauché pour concevoir le site Web d'un cabinet d'avocats. Les propriétaires de l'entreprise savaient ce qu'ils voulaient, plus ou moins, et fournissaient des maquettes JPG. Conscient du délai serré, le développeur et moi-même avons élaboré une base de données, un CMS personnalisé et, bien sûr, le modèle HTML.

Leur composition à trois colonnes comportait des boîtes pâles sur un fond plus pâle. Nous avons mesuré l’espace pour les annonces sur la droite, nous avons ajusté l’outil de recherche sur la gauche, vérifié l’espacement dans trois versions d’Explorateur et modifié les ombres portées sous la barre de navigation. En bref, nous avons tout gêné sauf la colonne centrale.

À l'approche de l'échéance, nous nous sommes réunis pour régler les problèmes de dernière minute. Une personne n'était pas satisfaite de la disposition de certaines informations. Quelqu'un a suggéré une solution et m'a demandé de l'essayer. Quelques modifications HTML plus tard, nous avons vu la nouvelle page. Tout le monde s'est mis d'accord sur ce compromis et le site Web a été lancé.

Après le lancement, le client a complimenté mes compétences en conception et en particulier ma connaissance des raccourcis clavier. Au début, je n'ai pas reconnu l'insulte involontaire, mais j'ai été incarné dans le rôle de "bouton poussoir", et le domaine du design consistait à pousser des boutons. Pire, c'était de ma faute: en agissant sur les caprices du comité, je me suis mis dans cette position. Le travail a bien payé, mais le résultat n'a pas été inspiré et l'expérience a diminué.

La meilleure façon de concevoir, et je veux dire le verbe, est de continuer à concevoir, à chercher des problèmes. Insister sur le fait que «moins, c'est plus» revient à dire «ne faites rien sauf si le projet en souffre».

conception de modèle vs conception de contenu

Comment ça marche?

1. Posez des questions.

"Que voulons-nous accomplir?" N'est que le début, et "Construire un site Web" n'est pas une réponse suffisante.

  • "Qui essayons-nous d'aider, d'informer ou d'influencer?"
  • "Pourquoi les gens devraient-ils venir à nous au lieu de la concurrence?"
  • "Qui est responsable de quoi?"
  • "De quoi avons-nous besoin pour lancer et que peut-on attendre plus tard?"
  • "Comment allons-nous maintenir ce site? Qui va apporter des modifications, surveiller le trafic et résoudre les problèmes? "
  • "Est-ce que cela a déjà été fait auparavant? Si oui, comment pouvons-nous l'améliorer? Quelles erreurs pouvons-nous apprendre? "

Celles-ci ne semblent pas être des questions de conception; Cependant, une compréhension approfondie du projet vous permettra d’adopter les bonnes techniques graphiques et technologiques. Par exemple, le choix du CMS dépendra de la fréquence à laquelle le site devra être mis à jour - un CMS n'est peut-être même pas nécessaire.


2. Définissez les paramètres.

Les gens sont surpris d’apprendre que le design se nourrit des frontières; la résolution de problèmes est un bon exercice. Voici quelques paramètres à prendre en compte:

  • Attention: "Nous voulons faire une impression durable sur les gens. Quel est notre message? Combien de manières différentes pouvons-nous exprimer ce message? Qu'est-ce qui pourrait distraire les gens? "
  • Medium: "Nous avons besoin de cela pour travailler dans les navigateurs de bureau et sur les appareils portables. Comment pouvons-nous écrire le même HTML pour les deux? "
  • Budget: "Combien pouvons-nous faire avec l'argent que nous avons?"
  • Chronologie: "Le projet doit être lancé en x nombre de jours. Comment pouvons-nous accomplir tout cela d'ici là? "
  • Succès: "Nous devons vendre x nombre de widgets, informer le nombre de personnes et acquérir le nombre de nouveaux membres au cours du premier mois. Qu'est-ce qui persuadera les gens à agir? "

Les restrictions engendrent l'innovation. Ecrire un site Web pour, disons, les deux iPhones et Internet Explorer 6 peut exiger des concepteurs de contester leur propre compréhension de ce que HTML peut faire. Les restrictions créent des problèmes, et concevoir consiste à les résoudre.


3. faire face à l'inattendu.

Il est rare que la réalité reflète les idéaux, alors pratiquez les techniques de résolution de problèmes.

  • Technique: "Ce plug-in que nous avons téléchargé ne fait pas tout ce que nous voulons. Est-ce que l'adaptation du code ou l'adaptation des objectifs causera plus de chagrin? "
  • Visuel: "Cela me paraissait meilleur que sur l'écran. Pourquoi suis-je déçu? Comment pouvons-nous mieux exprimer l'attitude que nous voulons? Les visiteurs seront-ils peu impressionnés? "
  • Politique: "Nous avons écrit ce code pour accomplir une certaine tâche, et maintenant on nous demande de faire autre chose. Sommes-nous en mesure de dire non, ou les demandes sont-elles réalisables?
  • Heure: "Cela prend plus de temps que prévu."

Lorsque la conception est un processus , l'utilisation de la disposition, de la typographie, de la couleur, de la ligne, de la forme, du contraste et de la technologie permet de résoudre les problèmes.

Quand un designer conçoit-il?

Décider de ce à quoi un blog doit ressembler est une mauvaise façon de commencer. Un blog est un microphone, pas une voix; sans mots pour remplir ses pages, le blog va languir.

Aucune quantité de magie WordPress / Drupal / Blogger / Joomla ne remplira un trou vide. Prenez des polices, par exemple: choisir une police qui a l'air bon n'est pas la même chose que de choisir une police avec des bizarreries qui imitent ou renforcent les éléments graphiques du site Web.

Télécharger un design (le nom) est un raccourci pour obtenir des résultats, mais pas nécessairement pour obtenir du succès. Les pages deviennent des vaisseaux interchangeables: facilement reproductibles mais indifférents au contenu.

Le design (le verbe) est une relation intime entre le contenu et la forme. C'est plus de travail, mais n'est-ce pas pour cela que les gens embauchent des designers professionnels?


Écrit exclusivement pour Webdesigner Depot par Ben Gremillion. Ben est un web designer freelance qui résout les problèmes de communication avec un meilleur design.

Comment voyez-vous les modèles et la conception après avoir lu cet article? S'il vous plaît partagez vos commentaires ci-dessous ...