Les partenaires publicitaires:

Comment faire un storyboard pour la conception web

Storyboarding votre site assure un flux cohérent et élimine les impasses. Suivi toutes les pages utilisées dans votre site vous donne la possibilité de voir les sections besoin de plus de travail et offre une vue grand-image. Peu importe la méthode que vous utilisez pour écrire votre storyboard, le simple organigramme, il est facile pour les autres qui ne sont pas familiers avec la conception Web à comprendre vos idées. Expliquer comment les pages se connecter à un autre est facile avec l'utilisation d'un storyboard.

Choses que vous devez

  • Stylo et papier
  • Programme d'organigrammes

Instructions

  1. Créer une boîte au sommet de votre organigramme pour représenter la page d'accueil, ou de l'indice. Ceci est la page principale de votre site web, et toutes les autres pages écouler de lui. Envisager la mise en page de liens, informations de contact et de la représentation de produit sur cette page, et penser de cette page comme un modèle pour toutes les autres pages de branchement d'elle.




  2. Liste de tous les pages qui pointent à partir de la page d'accueil dans une branche, un peu comme un arbre généalogique. Ce sont des pages de second niveau. Les couleurs et la présentation de ces pages devraient être très similaire à la page d'accueil, mais le contenu sera différent.



  3. Ramifier les pages de troisième niveau en dessous des pages de deuxième niveau pour indiquer les sous-catégories des liens qui mènent à partir de la page d'accueil. Continuer ramification pour chaque sous-catégorie. Cette documente le flux de navigation du site.

  4. Dessinez un mock-up, ou un prototype, de la mise en page de chaque page sur des pages séparées. Chaque page Web doit avoir sa propre représentation des bannières, des annonces, des liens et des photos, aménagé avec des espaces réservés visuels. Cela permet aux autres de voir ce que le site fini ressemblera. Il fournit également l'occasion pour les autres de contribuer commentaires et suggestions avant la phase de conception et de codage.

Conseils Avertissements

  • Lors de la présentation d'une maquette à des collègues ou votre patron, lui donner l'air professionnel et soigné pour réduire la confusion et les changements.
» » » » Comment faire un storyboard pour la conception web