Création de site Web: Trois emplois différents sous une phrase, et comment choisir

Qu'est-ce que la "conception de site web" se réfère en fait à: "Conception de site web" est trois champs de travail…

Le marché utilise la "conception de site web" pour trois emplois différents, et les confondre est la principale source d'attentes erronées. Le premier est le style: prendre une structure existante et la rendre rangée. La seconde est de concevoir: décider quels écrans le site se compose, ce qui compte le plus sur chacun, et où un visiteur va ensuite. Le troisième est un système: les composants et les règles qui permettent au site de grandir sans concepteur.

Le prix et la chronologie diffèrent plusieurs fois précisément parce qu'une phrase couvre trois champs d'application. Lorsqu'un client demande la conception de site Web et reçoit un style, les deux côtés se sentent trompés : le fournisseur a livré exactement ce qu'il a nommé, et le client s'attendait à autre chose.

La conversation devient utile au moment où le bref indique ce qu'on veut : remodeler ce qui existe, le concevoir correctement ou construire un système qui va grandir. Tout le reste — prix, calendrier, ce qui arrive à la fin — découle de ce choix.

Ce qui suit définit chaque niveau: ce qu'il contient, quand il suffit, et comment dire que vous avez acheté le mauvais.

Niveau 1 : style

C'est le travail le plus commun et le moins cher. La structure existe déjà — à partir d'un modèle, d'un fournisseur précédent ou d'années d'accumulation. La tâche du concepteur est de le mettre en ordre : typographie, espacement, grille, états de boutons, un langage visuel cohérent.

Cette portée est juste lorsque le site fonctionne largement: les gens atteignent les pages dont ils ont besoin, les demandes arrivent, mais tout semble assemblé à partir de différentes sources. Le style enlève la sensation maison et touche à peine la logique.

Ce que le style ne fait pas, c'est fixer la structure. Si un visiteur ne peut pas trouver une section ou ne peut pas dire ce que vous offrez, une typographie soignée ne le réparera pas. Cela rendra la chose floue belle et encore floue.

Le signe que c'est le niveau dont vous avez besoin : vous pouvez nommer chaque page du site, vous êtes d'accord avec cet ensemble, et votre plainte porte sur leur apparence.

Niveau 2 : conception

Ici, le travail commence avant le premier écran. Le concepteur établit qui arrive, avec quelle question, ce qui doit arriver, et seulement alors décide quelles pages existent et ce qui mène sur chacun d'eux.

La sortie principale de ce niveau n'est pas des images mais des décisions : quelles sections sont nécessaires, qui sont excédentaires, ce qui apparaît en premier, où se trouve l'action cible, comment une page de service diffère d'une page de produit. Les visuels en découlent.

Ce niveau est requis lorsqu'un site est créé pour la première fois, lorsque l'entreprise a changé, ou lorsque l'ancien site a cessé de répondre aux questions avec lesquelles les gens arrivent. Le symptôme est simple : vous continuez à répondre à des questions par courriel que le site aurait dû dire.

La conception coûte plus que le style car elle inclut le travail avant tout dessin. C'est aussi ce qui rapporte habituellement, puisque la plupart des problèmes de site vivent dans la structure plutôt que dans la surface.

Niveau 3 : le système

Un système est un ensemble de composants et de règles qui permettent l'assemblage de nouvelles pages sans concepteur. Grille, échelle de type, cartes, formulaires, états, comportement selon les tailles d'écran.

Il faut quand le site va grandir : nouveaux services, nouvelles sections, pages d'atterrissage de campagne. Sans une, chaque nouvelle page est une commission séparée, et dans un an le site semble assemblé à partir de différentes sources.

Un système ne doit pas être grand. Pour un site de dix pages, une description de la grille, de l'échelle, de trois types de cartes et des règles pour les formulaires est suffisante. Une ligne directrice de cent pages pour ce projet est dépassée.

Le test d'un système de travail est le même que pour une identité: quelqu'un qui ne l'a pas construit peut assembler une page à partir de lui.

Ce qui affecte le résultat le plus

Premièrement, clarté de l'offre. Un site ne peut pas expliquer ce qui n'a pas été articulé. Si l'entreprise ne s'entend pas en interne sur la façon dont elle diffère de l'entreprise voisine, la conception ne résoudra pas cela et l'exposera honnêtement.

Deuxièmement, matériel. De vraies photographies de travail, des chiffres, ce qu'un service inclut et ce qu'il coûte de déplacer la confiance plus loin que toute idée visuelle. Un site avec un design médiocre et des preuves authentiques recueille généralement plus qu'un beau plein de généralités.

Troisièmement, vitesse. Les images et polices lourdes retardent le texte, et quelqu'un sur un téléphone n'attend pas. Il ne s'agit pas d'un sujet technique distinct : les décisions concernant la taille et le nombre d'images sont prises pendant la conception.

Quatrièmement, l'accessibilité. Contraste de texte, taille de type, lisibilité au soleil et sur un petit écran. Ce n'est pas de la charité : les mêmes exigences rendent le site plus clair pour tous, y compris les personnes pressées.

Il vaut la peine de s'entendre séparément sur qui écrit la copie. Une mise en page construite sur le texte placeholder est presque toujours reconstruite une fois que les vrais mots arrivent : de véritables titres s'allongent, de véritables listes s'écourtent, et le paragraphe que quelqu'un promet parfois s'avère ne pas exister du tout.

Comment fonctionne le processus

L'ordre raisonnable est le même à tous les niveaux. D'abord la tâche et le matériel: ce qui devrait changer, qui arrive, ce qui existe déjà. Puis structure : la liste des pages et ce qui mène à chacune.

Puis les écrans de touches dans deux états — large et téléphone. Pas toutes les pages : celles qui décident, qui sont habituellement la page d'accueil, une page de service et un formulaire. Le reste est assemblé selon leur modèle.

Puis les états et les détails les gens sautent : listes vides, erreurs de formulaire, longs titres, images manquantes. C'est exactement ce qui gâche l'impression une fois le contenu réel arrivé.

Et le transfert : fichiers, règles, que faire des nouvelles pages. Sans cette dernière étape, un site commence à dériver dans deux ou trois mises à jour.

Ce qui appartient au transfert

Au minimum : mises en page de sources modifiables, images exportées dans les formats et tailles requis, polices avec leur licence indiquée, et une description de la grille et de l'échelle de type.

Séparément, le composant indique : comment un bouton apparaît sur hover et appuyez sur, comment un formulaire ressemble avec une erreur, ce qui se passe quand une liste est vide. Un développeur sans ceux-ci les inventera, et les inventera différemment en différents endroits.

Il aide à enregistrer par écrit ce qui ne faisait pas partie de l'œuvre. Cela élimine la plupart des différends d'acceptation et rend les limites du projet visibles des deux côtés.

Et une note sur les images qui peuvent être utilisées et sur les termes : photographie originale, stock sous licence ou matériel généré chacun portent des contraintes différentes.

Choisir le niveau pour votre tâche

Trois questions répondent plus rapidement que toute discussion. Tout d'abord: êtes-vous d'accord avec l'ensemble actuel de pages? Sinon, vous avez besoin de concevoir, et le style n'aidera pas.

Deuxièmement, combien de nouvelles pages paraîtront cette année? Si c'est plus de cinq, ou si différentes personnes vont les construire, vous avez besoin d'un système, ou le site va diverger dans un an.

Troisièmement, qu'est - ce qui échoue exactement aujourd'hui: les gens n'arrivent pas, ne comprennent pas ou ne font pas confiance? La première est fixée par structure, la seconde par structure et copie, la troisième par preuve et finition.

À VITON13 le service de conception commence à 70 $ pour un seul itinéraire logo, comprend une portée ciblée à 120 $, un niveau de page prêt au lancement à 290 $ et un système à 540 $, et fonctionne de un à huit jours ouvrables selon le volume.

Et enfin, d'accord à l'avance qui est responsable de transformer la mise en page en code. Un design que personne n'entend mettre en œuvre survit exactement jusqu'à ce que le premier changement effectué du côté du développement, après quoi il devient décoration que personne ne consulte.