Erreurs que vous avez probablement déjà commises en tant que concepteur Web
Tous les concepteurs de sites Web veulent la perfection. Cependant, ce ne sont que des humains et des erreurs peuvent toujours apparaître. Il est si facile de négliger certains détails. Il n’y a pas de designer au monde qui n’ait pas fait d’erreurs et les éviter est quelque chose qui arrive normalement après un certain temps.
Nous allons maintenant parler de certaines des erreurs les plus courantes que les concepteurs de sites Web commettent constamment, celles que vous avez probablement déjà commises au moins une fois. Corrigez vos mauvaises habitudes et surmontez les obstacles dont vous êtes actuellement coupable afin que votre travail soit meilleur que jamais.
L’utilisation du flash
Dans la conception de sites Web modernes, nous voyons rarement Flash utilisé, même s’il est assez étonnant dans ce qu’il peut faire. Nous sommes face à la possibilité de faire vivre au visiteur une expérience animée impressionnante mais avec un bagage associé.
Différents problèmes apparaissent lors de l’utilisation de Flash dans la conception Web. Vous avez un temps de chargement plus long, des problèmes avec les utilisateurs mobiles à cause du manque de support et des différents langages de programmation utilisés. Le nombre d’appareils prenant actuellement en charge Flash est très faible. De plus, à l’avenir, nous ne prévoyons pas d’augmentation du soutien. De toutes nouvelles bibliothèques apparaissent comme plus solides et plus populaires, en particulier celles basées sur JavaScript comme AngularJS et jQuary.
Utiliser de très grandes images
La tendance moderne en matière de conception de sites Web consiste à utiliser de grandes images tout au long d’un site. Cela rendra certainement l’expérience plus agréable et l’utilisateur aura quelque chose de formidable à regarder, mais il y a certaines complications dont le concepteur et le développeur doivent être conscients.
Le chargement de la page est automatiquement augmenté chaque fois que des images plus grandes sont utilisées. Cela peut conduire à un très mauvais scénario pour le visiteur du site. La bonne nouvelle est que nous avons accès à différents outils qui aident beaucoup à optimiser les images. Ceux que vous voudrez peut-être envisager incluent :
Des applications comme PrePros peuvent aider à optimiser automatiquement les images dans les applications. Le problème est que les outils aideront les flux de travail mais ne résoudront pas l’énorme problème lié au temps de chargement, du moins pas complètement.
De nombreux concepteurs utilisent désormais SVG. Ils utilisent des codes pour animer et dessiner des graphiques dans un environnement de navigateur. On se retrouve ainsi avec un chargement de page accéléré et divers éléments qui accrochent le regard.
Nous devons également souligner le fait que des images plus grandes compliqueront la conception Web en raison du facteur de non-réactivité. Nous parlons d’un élément de conception qui a défini la hauteur et la largeur. Les navigateurs mettront à l’échelle les images, mais nous avons la même taille de fichier.
Le W3C travaille maintenant sur l’utilisation de " <picture>" comme élément HTML5. Cela permettrait d’appeler des images de différentes tailles en fonction de la largeur de l’écran de visualisation. Lorsque cela se produit, l’expérience serait bien meilleure pour le spectateur, mais jusqu’à la mise en œuvre, vous devriez évitez les grandes images.
Utilisation d’une largeur et d’une hauteur fixes
L’adaptation est automatiquement restreinte pour les utilisateurs lorsque des tailles fixes sont codées. Nous avons des solutions de contournement, mais nous devons toujours penser à créer un modèle de conception Web 100 % réactif. La hauteur fixe définie dans CSS peut limiter la zone visible pour l’utilisateur. Il est possible de dépasser cela grâce aux ajustements de requête multimédia, mais le code supplémentaire ajouté entraînera des problèmes de performances. Vous n’en avez pas vraiment besoin. Dans la plupart des cas, vous ne devez pas utiliser de tailles fixes. Ils doivent être évités autant que possible dans l’environnement de conception Web moderne.
Faire des hypothèses sur les ajustements de conception
Les concepteurs Web travaillent normalement avec des logiciels comme Adobe Photoshop ou Sketch. Lorsque le travail est terminé, l’hypothèse courante est d’avoir un point d’arrêt spécifique dans le flux de travail réactif. Les largeurs d’écran considérées comme standard couvriront de nombreuses tailles d’écran différentes, mais il n’est pas certain qu’elles soient toutes couvertes. Nous avons des milliers d’appareils mobiles disponibles sur le marché. Créer un design qui fonctionnerait pour tout est très difficile.
Lorsque vous travaillez sur des largeurs spécifiques, vous devez planifier et l’anticipation devient une compétence importante pour le concepteur de sites Web. Vous devez être sûr qu’aucune hypothèse n’est faite et que vous travaillerez réellement dans le navigateur après la fin du travail normal de l’éditeur graphique.
Utiliser trop d’effets et d’animations
Vous pouvez voir ce problème même sur certains des sites les plus populaires au monde. Tant de sites Web offrent une expérience à couper le souffle, dont beaucoup offrent quelque chose de vraiment unique et étonnant. Cependant, cela ne signifie pas ajouter autant d’effets et d’animations que possible. Il est très important de combiner les principes de la conception Web dans le but de trouver le bon mélange entre fonctionnalité et impact graphique.
Il y a deux gros problèmes associés à l’excès d’animations et d’effets :
- Le temps de chargement de la page est augmenté
- Les effets et l’animation seront problématiques pour les ordinateurs plus anciens
Les hacks et animations populaires en ce moment sont ceux qui ajoutent des éléments de fondu enchaîné, de montée ou de descente. Ils peuvent avoir fière allure et donneront une belle apparence aux sites, mais cela ne signifie pas que vous devez toujours les utiliser. Voyez si le chargement global de la page serait trop important pour les appareils que la plupart des visiteurs utiliseront et n’oubliez jamais la vitesse de chargement de la page. Ceux-ci sont très importants et doivent toujours offrir de belles expériences aux visiteurs.
Liens mal stylisés
Il s’agit d’une erreur beaucoup plus fréquente que ce que vous pourriez penser pour le moment. Les liens doivent toujours faire ce qu’ils font. Cela signifie que lorsqu’un lien a un style inapproprié, les gens ne comprendront pas qu’il s’agit de liens. Nous devons toujours penser aux visiteurs, donc les liens doivent toujours ressembler à des liens. Vous pouvez expérimenter et ne pas vous en tenir au soulignement bleu standard, mais vous ne devez jamais en faire trop.
Ne pas utiliser DRY dans CSS
Au cas où vous ne seriez pas au courant de cela, DRY signifie «Ne vous répétez pas ». C’est une méthode de conception Web et cela signifie pratiquement que le concepteur est aidé à garder le code concis et à cloner. Seule l’utilisation du code nécessaire est recommandée à tout moment pour le style du site Web.
Lors de l’utilisation de CSS traditionnels, beaucoup de répétitions sont nécessaires avec des éléments spécifiques qui sont utilisés à l’intérieur d’autres éléments. Les sélecteurs finissent par être très volumineux et prendront beaucoup de temps à écrire. Lorsque vous utilisez des classes dans la conception au lieu de styliser chaque élément de la page HTML, tout devient beaucoup plus simple.
Une très bonne idée pour le moment est d’utiliser des langages de pré-traitement comme Sass. Ils sont assez utiles en termes de technologie CSS nécessaire. Les langages utilisés accéléreront le développement et la conception car ils incluent des fonctionnalités telles que des variables, des fonctions, des mixins, des imbrications et bien plus encore. Le code produit sera ensuite compilé dans le code CSS. Les développeurs Web et les concepteurs Web peuvent désormais utiliser moins de lignes de code et les répétitions peuvent facilement être évitées grâce aux langages.
Dégradation progressive
Nous pouvons définir la dégradation gracieuse comme une pratique consistant à créer des fonctionnalités Web capables d’offrir un niveau d’expérience utilisateur spécifique dans un navigateur moderne tout en se dégradant vers des niveaux d’expérience utilisateur inférieurs dans les navigateurs plus anciens. Cela semble un peu complexe, mais à titre d’exemple, nous pouvons discuter de la prise en charge d’Internet Explorer 8 et 7. Vous seriez surpris d’apprendre que la plupart des utilisateurs ne mettront tout simplement pas à jour les navigateurs pendant de longues périodes. Pour cette raison, vous devez ajouter une dégradation progressive afin qu’une prise en charge appropriée soit en place pour les deux versions du navigateur.
Les sites Web modernes sont faciles à développer, mais plus tard, vous pouvez remarquer le fait que dans un navigateur plus ancien, les pages ont une très mauvaise apparence en raison de dépendances spécifiques.
Amélioration progressive
C’est quelque chose qui ressemble à la dégradation gracieuse mentionnée ci-dessus. La différence est que le processus est géré en sens inverse en commençant par le niveau d’expérience de base pris en charge dans chaque navigateur Web. Ensuite, le concepteur/développeur ajoute une fonctionnalité accrue qui est disponible pour les navigateurs qui pourraient l’utiliser.
Cette option et celle ci-dessus sont compliquées. Ils ne sont normalement utilisés que par les très bons designers. Cependant, avec de nombreux navigateurs disponibles maintenant, nous devons sérieusement considérer les options. Les concepteurs de sites Web demanderont normalement aux clients de décider exactement de ce qui sera pris en charge. Vous devez cependant essayer d’utiliser ces approches afin d’offrir une très bonne expérience aux utilisateurs particulièrement actifs et directement au sein du public cible.
L’une des parties les plus importantes de tout site Web est la navigation. Le designer doit être capable de rendre l’expérience du visiteur naturelle. Le but est de rendre la navigation vraiment simple et intuitive. Un utilisateur comprendra automatiquement que l’expérience est appropriée lorsque la conception a pris cet élément en considération.
Chaque fois que l’expérience utilisateur est mauvaise, nous voyons des visiteurs frustrés. Ils ne visitent tout simplement plus un site spécifique et consultent d’autres pages pour trouver des solutions à leurs problèmes. La convivialité doit toujours être prise en compte par le concepteur. Le design doit être beau, mais vous ne devez jamais oublier la fonctionnalité. La facilité d’utilisation est nécessaire et son absence rendrait toute la conception inutile.
Un manque de concentration sur le contenu
"La forme suit la fonction" est un principe d’architecture très courant qui est apparu au XXe siècle, en plein pendant la phase de conception industrielle de l’architecture moderne. C’est un principe dont vous devez vous souvenir à tout moment dans la conception de sites Web.
La conception Web et graphique est vraiment similaire à l’architecture moderne en termes de fonctionnalités nécessaires. La forme de l’objet doit d’abord être basée sur le but ou la fonction prévue. En termes de sites Web, nous pouvons les voir comme des bases de données d’informations réparties sur Internet. L’utilisateur visitera un site Web afin d’obtenir des données spécifiques. C’est là que le contenu intervient pour offrir ces données. Comme le visiteur se retrouve sur un site et ne trouve pas la donnée, il va la chercher ailleurs, sans même regarder le design. Dans le même temps, si la conception rend très difficile la localisation ou la digestion des données, le même résultat se produit.
Les internautes veulent désormais accéder à l’information et ils veulent que cet accès soit rapide. Form Over Function finit par être très important dans la conception Web. Ne pas tenir compte de ce principe signifie que l’accent est mis sur l’apparence plutôt que sur le contenu proposé. En conséquence, les sites Web ne seront pas vraiment populaires. Le contenu doit se démarquer à tout moment.
conclusion
À la base, les erreurs de conception Web les plus courantes consistaient à essayer de proposer quelque chose de vraiment beau et unique sans tenir compte de la raison pour laquelle les visiteurs se rendent réellement sur un site. Pour cette raison, vous voulez toujours avoir la patience nécessaire pour combiner un très bon design avec une fonctionnalité complète.
Créez toujours des sites Web fonctionnels et continuez à apprendre de nouvelles technologies au fil du temps. Les meilleurs concepteurs de sites Web au monde continuent d’apprendre et se tiennent toujours au courant de tout ce qui peut et ne peut pas être fait. Vous voulez créer votre conception Web, parler avec le client et ensuite vous assurer que les visiteurs apprécieront ce qui est offert. C’est beaucoup plus facile à dire qu’à faire, mais avec le temps, tout devient beaucoup plus facile.
Assurez-vous de toujours prendre autant de temps que nécessaire pour créer quelque chose de vraiment génial. Une autre erreur non mentionnée dans la conception de sites Web est de ne pas vous accorder le temps nécessaire pour créer la conception de site Web parfaite. Cela se produit normalement lorsque les clients ont besoin que le travail soit effectué dans les plus brefs délais. Assurez-vous que vous disposez toujours de suffisamment de temps pour créer cette conception Web stellaire que vous savez pouvoir.