Quelles sont les erreurs courantes qu'un concepteur peut commettre lors de la conception pour le Web, et comment les éviter?

9

Quelles sont les erreurs courantes à éviter lors de la conception? Je sais que la couleur, le texte et les images jouent un rôle majeur dans la conception, mais il y a tellement d'autres choses dont nous devons prendre soin! Je ne connais pas ces autres choses mais je sais qu'il y en a tellement ...

Plusieurs fois, nous obtenons le résultat final avec des erreurs (mineur-majeur-visible-caché) ...

Ma question est donc:

  • Quelles sont les erreurs les plus courantes que nous commettons? (vous êtes également inclus le miel) (ce n'est pas comme si personne ne fait d'erreurs, tout le monde le fait)
  • Comment éviter / éviter ces erreurs?
Jack
la source

Réponses:

24

Oui, cette question est incroyablement large. Peut-être que c'est OK comme article wiki.

Pour commencer, vous devez définir «nous». Il y a beaucoup, beaucoup de personnes et de rôles impliqués dans la conception de sites Web et ils ont tous tendance à avoir des erreurs communes différentes.

Voici quelques problèmes que j'ai vus qui semblent apparaître encore et encore:

  • Ne pas définir correctement les objectifs de l'entreprise pour le site Web.

  • A défaut de définir correctement les indicateurs clés de performance, et par la suite à ne pas mettre en œuvre des systèmes pour mesurer le succès du site en fonction d'eux.

  • Concevoir pour les désirs du client plutôt que pour les besoins des clients du client.

  • Ne pas impliquer les personnes nécessaires, ou du moins considérer la tâche sous l'angle de tous les rôles nécessaires.

    Les aspects techniques de la gestion des produits, de l'analyse commerciale, du marketing, de la rédaction, de l'administration de la base de données, du développement principal, de la conception graphique, de la conception de l'interface utilisateur, de la conception de l'expérience utilisateur, de la convivialité, des métriques, du référencement, etc., doivent tous être pris en compte.

  • Ne pas planifier ou au moins esquisser la conception.

  • Oublier les principes de conception Web adaptative et réactive.

  • Oublier de concevoir des appareils avec des écrans de différentes tailles et résolutions.

  • Ne pas tenir compte de tous les facteurs qui affectent les vitesses de chargement des pages pendant la phase de planification et ne pas tester la vitesse tout au long de son développement.

    Les erreurs courantes incluent le chargement de graphiques très détaillés dans des conditions moins qu'optimales (par exemple, en tant qu'image d'arrière-plan) et, en général, le simple téléchargement de trop gros éléments sans optimiser les conditions de chargement.

  • En utilisant des wireframes comme documentation, au lieu des esquisses, ils sont destinés à être utilisés comme.

  • Ne pas utiliser de méthodes Agile pendant le développement.

  • La conception excessive, un effet secondaire très courant de ne pas utiliser de méthodes Agiles.

  • Choisir des technologies plutôt que des solutions.

    Par exemple, choisir un produit d'entreprise pour toutes les raisons qui le rendent bon; même ceux qui ne s'appliquent pas à vous; plutôt que de se demander s'il est capable de résoudre les problèmes spécifiques pour lesquels vous le souhaitez, eh bien.

  • Oublier la rédaction / le contenu. Cela doit arriver tôt dans le processus - pas plus tard.

  • Concevoir un fichier PhotoShop plutôt qu'une page Web réelle.

    Lorsqu'on se concentre uniquement sur Photoshop, on ne prend pas en compte des facteurs tels que les écarts de police, les autres appareils, les tailles d'écran, la redistribution du contenu, la conception d'interaction et bien d'autres.

  • Concevoir un fichier flash, ou des idées bizarres qui ne peuvent être réalisées qu'avec un fichier flash, au lieu d'un site web convivial SEO plein de contenu lisible.

  • Construire la conception d'un site Web fonctionnel en mettant l'accent sur un navigateur particulier au lieu de tester en continu autant de navigateurs que possible.

  • Ne pas appliquer les principes d'accessibilité lors de la planification, de la conception et de la mise en œuvre du site Web.

  • Attendre trop longtemps pour impliquer les utilisateurs, souvent il faut changer quelque chose que vous auriez pu savoir plus tôt.

DA01
la source
4
Si nous évaluions les questions en fonction de la qualité des réponses qu'elles produisent, celle-ci serait en tête de liste. Réponse fantastique.
Alan Gilbertson
1
J'accepte que je fasse beaucoup de cela :( j'aimerais pouvoir voter deux fois ...
Jack
1
que signifie "Concevoir un fichier Photoshop au lieu d'un site Web"? trop d'effets? pouvez-vous développer un peu cette balle?
Lauren-Clear-Monica-Ipsum
2
@lauren Je veux dire principalement passer tout le temps à concevoir visuellement le site dans Photoshop, plutôt qu'en HTML, CSS et JS. Lorsqu'il est concentré uniquement sur Photoshop, Once ne prend pas en compte des éléments tels que les écarts de police, les autres appareils, les tailles d'écran, la redistribution du contenu, etc.
DA01
1
@user foncez!
DA01
3

Je pense qu'une erreur très courante dans la conception Web est évidente sur le Web mobile.

Si vous naviguez sur le Web sur un petit appareil mobile, comme un iPhone ou un BlackBerry, vous remarquerez que les boutons sont parfois trop petits.

Maintenant, ce n'est pas toujours le bouton lui-même, mais une erreur qui est commise est qu'il n'y a souvent pas assez de place autour du bouton.

Supposons que nous effectuons une enquête et qu'il y ait un bouton de retour et un bouton suivant l'un à côté de l'autre, ils ont besoin de respirer pour que l'utilisateur puisse appuyer sur le bouton et ne pas tapoter sur le mauvais par accident.

C'est une chose courante et une considération majeure dans la conception d'e-mails pour l'utilisateur mobile.

Graeme Hutchison
la source
Je trouve que c'est vrai sur les sites mobiles SE. J'appuie constamment sur le lien "poser une question" lorsque j'ai l'intention d'obtenir le menu déroulant du compte d'utilisateur.
Farray
2

Je pense que la réponse de DA01 est déjà une excellente liste de choses à considérer. J'ajoute ma réponse à la fois parce qu'elle est importante et pour contourner la question car j'aimerais vraiment voir plus de réponses à cela.

Une autre considération très importante dans la conception d'un site Web est la vitesse. Être conscient de tous les facteurs qui affectent les vitesses de chargement des pages avant de commencer la conception devrait vous aider à ne pas perdre beaucoup de temps à créer des graphiques et une architecture que vous devrez ensuite modifier complètement car le site Web prend 30 secondes (exemple extrême) pour charge.

Dom
la source