Ne pas enfreindre les règles, les réinventer
Les gens créent des sites Web pour plusieurs raisons: pour atteindre un public plus large; vendre, promouvoir ou exprimer; pour apaiser la pression des pairs. La nouveauté a cessé d'être une raison vers 2001. À sa place, nous avons bien sûr: Bien sûr, j'ai un site Web; bien sûr, vous devez avoir un mur Facebook, un compte Twitter, un profil LinkedIn ou un tableau Pinterest; Bien sûr, nous avons tous un courrier électronique.
Et, bien sûr, la conception Web utilise HTML et CSS - deux langages avec lesquels les concepteurs de navigateurs et les concepteurs trouvent un terrain d’entente. Mais de nombreux concepteurs de sites Web créent une variété étonnante avec les mêmes règles de langage en demandant quoi au lieu de tomber dans le cours.
D'autres s'en tiennent à ce qui fonctionne.
Ceux qui suivent la sagesse conventionnelle utilisent non seulement le langage mais les mêmes phrases - en termes de Web, pas seulement HTML / CSS, mais aussi Arial et Georgia, des dispositions de 960 pixels ou des liens bleus soulignés. L'utilisation de telles conventions n'est pas une erreur. Mais les concepteurs qui ne choisissent pas d'utiliser des modèles établis - qui suivent les idées reçues sans se demander pourquoi - manquent des opportunités.
La structure standard
La structure standard à un seul niveau présente des avantages pratiques. C'est simple et simple, c'est bon pour les délais. Plus important encore, c'est familier. Tant le public de la navigation Web que les concepteurs Web ont un accord tacite sur la façon dont les sites Web fonctionnent. Suivre le modèle home / services / about / contact sert les concepteurs et le public en répondant à leurs attentes.
D'autres notions sont tellement évidentes qu'elles sont faciles à négliger:
- Les gens s'attendent à ce que le fait de cliquer sur le mot "contact" présente des informations par e-mail ou par téléphone.
- Ils savent qu'ils trouveront un lien d'accueil dans le coin supérieur gauche d'une page. En conjonction avec un logo, bien sûr.
- Ils verront les déclarations de droits d’auteur en bas de page, souvent à gauche, avec un an.
- Ils savent que les sites Web défilent de haut en bas, pas côte à côte.
De plus, la prise en charge des comportements acquis atténue les frictions. Mais les concepteurs qui suivent des conventions, avec ou sans s'en rendre compte, renforcent eux-mêmes les conventions.
- Cliquez sur le logo et obtenez un formulaire de contact? "Ce n'est pas ce à quoi je m'attendais."
- Cliquez sur un lien qui dit "lisez plus" et obtenez un mur payant? "Donnez-moi simplement l'article."
- Faire défiler horizontalement au lieu de verticalement? "C'est bizarre. Est-ce brisé?"
- Graphique le plus visible au bas d'une page? "C'est à l'envers."
Il est facile de tirer la conclusion évidente: casser les conventions et risquer d’aliéner les gens.
Cependant, toutes les conventions ne sont pas absolues. La plupart des sites Web suivent les règles avec leurs propres différences stylistiques. Tous les liens sur chaque site ne sont pas soulignés en bleu. Toutes les photos n'ont pas la même taille. Toutes les mises en page n'utilisent pas le même agencement de colonnes. Les gens s'adaptent parce que les variations de convention sont elles-mêmes des conventions. Les gens s'attendent à trouver des bizarreries entre les sites.
Dans ce cas, comment les sites Web non conventionnels se démarquent-ils avec leur rang inférieur? Leurs concepteurs inventent de nouvelles conventions faciles à apprendre.
Pensée adaptative
Le vieil adage, "ne pas casser ce qui n'est pas cassé" est un bon conseil jusqu'à ce que quelqu'un change la définition de "cassé".
Depuis le début du Web, les concepteurs pouvaient compter sur écrans d'au moins 640 pixels de large . Plus récemment, 1024 pixels et plus sont monnaie courante. À partir de 2007 minusculegadgets mettre les sites Web entre les mains des gens. Soudain, concevoir pour 320 pixels était en vogue .
Mais contraint de changer et de choisir de changer sont des attitudes différentes. La créativité n'a pas peur de suivre une voie de plus grande résistance.
Le groupe Roberts Le site Web expérimente une disposition basée sur une grille. Les utilisateurs naviguent sur leur site avec une "carte de site littérale". Les liens de texte offrent une solution de rechange aux utilisateurs qui ne sont pas à l'aise avec la grille.
Comment briser les conventions
Tous les risques ne sont pas rentables. La plupart des conceptions Web non conventionnelles échouent non pas parce qu'elles brisent des modèles, mais parce qu'elles ne parviennent pas à communiquer de nouvelles promesses. L'astuce consiste à identifier pourquoi les conventions sont apparues.
1. Mettez un lien vers la maison avec un logo dans le coin supérieur gauche
Problème: les visiteurs d'un site complexe peuvent être perdus. Un lien de page d'accueil fiable fait office de bouton de réinitialisation du site.
Pensée conventionnelle: chaque chargement de page commence en haut d'une page. Comme la plupart des mises en page Web défilent vers le bas, le haut de chaque page est l'endroit le plus logique pour un bouton fiable.
Pensée non conventionnelle:
- Utilisez position: corrigé pour garder un bouton d'accueil au même endroit sur les navigateurs des visiteurs, pas seulement la page
- Encouragez les gens à faire défiler le contenu avec un lien principal visible au bas des pages.
- Supprimer la page d'accueil en faveur de une barre de navigation riche
2. Une liste d'articles fera que leurs titres, images ou "read more" seront cliquables
Problème: les gens ont besoin d'indices évidents pour accéder aux informations promises par les titres et les descriptions.
Pensée conventionnelle: les titres et les vignettes représentent le mieux le contenu qu'ils décrivent. Le chemin le plus court vers "Je veux en savoir plus à ce sujet" est de le rendre cliquable. Par conséquent, rendre les titres et les vignettes cliquables.
Pensée non conventionnelle:
- Cliquez sur l'intégralité du teaser - image, titre et description. Les liens avec plus de surface sont bons pour la conception mobile et faciles à créer avec CSS
- Retournez-le: menez avec une ou deux phrases convaincantes, puis placez le titre cliquable en dessous dans un texte plus petit
- Plutôt que de «lire celui-ci maintenant», laissez les utilisateurs ajouter des articles à une file d’attente pour les lire à leur guise dans l’ordre de leur choix.
3. Concevez un modèle avant d'écrire le contenu
Problème: l'esthétique, pas le code ou la sémantique, crée la première impression d'un site.
Pensée conventionnelle: Concevez d'abord le site. Laissez un espace pour le contenu.
Pensée non conventionnelle:
- Utilisez la typographie et la couleur pour imprégner le contenu de son humeur, de sa voix et de son caractère. Créez ensuite des éléments qui renforcent ce caractère, si nécessaire, comme des textures d’arrière-plan et des barres latérales.
- Faire la partie de fond du contenu. Changez les couleurs par page pour refléter l'humeur, le sujet ou la fonction.
- Masquer ou diminuer les informations de la barre latérale jusqu'à ce que l'utilisateur choisisse d'y faire attention.
Histoires à Longboard World non seulement défie la règle "teasers must be text", mais apprend une leçon de Loi de Fitt en rendant la carte de visite entière cliquable.
Lignes directrices pour les règles
Briser le comportement acquis du public, c'est renoncer à une promesse. Les conventions sont synonymes de confiance. La meilleure façon de briser les règles établies n’est donc pas de les briser mais de les remplacer.
1. Remplacer, ne pas casser, règles
Pour changer de convention, nous devons respecter les anciennes règles.
- Les premiers navigateurs devaient rendre les liens évidents, ils ont donc souligné le texte cliquable.
- Les lignes de texte de plus de 400 pixels sont difficiles à suivre pour les gens, ligne après ligne. Non seulement les colonnes raccourcissent les lignes, mais elles permettent une organisation plus horizontale.
- Les sites Web riches en contenu créent des problèmes d'organisation. Les outils de recherche permettent aux gens de rechercher une phrase spécifique plutôt que de fouiller dans des catégories arbitraires.
2. Respectez vos propres règles
Une fois que les personnes associent, par exemple, des cases orange avec des liens, la conception ne doit pas différer de cette promesse. Chaque fois que cliquer sur une case orange amène les gens à une nouvelle page, cette règle est renforcée. Toute boîte orange qui ne le ferait pas va dégrader la règle.
3. Donnez le temps
Le public et les propriétaires de sites réticents gagnent en confiance grâce à leur exposition. La conception peut aider cela en abaissant la courbe d'apprentissage - rendant les règles claires.
4. Utiliser les objectifs
Les conventions fonctionnent. Ils sont faciles pour les concepteurs et le public. Les briser pour le changement ne fait aucune faveur à personne. Plutôt, repensez aux problèmes.
- Le consensus populaire s'oppose à cette législature. Si les gens visitent le site Web, nous avons moins d’une seconde pour les gagner. Comment pouvons-nous changer d'idée aussi vite?
- Nous voulons montrer plus de 200 photos. Comment pouvons-nous faciliter cette navigation?
- Nos produits sont sécuritaires, mais nous avons la réputation de ne pas nous soucier de l'environnement. Les communiqués de presse ne veulent rien dire. Comment pouvons-nous montrer une véritable préoccupation dans le sous-texte?
- Nous avons une surabondance d'inventaire. Personne n'achète. Comment pouvons-nous en profiter?
Evolution du Web ose briser le "pli droit" des navigateurs en s'étendant latéralement. L'animation au début montre aux utilisateurs ce qu'ils obtiendront pour le défilement latéral.
À mesure que la conception Web évolue, il est plus risqué d’obéir aux conventions que d’expérimenter. Lorsque le public remarque des conceptions non conventionnelles qui fonctionnent bien, qu'elles soient mobiles ou non, elles prendront également conscience des sites Web qui se limitent aux conventions d'hier. Les concepteurs qui reconnaissent cela peuvent faire de grands progrès dans la construction de meilleurs sites Web.
Est-ce que vous enfreignez les règles ou jouez la sécurité? Quelles règles de conception web souhaiteriez-vous réécrire? Faites le nous savoir dans les commentaires.
Image / vignette en vedette, image non conventionnelle via shutterstock