Quel est le processus général de planification et de développement d'un nouveau site Web?


10

Je travaille dans une agence principalement dédiée au développement de logiciels mais parfois un microsite est accessoire à l'une de nos solutions et nous devons le construire.

J'essaie de définir le processus de création de ces sites Web, mais je ne sais pas dans quel ordre chaque tâche est généralement effectuée et j'essaie surtout de déterminer à quel moment un contenu copie / statique doit être écrit.

Je peux penser à certaines tâches comme: l'écriture de contenu statique, la conception, le wire-framing, la définition de mots-clés et le référencement, le codage. mais je ne sais pas dans quel ordre les aborder.


L'esquisse est le meilleur début.
SaturnsEye

Voulez-vous le contour qu'un designer prendrait? Si c'est le cas, je pense que la réponse de Scott est correcte. Ou voulez-vous le contour que vous devez suivre? Si tel est le cas, je pense qu'il y a quelques autres points qui pourraient être mentionnés.
Ryan

Réponses:


7

Pour moi, de nombreux domaines peuvent se chevaucher dans une certaine mesure.

  • Définir les besoins via des croquis, des wireframes, des notes, des discussions, un budget, etc. (doit venir en premier)

  • Wireframing - Le contenu peut commencer à être écrit ici ou au moins décrit. Des idées approximatives sur la taille du contenu aideront au cadrage, donc vraiment l'écriture et le cadrage peuvent aller quelque peu ensemble.

  • Approbation filaire

  • Finaliser le contenu - les premières ébauches de conception peuvent être démarrées ici mais ne peuvent pas être finalisées tant que la copie statique n'est pas terminée.

  • Approbation du contenu

  • Finaliser la conception / les mots-clés / le codage - les mots-clés peuvent être figurés au fur et à mesure que la conception est étoffée. Selon les habitudes de travail, le codage peut être commencé afin de finaliser la conception.

  • Approbation de conception

  • Terminer le codage / référencement - le codage et le référencement peuvent aller de pair. Vous savez, codez avec le SEO à l'esprit en même temps, commencez à planifier des stratégies de référencement externes, etc.

  • Approbation du code

  • Référencement / maintenance en cours.


1
Les chevauchements sont la meilleure partie du processus. Si vous travaillez avec une équipe, les structures filaires et le contenu peuvent être développés en même temps, et le codage et la conception peuvent être commencés (séparément) dès que les structures filaires sont terminées. Le contenu peut être modifié tout au long, bien sûr, mais je commencerais le référencement encore plus tôt, main dans la main avec le contenu en évolution.
Blazemonger

5

Les workflows de mon projet fonctionnent généralement comme ceci:

  1. Rencontrer le (s) client (s) pour recueillir les exigences (déterminer ce dont ils ont besoin)
  2. Déterminer les stratégies back-end à utiliser (langage de programmation, plate-forme, etc.)
  3. Créez un filaire pour décrire comment le site ou l'application fonctionnera et où iront les éléments de base
  4. Examiner le filaire avec le client
  5. Maquettes de conception - il peut s'agir de maquettes HTML / CSS ou d'images conçues dans Illustrator ou Photoshop
  6. Examiner les maquettes avec le client
  7. Modifier les maquettes en fonction des commentaires des clients
  8. Créer un produit fonctionnel

Idéalement, les clients nous obtiennent un contenu réel le plus tôt possible dans le processus, mais la réalité est que cela peut arriver plus tard. Je noterai que je crée de nombreuses applications Web afin que nous déterminions les fonctionnalités de base au stade des exigences et de la conception en fonction de celles-ci.


2

J'ai reçu des informations du blog

http://sixrevisions.com/web-development/a-6-step-general-process-for-producing-a-website/

entrez la description de l'image ici

  1. Apprendre

    Cela ne devrait pas vous surprendre que l'apprentissage - découvrir et comprendre ce que vous devez construire en premier lieu - est la partie la plus importante de tout le
    processus de conception d'un site Web.

  2. Le brief créatif

    Vous devriez obtenir ces informations de la manière la plus confortable pour vous et vos clients, mais quoi que vous fassiez, ne sautez pas le brief créatif car il deviendra l'élément vital de votre projet.

Quel genre de questions devriez-vous poser dans votre mémoire créatif? Au minimum, découvrez:

  • Public cible du client
  • Leurs objectifs principaux et secondaires pour le site Web
  • Caractéristiques actuelles de la marque Budget
  • Délais à respecter

3. Plan

Une fois que vous avez appris ce dont vous avez besoin pour construire, il est temps de commencer à planifier comment vous allez y arriver. Avant de pouvoir commencer à concevoir un site Web, vous devez savoir exactement quoi et comment le concevoir en premier lieu - et tout commence par la création d'une stratégie de conception.

4. Conception

Une fois que vous êtes prêt à commencer la conception, gardez à l'esprit que vous devez concevoir plus qu'une simple page d'accueil. Vous aurez également besoin d'un design pour les sous-pages de votre site. Il peut parfois être facile de concevoir un concept de page d'accueil, de le découper et de commencer à coder

5. Code

Une fois que vous avez un design génial, vous devez le transformer en un véritable site Web en direct. Une valeur sûre, quel que soit le système de gestion de contenu avec lequel vous allez travailler, est de commencer par un code HTML et CSS générique

6. Lancement

Lorsque vous avez enfin perfectionné le site, il est temps de le rendre public. Le lancement peut signifier différentes choses pour différentes personnes, principalement parce qu'il existe différents systèmes de gestion de contenu et circonstances de développement.

7. Maintenir

Au cours de votre phase de planification, vous devriez avoir déterminé qui sera en charge de la maintenance du site


Oui, comme indiqué par l'utilisateur, veuillez indiquer vos références que vous avez utilisées ou votre réponse peut être rejetée par la communauté.
DᴀʀᴛʜVᴀᴅᴇʀ

1

Cela peut aider. Il existe de bons principes de conception Web

google handbook web fundamentals

Le manuel est une ressource complète pour le développement Web multi-appareils. Il est donc divisé en 4 catégories:

Mises en page multi-appareils - Création de mises en page flexibles et non fixes qui offrent une expérience formidable, quel que soit l'appareil

Images et vidéo: incorporez des images, du son ou de la vidéo, puis découvrez comment rendre les images réactives, ajouter des vidéos et proposer des alternatives pour les plates-formes héritées. Audio en cours de développement

Formulaires et saisie par l'utilisateur - Création de formulaires utilisant des types et des éléments de saisie sémantiques qui répondent au toucher et à d'autres gestes.

Optimisation des performances - Découvrez comment le modèle d'objet du navigateur comment il construit la page à partir de votre code HTML et CSS. Il existe d'autres règles de page et recommandations pour optimiser la livraison des données

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.