Où Web design vraiment Fits

En tant que designer, savez-vous où votre travail s'inscrit véritablement dans le processus de conception?

Nous aimons tous la conception Web. En regardant une boîte blanche à blanc sur un écran d'ordinateur et en utilisant seul œil de ton esprit, une souris et un clavier pour la transformer en une vie, la respiration

Site Internet n'est pas une mince mineur, et il ya sans doute un élan de créativité lorsqu'il s'agit de faire quelque chose comme ça. Web design peut être un exutoire artistique forte et elle entraîne fatalement avec elle, la joie qui vient de regarder votre travail terminé et le présenter à autres.

Oui, en un mot, Web design, c'est fun. Mais regardons les choses en face: si vous prévoyez de faire de l'argent hors de la conception Web, il devient alors aussi une entreprise.

Si Web design est votre entreprise, alors vous devez vous assurer que vous êtes à la bonne mentalité et que vous utilisez le bon processus quand il s'agit de votre travail. Vous ne voulez pas que vos dessins à l'échec, mais, malheureusement, il ya de fortes chances qu'ils seront exactement cela. Permet de prendre du recul pendant une minute et définir ce qu'est un défaut de conception, et pourquoi elle échoue.

A défaut de conception

A défaut de conception de conception n'est pas nécessairement pauvres. Cela signifie qu'un dessin ou modèle «à défaut» n'est pas nécessairement un site Web laid. Au contraire, un défaut de conception est celle qui ne fonctionne pas correctement pour le site où il est utilisé. Un dessin peut être très beau, mais être terrible pour sa finalité.

Si votre (ou votre client) objectif, avec un site Internet est à vendre quelque chose ou de susciter l'enthousiasme au cours d'une idée spécifique ou une campagne, vous aurez envie de conception en conséquence. Pour un site comme celui-ci, vous ne voulez pas utiliser une image océan calme comme votre en-tête avec des bleus océaniques profonds et noirs dans votre conception. Bien sûr, vous mai être en mesure de faire un très joli dessin de cette façon, mais c'est un défaut de conception car elle ne vient pas s'ajouter à l'objectif du site ou un message.

L'exemple ci-dessus est une exagération grossière, mais elle sert à montrer pourquoi tant de dessins échouer. Le problème réside dans l'incompréhension du processus de conception.

Le Processus de Conception Web

Ainsi de nombreux concepteurs, en particulier récentes, les travailleurs indépendants, pêle-mêle le processus de conception. Le pire, c'est qu'il s'agit d'un chemin d'accès direct à l'échec et qu'ils ne connaissent même pas. Nous allons nous concentrer sur chacun des aspects du processus de conception en à peine un peu, mais d'abord, regardons un aperçu. Ceci, à son plus fondamentale, est le processus de conception:

• Planification
  Avant même d'une seule idée en tête sur ce que votre dernier design web va ressembler, vous avez à faire toute la planification appropriée. Généralement, cela implique de connaître les réponses aux questions importantes.
• Contenu du bâtiment
  Vous avez besoin pour construire l'ensemble du contenu de votre site après y avoir un plan clair. Cela ne signifie pas nécessairement obtenir tous les détails en bas, mais vous devez savoir ce que votre contenu sera et où il ira.
• Conception
  Maintenant, vous aurez la conception du site Web. Il s'agit d'une étape cruciale, bien sûr, mais si vous avez fait la planification et la construction d'abord du contenu, cette partie sera la plus amusante, et très probablement les plus rentables! Mais gardez à l'esprit qu'il ya plusieurs facteurs clés, vous serez en tenant compte, afin que vous ne serez pas déchaînées avec vos pinceaux numériques ici.
• Développement
  Une fois que vous avez finalisé votre design, vous allez le transformer en XHTML / CSS / PHP / MySQL et tout ce que votre site nécessite. Développement se réfère généralement à l'aspect technique du Web design: l'étoffe de codage et de backend.

Comme vous pouvez voir (faites attention à cette partie, c'est important!), La conception du site est en fin de match. Concepteurs Beaucoup font l'erreur de vouloir sauter à droite dans l'étape de conception, car c'est là que les talents du dessinateur briller. Mais si vous évitez ou à simplifier la planification et les étapes de construction de contenus, vous allez vous retrouver avec un modèle qui correspond sans doute le site assez bien, mais finiront par céder pour aider le site à atteindre ses objectifs.

Par conséquent, il est important que vous connaître et à suivre ce processus dans votre travail professionnel. Jetons un regard sur le processus plus en détail.

Étape 1: Planification

Il ya beaucoup de travail devant vous avant que vous obtenez en fait de commencer le dessin, coloriage, portant, et la conception générale de votre site Web. D'abord, vous devrez trouver réponse à ces questions. Vous saurez que ces réponses si vous concevez un site pour vous ou votre client de les connaître.

Vous devez connaître les réponses à ces:

• Quel est votre objectif avec ce site?
  Êtes-vous essayer de vendre quelque chose? Délivrer un message? Partager l'information? Rester en contact? Etc
• Qui sont les visiteurs de votre site?
  En d'autres termes, quel est votre public cible? Cela peut parfois être aussi vagues que "les étudiants" ou aussi précises que «annonceurs publication examen restaurant."
• Que voulez-vous à vos visiteurs de faire?
  Habituellement, si vous recevez des visiteurs sur votre site, vous voulez qu'ils fassent vraiment quelque chose. Des réponses à cette question pourrait être, "acheter un produit», «s'inscrire à une newsletter», ou «apprendre à construire des sites Web de meilleure qualité." Il s'agit d'une question importante, assurez-vous d'avoir une réponse, bonne claires pour elle.
• Pourquoi devraient-ils le faire?
  Rechercher sur ce site du point de vue du spectateur. Pourquoi devraient-ils être intéressés par votre site? Que contient-elle pour eux?

Si vous ou votre client n'ont pas de réponses claires aux questions ci-dessus, il est temps de faire quelques recherches. Trouver certaines de vos clients et obtenir ces réponses ou de faire quelques appels. Visitez d'autres sites qui sont similaires à la vôtre dans l'idée et savoir quel type de foule qu'ils dessin. Si tel est le type de foule vous travaillerez avec, alors vous aurez quelques réponses.

Une fois que vous avez des réponses, la bonne claires à toutes ces questions, vous pouvez commencer à créer du contenu pour votre site et commencer à prendre des décisions conception réelle. Avec seulement ces réponses, vous pouvez déterminer les éléments de base, comme:

• Couleur
• Mise en page
• Font-family
• Taille de la police

Couleurs? Mises en page? Des polices? Ah, on y va, ce qui commence à ressembler beaucoup plus à Web design! Si vous le savez, par exemple, que votre objectif est de fournir des conseils sur la sécurité de la faune pour les campeurs de nouvelles, vous voulez une mise en page qui vous permet de fournir des textes clairs et lisibles. Parce que vos conseils seront pour la plupart se présentent sous la forme de textes et d'illustrations, vous aurez envie beaucoup d'espace corporel et une police qui ressemble bien à l'écran et bien espacés avec CSS (Arial par défaut est un bon à quelque chose comme ça). Puisque vous avez affaire à la faune du matériel connexe, vos couleurs pourraient imiter ceux de la forêt, avec des verts profonds, les tons sable et de terre, et les couleurs en bois foncé.

Mais ne sautez pas les armes à feu et ouvrir Photoshop juste encore! Vous n'êtes pas encore tout à fait prêt pour commencer à dessiner et à colorier. Ensuite, vous voulez construire le contenu de votre site.

Étape 2: Building Content

Il ya une phrase qui est souvent jetée autour dans le monde du développement Web: "content is king". Cela est vrai pour la plupart des sites web là-bas. La plupart des sites Web souhaitez être trouvé et un moyen clé sites sont découverts est, par le biais des requêtes de recherche. Les moteurs de recherche les plus fréquemment "araignée" leur base de données des sites web pour nouvelle, claire, up-to-date, et le contenu original, et sites Web qui ont une bonne teneur en sont récompensés par de rang supérieur et ainsi ils se rencontrent plus souvent.

Il n'est pas étonnant, alors, que la construction de contenu est une étape si importante dans la conception Web. Avec les réponses que vous avez obtenu de l'étape 1: Planification, vous devez savoir quel type de contenu que vous voudrez commencer à construire. Si votre objectif est de vendre de la musique et l'électronique, et votre public cible est constitué des étudiants des collèges qui cherchent à acheter des choses comme des iPods et des appareils photo numériques, alors vous aurez envie d'écrire une partie du contenu qui est le coeur léger, terre-à-terre, et à la point, tout en se fondant encore sur le populaire "lifestyle" tendance qui vend des gadgets de ce genre si bien.

Ou, comme un autre exemple, si votre public cible est un groupe de professionnels dans le domaine de la recherche médicale et votre but est de poser un défi de nouvelles idées de collaboration ou de discussion, vous aurez envie d'écrire un contenu qui se détache comme une sorte de blog technique .

En fin de compte, cependant, la chose la plus importante que vous voulez faire de cette étape est obtenir toutes vos idées pour le contenu sur le papier ou dans un fichier texte. Vous n'avez pas besoin d'écrire des annonces pour votre musique et de l'électronique à l'heure actuelle, par exemple, et bien sûr vous ne voudrais pas passer le temps dans cette étape pour créer une entrée à long revue médicale. Pour l'instant, il suffit simplement de retrouver tout votre contenu en sténographie. Juste être sûr d'avoir tout cela.

Une fois que vous avez tous vos contenus en un lieu où vous pouvez regarder, vous aurez envie de construire votre plan Sitemap. Il s'agit de la dernière étape avant de commencer effectivement la conception du site. Vous pouvez utiliser un programme informatique pour dessiner votre plan de site comme j'ai fait ci-dessous, mais la plupart du temps, un crayon et du papier qui fonctionne le mieux pour cette partie.

Jetons un oeil à un sitemap petit échantillon de la musique et d'appareils électroniques dont nous avons parlé plus tôt.

Ici nous pouvons voir que nos liens page d'accueil à quatre autres pages: emplacement des magasins, Musique, Electronique, et nous contacter. La musique et les pages Electronics chaque maillon des paragraphes différents. La page Musique vous permet de choisir un genre de musique à acheter, et la page Electronics vous permet de naviguer à travers différents gadgets.

Lors de la conception de votre plan Sitemap, il est important de se rappeler la règle des 3 clic. Simplement, les 3 Etats-cliquez sur Règle qu'un visiteur ne devrait jamais avoir à cliquer plus de trois fois sur votre site pour faire n'importe quoi. Dans notre plan du site de l'échantillon, nous pouvons voir que si un visiteur veut obtenir nos magasins d'autres, ils auraient besoin de 1 Cliquez sur la page d'accueil. Ou, si elles le voulaient pour naviguer à travers la musique rock pour acheter, ils ont juste besoin de la musique cliquez sur la page d'accueil, puis Rock sur la page musique. Seulement 2 clics.

Alors que la construction de votre plan Sitemap, vous devez vous assurer que chaque boîte (ou page) sur le plan du site détiendra une partie du contenu que vous exposées précédemment. Tout votre contenu devrait avoir une place sur votre site, et vous avez besoin pour être en mesure de visualiser sur les pages que vous mettrez chaque bit de votre contenu.

Et maintenant que nous avons notre planification et de construction de contenus fait, let's get conception!

Étape 3: Conception

Beaucoup de designers font l'erreur de sauter des étapes 1 et 2, le saut, au lieu ici même à l'étape 3: Design. Mais si vous êtes arrivé ici après avoir fait le travail nécessaire à l'avance, alors vous êtes sur la bonne voie!

À l'étape 1: Planification, vous avez probablement déjà une bonne idée de ce type de mises en page et de conception que vous souhaitez utiliser. Laissez votre créativité ici. Rappelez-vous, il ya plusieurs mises en page, vous aurez probablement besoin pour votre design. Vous voulez une mise en page pour votre page d'accueil, qui, conformément à votre plan Sitemap, sera juste contenir des informations d'introduction ou des points saillants, quelques liens, et, en fonction de vos objectifs, peut-être quelques images intéressantes.

Vous voudrez aussi une mise en page pour vos pages de transition. Pages de transition sont des pages qui vient de la navette de l'utilisateur à des choses plus importantes. Dans l'exemple ci-dessus plan du site, la musique électronique et les pages sont des pages de transition. La page Musique serait faible, et contenir des liens vers les différents genres de musique ci-dessous (Country, Hip Hop, Classical, et Rock). La page électronique serait également faible, et à seulement contiennent des petits morceaux de l'information tout en le lie à la substance plus importante, comme les lecteurs DVD, téléviseurs, lecteurs MP3, des pages et Digital Cameras. Mises en page de transition doit correspondre à l'ensemble du site, mais aussi être simple afin que les utilisateurs peuvent passer le moins de temps sur eux que possible.

Vous ne voulez probablement pas entendre cela, mais même à ce stade, vous pourriez envisager de quitter Photoshop fermé pour un peu. Au lieu de cela, essayez de dessiner des schémas de plusieurs pour votre site sur papier en premier. C'est une bonne idée de construire plusieurs mises en page, juste pour voir comment ils "sentir" avec le site que vous construisez et l'utilisation de Photoshop pour construire beaucoup de grandes dispositions qui pourraient même ne pas utiliser beaucoup de temps. C'est beaucoup plus rapide de tirer certaines mises en page rapide et sale sur le papier pour obtenir un toucher rugueux pour le chemin que vous voulez aller à la conception.

À ce stade, vous avez probablement un droit twitchy Trigger Finger Et maintenant quand il s'agit de tirer votre arme de conception. Mais prendre lent. Voici quelque chose à considérer au sujet de la conception.

Saviez-vous que Apple, la compagnie derrière les desseins de l'iPhone énormément de succès, l'iPod et les ordinateurs iMac et MacBook, utilise un processus de conception qu'ils appellent "10-3-1? C'est vrai, à l'édition 2008 South By Southwest Festival interactif, j'ai assisté à une présentation par Michael Lopp, directeur technique senior d'Apple, où il a révélé ce petit peu de renseignements à une salle comble remplie avec des designers.

Voici comment cela fonctionne. Les designers d'Apple doivent se conformer à la règle 10-3-1, où les concepteurs se sont d'abord donner une grande liberté de créativité et proposer avec 10 bonnes, les dessins et sains pour quelque chose. Cela pourrait être pour un site ou un produit, entre autres choses. Puis, après son entrée avec 10 bons dessins, ils doivent passer par le pénible et souvent difficile tâche d'éliminer les 7 d'entre eux, les laissant avec 3 designs vraiment bien de travailler avec.

Ensuite, les designers d'Apple se passer quelques mois sur ces 3 modèles les améliorer et de les élever au gibier d'Apple. Enfin, après tout ce travail, les concepteurs doivent encore éliminer 2 des dessins et modèles, jusqu'à ce qu'ils soient de gauche avec juste 1 design puissant qui obtient le travail final est fait et compte tenu de la célèbre marque Apple et polonais.

Ces dernières années, ce type de pensée a été très bon pour Apple, et leurs conceptions ont rencontré un certain succès. Si vous voulez que vos dessins pour réussir aussi bien, alors c'est ici, dans cette étape, l'étape 3: Conception, que vous devriez prendre le temps avant d'ouvrir Photoshop pour plan vraiment votre conception, en tenant compte de tout ce que vous avez appris à l'étape 1 et sachant ce que le site va couler comme de l'étape 2.

Assurez-vous que vous avez finalisé votre conception. Une fois que vous avez votre conception de prêt, il va revenir en arrière.

Étape 4: Développement

Si vous avez finalisé votre conception (soit pour vous-même ou avec votre client), vous pouvez alors commencer à développer le site. Selon la façon dont vous voulez que le site fonctionne, ce qui pourrait entraîner des complexités telles que PHP et MySQL programmation backend, ou il pourrait simplement être aussi simple que certains de base HTML et CSS. Quoi qu'il en soit, cette étape implique le codage réel du site.

Certains concepteurs sont les seuls créateurs et de traiter seulement les bases de XHTML et CSS, qui choisissent de travailler avec un partenaire ou d'engager quelqu'un pour faire le codage d'un site. D'autres designers connaître le développement et le codage de côté aussi bien que du côté design, mais ces créateurs ne sont pas tout à fait trop commun.

De toute façon, nous ne rentrerons pas dans le développement du site ici. Aux fins du présent article, il suffit de dire que c'est la dernière étape, après la conception est faite, dans la création d'un site.

Donc, comme vous pouvez le voir ....

Donc, comme vous pouvez le voir, la conception en fait un site Web provient presque entièrement dernier dans le processus de conception Web. Si vous voulez que vos dessins et modèles à succès, vous prendrez les mesures nécessaires afin de travailler jusqu'à la conception.

par D. Rodriguez