Lors de la conception d'un site Web, je commence par demander pourquoi?
La première partie de mon flux de travail demande POURQUOI? Si je travaille avec un client, je dois m'assurer qu'il a une vision clairement définie de ce qu'il souhaite que le site Web accomplisse.
1. Les questions pourquoi.
Parlez-moi un peu de vous et pourquoi vous faites cela.
Qui sont les clients? Quels sont leurs besoins / douleurs spécifiques? Veuillez me fournir - avec quelques exemples spécifiques de différents types de clients, ce dont ils ont besoin, ce que le site Web fera pour eux.
Parlez-moi de l'entreprise. Qu'est-ce que tu fais exactement?
Qu'est-ce qui vous rend meilleur que le prochain?
Si vous recherchiez le service fourni par votre entreprise, que saisiriez-vous dans Google pour le trouver?
Si vous construisez le site pour vous-même, vous feriez mieux de savoir déjà quelles sont ces réponses.
Si vous déterminez, sur la base des réponses aux questions ci-dessus, que ces personnes sont sérieuses et ont en fait une bonne idée. Ensuite, continuez (rappelez-vous que vous n'êtes pas encore payé, mais vous feriez mieux de retirer leurs chaussettes si vous voulez qu'ils vous embauchent.)
2. La recherche.
Passez un peu de temps à rechercher le client et son entreprise. Découvrez leurs succès passés et tous les problèmes qu'ils ont rencontrés. Êtes-vous le troisième développeur qu'ils ont embauché? Qu'est-il arrivé aux 2 autres gars?
Découvrez ce dont le client a besoin. Pour qui construirez-vous ce site? Le client est-il un vétéran à la retraite de 60 ans ou un gamin de 16 ans au visage de bouton qui joue à Farmville sur Facebook toute la journée?
Découvrez qui sont les concurrents. Ils ne le savent peut-être même pas. Faites une analyse concurrentielle de 5 à 10 concurrents et découvrez de qui nous avons besoin pour lancer les Serps. C'est l'étape dont vous avez besoin pour savoir quels sont les mots clés ciblés. Plus tard et votre déjà échoué.
2b La proposition
Soufflez-les avec votre connaissance de leur entreprise et trouvez un accord / une proposition de site Web et soyez prêt avec votre contrat une fois qu'ils sont d'accord. Obtenez le contrat signé et un acompte de 50%, puis passez à l'étape 3.
3. La mission - en avoir un
Il y a un thème commun ici: dans tous ces cas, la mission ne concerne pas le produit en tant que tel. La mission est «juste» quelque chose qui, si vous êtes vraiment sérieux, exige que le produit devienne absolument incroyable, alors vous y arriverez. Si vous préférez: ces missions sont toutes la réponse à, pourquoi avons-nous simplement ajouté cette nouvelle fonctionnalité?, Non, quelle nouvelle fonctionnalité ajoutons-nous? - Benjamin Pollack.
Le calendrier doit être établi afin que chacun ait ses attentes en perspective.
4. Le flux de travail
C'est là que la plupart des gens commencent donc je vais expliquer mon processus mais vous devrez décider quel flux de travail est le meilleur pour votre situation, votre équipe, votre client, etc.
Pour moi, le contenu vient en premier. Je m'assure que le client en a fait la majorité avant qu'un code ne soit écrit. Nous ne parlons pas de l'édition finale de l'épreuve mais plutôt des mots du texte qui seront sur les pages. Si une équipe marketing est impliquée, cela peut prendre un certain temps.
Vous devriez déjà avoir une idée de l'apparence du site. Vous devriez avoir le contenu. Vous devez maintenant travailler sur la mise en page et les principes généraux de conception qui permettront d'atteindre l'objectif que vous avez défini à l'étape 3.
Je déteste les wireframes mais je comprends qu'ils sont nécessaires. Tout simplement parce que vous savez à quoi ressemble le site, il se peut que votre client ne le sache pas. C'est pour votre protection et les clients. Lorsque tout le monde est content, faites-leur signer quelque chose qui dit "C'est ce que nous vous payons pour construire".
Développement frontend et UI - HTML, CSS et DESIGNING IN THE BROWSER , la technique Hardboiled d'Andy Clarke. Je suis fatigué de perdre autant de temps dans Photoshop alors que je sais pouvoir démontrer une maquette plus rapide et plus réaliste qui me donne également une longueur d'avance sur le développement.
4b. La base de code
Vous pouvez enfin vous amuser. Pour le vôtre et pour les clients, configurez VERSION CONTROL avant de commencer. Depuis votre contrôle de version, vous devez continuer et configurer le suivi des bogues pendant que vous y êtes .
4c. Edition de copie
Rappelez-vous ce contenu que nous avons? C'est maintenant qu'il doit être modifié. J'aspire à cela, alors j'essaie d'embaucher quelqu'un d'autre ou de m'assurer que beaucoup de gens le lisent. Vérifiez et assurez-vous que les mots clés dont nous avons parlé à l'étape 2 sont optimisés pour le référencement. Si notre contenu est génial et porte sur ces mots clés, cela devrait venir naturellement.
5. Test bêta et interface utilisateur
Faites en sorte que de véritables êtres humains qui respirent puissent s'asseoir devant votre site et commencer à l'utiliser. J'aime enrôler ma mère qui appelle parfois et veut savoir pourquoi son imprimante n'imprime pas (la prise maman, il faut d'abord la brancher). Ces types d'utilisateurs doivent pouvoir naviguer sur votre site, à moins bien sûr d'utiliser l'exemple d'enfant à face de bouton de 16 ans ci-dessus.
6. Plan de maintenance et de référencement
Assurez-vous que tout le monde sait qui est chargé de combattre les bêtes du serveur .
Dans un mois, référez-vous à l'analyse concurrentielle que nous avons faite et comparez notre site à ceux que nous avons analysés. Utilisez ces données pour créer votre plan de référencement et NON, je ne parle pas du référencement de l'huile de serpent, je parle de m'assurer que vous générez toujours du contenu pertinent, les sites sont naturellement liés à vous (parce que vous êtes tellement génial) et à vos balises de titre correspondre au corps du texte. Le référencement est un long processus à moins que votre Stack Overflow et dispose d'une armée de 14,1 millions d'utilisateurs pour générer du contenu de qualité pour vous.
Il y a une grande différence entre un contenu de qualité et ce que vous trouvez sur "le site avec trait d'union", que je ne lierai pas. (Pour éviter que le jus sans suivi ne coule sur eux).
7. Lancement
Tout fonctionne? La mission de construire la génialité a été accomplie? Ayez un plan de lancement et exécutez-le.
Si vous avez tout fait correctement dans les étapes 1 à 6, votre lancement sera un jeu d'enfant et vous aurez peut-être des problèmes. Soyez juste prêt pour eux et corrigez les erreurs.
Envoyez la facture, rincez et recommencez.