Conception pour les non-designers

☰ Sujets

Si vous n'êtes pas designer, ces conseils pourraient vous aider à améliorer votre présence sur le Web. Il ne s'agit pas de dévaloriser la profession de designer, mais plutôt d'apporter de la perspective et une critique constructive à ceux qui n'ont pas reçu de formation pour ce métier. Et ne pensez pas que tous les designer de sites Web sont des graphistes formés, bien au contraire ! Un autre facteur à prendre en compte est qu'un concepteur peut tout savoir sur les dernières tendances en design graphique, mais personne ne connait mieux que vous, le sujet qu'aborde votre site Web.

Suivez une intention

La meilleure façon de créer un site Web qui vous plait est de réfléchir à ce que vous voulez faire et de mettre en place votre projet en conséquence. Les éléments Sparkle ont de nombreuses propriétés, parfois génériques, chacune avec des valeurs par défaut, dont l'objectif est de vous permettre de créer rapidement un site exploitable. Vous devriez choisir des polices, couleurs, images, ombres, épaisseur de bordures ou arrondis en fonction du message que vous voulez transmettre et non des valeurs par défaut. Définissez un plan et suivez-le.

Réduisez l’encombrement

Limitez l’encombrement rend votre contenu plus professionnel. L’encombrement se présente sous plusieurs formes.

Limitez votre sélection de polices à quelques familles et une sélection de couleurs à quelques couleurs de base. Vous pouvez toujours avoir d’autres polices et couleurs pour certains éléments, mais elles doivent être utilisées avec parcimonie et avec goût, comme un coussin coloré sur un canapé neutre. Limiter le nombre de couleurs peut sembler contraignant, mais vous pouvez ajouter de la variété en utilisant différentes luminosités avec les couleurs de base, ce qui n’ajoutera pas d’encombrement.

Utilisez le quadrillage et les guides d’alignement pour aligner parfaitement les éléments (sauf si vous choisissez volontairement de ne pas le faire !), et utilisez l’espacement et la distance entre les éléments pour mettre le contenu en valeur.

L’utilisation des styles de texte de Sparkle, des cercles chromatiques synchronisés et des éléments affichés dans plusieurs pages assure la cohérence de l’organisation sur l’ensemble du site.

Mettez-vous à la place de vos visiteurs

Que recherchent vos visiteurs types ? Quelles réponses cherchent-ils ? En choisissant soigneusement ce que vous dites ou non, vous pouvez mieux répondre aux besoins de votre public et augmenter l’efficacité de votre site.

Bien qu’il puisse être tentant de mettre tout le matériel que vous avez sur le site, il est également important de fournir une structure bien pensée, bien organisée et globalement claire. Tous ces aspects se ressentiront dans la navigation de votre site et permettront d’offrir une meilleure expérience.

Vous devriez, par exemple, limiter la quantité de texte à lire, reformuler vos titres jusqu’à ce qu’ils soient clairs et précis, et éviter d’utiliser une banque d’images comme contenu (bien que cela puisse servir à créer une ambiance).

Assurez la netteté et la lisibilité

Utilisez toujours des images avec une résolution suffisante, même si votre écran n’est pas un Retina, les visiteurs de votre site auront probablement un écran à haute densité de pixels sur leur smartphone. Si vous ne le faites pas, ils verront une image en basse résolution. L’indicateur de résolution de Sparkle à côté des images est disponible dans cette optique.

Sur une note connexe, assurez-vous que la couleur du texte est suffisamment contrastée par rapport à l’arrière-plan. Bien qu’il existe des directives officielles pour l’accessibilité auxquelles vous n’êtes peut-être pas tenu de vous conformer, vous voulez tout de même vous assurer que votre site peut être lu.

Inspiration

Nous sommes tous des nains sur des épaules de géants, il est sain et naturel d’être inspiré par quelque chose que vous avez vu sur le Web, d’imiter le travail des personnes que vous admirez. Cependant, gardez à l’esprit que de nombreux sites Web que vous voyez sur le Web sont sévèrement limités par l’outil ou la technologie sous-jacente, vous avez beaucoup plus de liberté dans Sparkle donc nous aimerions vous encourager à casser les conventions, éviter les clichés et à laisser votre personnalité s’exprimer dans votre conception. Il va sans dire que si vous vous inspirez fortement d’un modèle, vous n’exprimez qu’une partie de votre personnalité.

À faire et à ne pas faire

• • Ne créez pas d’élément « Aller en haut de page », les gens sont familiers avec le défilement, iOS a même un raccourci intégré pour cela (appuyez sur l’horloge en haut de l’écran) ;
• • n’utilisez pas la fonction multi-appareils de Sparkle en choisissant une largeur d’appareil en fonction de votre contenu, adaptez plutôt votre contenu à tous les modèles d’appareil ;
• • n’utilisez pas trop d’animations, les utilisateurs ont tendance à ignorer les animations qui se répètent. Toutefois, les animations peuvent améliorer l’apparition de contenu (lors du chargement de la page initiale ou lors du défilement) ;
• • ne pré-découpez pas d’images dans les éditeurs d’images. Sparkle génère toujours des images optimisées et une plus grande résolution vous donne la possibilité d’ajuster la mise en page ;
• • utilisez le mode schéma/espace réservé pour vous faire une idée de la mise en page ;
• • utilisez la photographie pour améliorer le contenu ;
• • n’utilisez pas d’images génériques, choisissez la bonne métaphore ou la bonne photographie de produit.