Comment concevoir une page utilisateur de bon goût?
La conception de la page de profil de l'utilisateur est un moyen d'exprimer l'individualité sur n'importe quel wiki, y compris un guide; Cependant, des choix de couleurs inappropriés et l'inclusion d'un trop grand nombre d'éléments qui ne fonctionnent pas bien ensemble peuvent être choquants pour un observateur et donner à la page de profil de l'utilisateur un aspect non professionnel.
Soyez conscient des politiques du guide concernant les pages de discussion des utilisateurs. Les pages de discussion sont soumises à une politique différente de celle des pages de profil d'utilisateur. Les pages de discussion sont une partie centrale de l'espace utilisateur sur le guide et sont un élément crucial de notre site. De nombreux utilisateurs souhaitent décorer leurs pages de discussion d'une manière similaire à la décoration de profil d'utilisateur ou à la "conception de page". Il y a eu des cas d'utilisateurs utilisant des couleurs particulièrement contrastées, ce qui peut être difficile ou fatiguant pour les yeux de nombreux guides. Pour cette raison, les couleurs d'arrière-plan et de texte de toutes les pages de discussion ne peuvent pas être modifiées par rapport au texte noir par défaut sur fond blanc.
La conception de votre espace de profil utilisateur doit être un exercice de créativité et d'expression personnelle, mais doit également tenter de transmettre la maturité et le professionnalisme. Cet article vous guidera tout au long du processus pour garantir une page utilisateur de bon goût et mature.
- 1Choisissez des couleurs naturelles et douces pour votre design. Les couleurs vives telles que les verts et les jaunes vifs peuvent fatiguer les yeux du spectateur et donner à tout design une apparence enfantine.
Remarquez la différence entre ces deux objets verts et l'effet qu'il a sur vous:66FF00 - un vert contre nature00CC66 - un vert plus neutre - 2Assurez un bon contraste entre les couleurs d'arrière-plan et de premier plan. Il peut être difficile pour les téléspectateurs de lire le texte si la couleur de l'arrière-plan sur l'échelle de couleurs est proche de celle du texte. Cela est particulièrement vrai pour les visiteurs plus âgés et les visiteurs ayant une déficience visuelle.FF00FF avec FFFF33 - Un texte comme celui-ci est très difficile à lire66CCFF avec 000000 - Le texte noir sur un fond en sourdine est beaucoup plus agréable pour les yeux.
- 3Choisissez trois à cinq couleurs qui fonctionnent bien ensemble et utilisez-les de manière cohérente tout au long de votre page utilisateur. Moins vous utilisez de couleurs dans votre conception, plus votre conception apparaîtra cohérente, mature et professionnelle. La plupart des conceptions de sites Web sont réalisées en utilisant pas plus de cinq couleurs.
- 4Évitez l'utilisation excessive d'éléments de mise en forme de texte. L'utilisation excessive d'éléments de mise en forme de texte gras, souligné, barré et similaire rend difficile pour le spectateur de localiser les éléments importants. Le formatage du texte est utilisé pour attirer l'attention sur quelque chose et lorsque tout est formaté, il est difficile de se concentrer et de lire la page comme prévu.
- 5Évitez les polices sophistiquées pour les gros blocs de texte. Bien qu'une police sophistiquée puisse être un bon moyen de styliser un en-tête ou un petit bloc de texte important, il peut être difficile de lire de gros morceaux de texte dans des polices non standard. De plus, ne comptez pas sur les polices présentes sur votre système pour qu'elles soient présentes sur celles de quelqu'un d'autre; ils ne le sont très souvent pas. Les polices sans empattement comme Arial et Helvetica et les polices à empattement comme Times New Roman et Garamond sont préférées pour les gros blocs d'écriture.
- 6Évitez les éléments flottants et les éléments qui se déplacent lorsque la page défile. Les éléments qui flottent au-dessus de la page sont difficiles à intégrer dans votre espace utilisateur car votre CSS doit coexister avec le CSS existant et immuable du site. Le résultat est souvent que le CSS du site écrasera votre CSS lorsque votre élément flottant entre en contact avec un élément du site provoquant un comportement inhabituel qui semble mauvais.
- 7N'utilisez pas trop d'images où le texte suffira. Les images sont un élément essentiel de tout projet de conception Web, mais elles doivent être utilisées avec parcimonie afin de donner le plus d'effet aux images utilisées. Plus il y a d'images entassées dans une page, moins le spectateur portera d'attention à chacune, il vaut donc mieux utiliser quelques belles images que beaucoup d'images médiocres.
- 8Limitez le contenu de votre page à deux pleines longueurs de votre écran. Plus un spectateur doit faire défiler, moins il est susceptible de se rendre au bas de votre page, ce qui rendra tout travail effectué sur la partie inférieure de votre page gaspillé. Concentrez-vous sur la qualité plutôt que sur la quantité sur votre page utilisateur.
- 9Évitez l'utilisation excessive de signes de ponctuation tels que les points d'exclamation et les textismes tels que TTY, LOL et OMG. Les abréviations et des dizaines de signes de ponctuation donnent au texte un aspect amateur et feront probablement que les téléspectateurs vous considéreront comme immature. Écrivez votre page d'utilisateur comme si votre professeur d'anglais allait la réviser lorsque vous aurez terminé.
- 10Utilisez de petites bordures pleines à la place de grandes bordures ou de bordures en pointillés. Les grandes bordures donnent l'apparence d'un designer amateur et occupent un espace précieux par rapport au contenu réel.Quelque chose de simple et de bon goût est un bon moyen d'ajouter de l'élégance à votre page.Le même schéma de couleurs peut soudainement perdre de son élégance simplement en changeant la bordure.
- Limitez votre créativité à votre page de profil utilisateur et laissez votre page de discussion simple pour respecter les politiques du guide.
- Le World Wide Web Consortium a un guide sur la conception avec l'accessibilité pour les malvoyants à l'esprit à http://w3.org/standards/webdesign/accessibility.
- Des outils comme Kuler d'Adobe peuvent vous aider à choisir une palette de couleurs agréable pour les yeux.
- Essayez de ne pas utiliser de couleurs vives comme arrière-plan, comme le rouge, le noir, le jaune ou le vert.
- Évitez d'utiliser des polices comme Comic Sans MS et Chalkboard; ils ont l'air enfantins et ne donnent en aucun cas un aspect professionnel à votre page utilisateur.
