Les premières étapes de la conception de site Web

Lorsque vous achetez ou recevez jouets étiquetés “ assemblage requis, ” vous savez que vous êtes dedans pour un festin de cerveau-torsion. La phase de conception d'un site est votre chance d'écrire le manuel d'instructions pour l'équipe avant que quelqu'un commence poussant pixels autour.

Création d'un plan du site pour un site Web

Comme avec la création de plans d'un nouvel immeuble de bureaux, une tâche primaire dans la phase de conception pour tout site web, grande ou petite, est de créer un Plan du site, un diagramme qui montre toutes les pages d'un site et comment ils interconnexion. Sans un plan de site, vous vous dirigez à la frustration. Pour une chose, l'équipe ne sera pas avoir une direction unifiée. Deuxièmement, sans un plan, vous ne pouvez pas éventuellement anticiper tous les contenus, pages, et des caractéristiques qui ont besoin d'aller dans le site.

Filaires en développement dans la conception web

Alors que le plan du site montre le site à partir d'une vue d'ensemble, il ne vous donne pas le détail dont vous avez besoin pour concevoir et construire chaque page. Pour cela, vous avez besoin d'une série de filaires.

Au cours de la phase de conception, l'architecte de l'information recueille entrée de tous les membres de l'équipe et construit une disposition du diagramme, appelé filaire, pour chaque page du site principal. Comme un plan du site, un fil de fer est un schéma, mais au lieu d'afficher une vue zoomée sur toutes les pages du site ensemble, un fil de fer représente une vue détaillée d'une seule page web. Un fil de fer présente les éléments suivants:

• 
  
  
  
  

  La navigation globale régime (la navigation qui apparaît sur chaque page de votre site)

• Texte et médias morceaux et leur importance par rapport à l'autre

• Conception d'interaction (comment les gens utilisent les éléments de la page, qui est documenté avec des légendes d'étiqueter ses parties)

  

Tests utilisateurs du site

Test filaires avec les utilisateurs est un processus itératif que vous commencez dans la phase de conception et de continuer ainsi dans la phase de développement. (jeTerative des moyens de le faire encore et encore, en intégrant ce que chaque essai vous dit. En termes de tests, qui est quelque chose que vous feriez mieux de vous habituer à droite de la chauve-souris.) Test au début de la phase de conception vous aide à rester sur la bonne voie parce que vous pouvez rapidement faire de petits ajustements avant d'aller trop loin sur la voie de la production.

Mettre sur pied un plan de contenu de site Web

Main dans la main avec le développement filaire est de trouver un plan de contenu. Après tout, comment pouvez-vous suggérer le contenu comme une zone de nouvelles sur une page sans savoir où les nouvelles viendra, comment il sera vaste, et combien de fois le client sera en mesure de mettre à jour?

Si le site sera en utilisant un système de gestion de contenu, ou CMS (un système de base de données qui abrite tout votre texte et l'envoie à vos pages), le contenu stratège définit une liste de tous les types de composants de texte qui vont sur chaque page et établit des noms et des règles pour chaque. Par exemple, un “ item title ” peuvent avoir une certaine limite de caractères et doit utiliser une majuscule initiale.

Enfin, au cours de la phase de conception, l'équipe contenu pense le ton d'écriture qui serait le mieux adapté pour le site, compte tenu de la personnalité de marque de l'entreprise et les objectifs d'affaires établis au cours de la phase de définition.

Établir “ regarder et se sentir ” dans la conception web

Après avoir finalisé le plan du site avec le client et de développer les structures filaires au point où contenu et des éléments interactifs sur chaque page contenues sont plus ou moins prononcé, les concepteurs visuels peuvent explorer différentes directions de design pour le site. Les concepteurs utilisent les filaires comme le squelette sous-jacente de comprendre ce que le contenu et la conception d'interaction dont ils ont besoin pour tenir compte. Ils ne se contentent pas “ couleur ” l'wireframes- ils les utilisent comme un guide pour comprendre l'importance relative des éléments alors qu'ils sont la création de leurs mises en page.

La pratique générale est de créer un traitement de conception pour la page d'accueil et un sous-page (autre chose que la page d'accueil). Cela oblige les concepteurs à comprendre un design qui peut lier l'ensemble du site ensemble et compte pour le régime de navigation du site.

La contribution d'un groupe de discussion

Le plus souvent, le client choisit la direction de la conception finale après un ou deux tours de noodling ou “ frankensteining ” (patcher des éléments de différentes conceptions ensemble). Pour les sites de grande envergure, cependant, il est une bonne idée pour obtenir la contribution d'un groupe de discussion pour voir ce qui résonne le plus clairement la conception avec eux avant de présenter la conception au client. De cette façon, vous avez commentaires des clients munitions lorsque vous présentez, et peut aider à orienter le client de façon plus objective dans la bonne direction.