|
Avant de commencer la conception sur un site web pas en arrière d'une minute - soit les deux. Pensez à ce qu'est un site web est vraiment censé faire pour le client ainsi que le visiteur. Dans sa forme la plus simple, un site Internet est là pour faciliter une transaction de l'information entre elle et le visiteur. Dans cet esprit, voici quelques conseils pour la conception de sites Web utiles: 1. Font Free for All: Maintenir le nombre de familles de polices que vous utilisez sur une page à un minimum. Utilisation de plusieurs polices différentes sur une page communique un sentiment de désorganisation. Utilisez uniquement des polices différentes pour aider à organiser la page d'une manière claire, mais vous pouvez généralement obtenir cela en changeant la taille des polices et le poids de la police. 2. Put it on my tab: Vérifiez vos formulaires à vous que l'onglet produit clé pour la prochaine attendue (et logique) de terrain sur un formulaire. Par exemple, si votre formulaire de collecte des informations d'adresse et vous êtes sur le champ Ville de l'onglet suivant devrait aller à l'Etat, pas le 2e ligne d'adresse. 3. Dump la page de destination: Dans les temps qui courent ce clic supplémentaire que l'utilisateur a à faire sur cette page frais d'éclaboussure que vous avez passé 2 heures dans Photoshop ne va pas les impressionner - et peut-être la première visite, il sera probablement considéré comme une nuisance et les irriter par la visite de 2e ou 3e. Le visiteur qui souhaite obtenir l'information dont ils ont besoin ASAP - se concentrent sur l'utilisation que les graphismes avisés pour aider à soutenir le contenu du site (navigation par exemple, mise en page organisée). 4. Ne soyez pas trop flashy: Il ya des sites là-bas (ils savent qui ils sont) qui utilisent Flash d'une manière très créative, mais utile (http://www.2advanced.com). Il y en a d'autres qui l'utilisent avec la créativité à l'esprit mais que le concept de la chute de convivialité au bord du chemin. Par exemple, en mettant un segment de flash sur une splash page peut aggraver la gêne dans la pointe 3. Non seulement le visiteur ont juste à cliquer pour accéder à la viande du site, mais maintenant il faut attendre mai pour un film flash pour chargement sur le dessus d'elle. En outre, être prudent lors de la création de systèmes de navigation en Flash. J'ai été à de nombreux sites où vous avez presque à courir après le lien parce qu'il est en rotation autour d'une sphère ou dans certains apparaît uniquement lorsque vous survolez une autre section juste bien. Je ne suis certainement pas contre l'utilisation de Flash du tout - utilisez simplement à titre gratuit de celui-ci. Je le compare à l'exposition gratuite de la peau féminine dans un mauvais sci-fi movie qui n'a absolument aucune incidence sur l'intrigue - bien que je trouve ceci beaucoup plus facile à accepter. 5. Pas de balles rebondissantes: Conserver l'animation à un minimum si elle appuie vraiment le site. Rebond des balles, le déplacement des visages de smiley, la filature du texte dans la plupart des cas ne va pas aider à supporter le site et se distraire en général et parfois ennuyeux. 6. Contexte et Lisibilité: Soyez prudent lors de l'utilisation de milieux de choisir ou d'en créer un qui gardera un bon contraste avec le texte qui se trouve au sommet de celui-ci. Texture beaucoup trop dans un arrière-plan peut également causer des ravages sur la lisibilité d'un site. 7. CSS = Oui: Assurez-vous d'utiliser les CSS (Cascading Style Sheets) pour séparer le contenu de la présentation. Utilisation de styles en ligne rend les choses plus difficiles quand vous souhaitez modifier les attributs de présentation d'un site. Il existe des tonnes de matériel gratuit sur CSS sur tout le web. 8. Documentez-vous sur les couleurs et les émotions / humeurs, ils ont tendance à évoquer: Notez que les couleurs ne véhiculent des significations différentes dans différentes cultures. Aussi, utiliser un bon générateur de système de couleurs pour vous aider à créer un jeu de couleurs d'ensemble du site. Voici un lien vers une ligne gratuite d'un - http://wellstyled.com/tools/colorscheme2/index-en.html. 9. Mais il a travaillé sur ma machine!: Veillez à tester dans le plus grand nombre de navigateurs possibles. Des choses qui semblent grandes dans Internet Explorer mai bientôt être transformé en une collection d'éléments HTML dans un désarroi complet dans un autre navigateur, ou même une autre version de IE - en particulier lorsqu'on utilise une approche de mise en page sans tableau. 10. Vous avez coulé mon JavaScript!: Maintenez la touche "Afficher une notification de chaque erreur de script" cochée dans IE si vous l'utilisez comme navigateur principal durant le développement, notamment pour l'utilisation de JavaScript - que je m'efforce de garder à un minimum quand même. IE a l'habitude d'oublier les erreurs JavaScript leader sinon vous à croire que tout va bien - jusqu'à ce que vous commencez à recevoir des coups de téléphone! Rappelez-vous cependant de tester dans de nombreux navigateurs qui apporte, moi à la pointe suivante. 11. Get Firefox 2.0 et télécharger le utlilites libre Firebug et Webdeveloper: En plus d'être un autre navigateur afin de tester avec les add-ons Firebug et Webdeveloper sont extrêmement utiles. |