Par nature, le Web est un endroit chaotique où les gens sautent de page en page à volonté. Malheureusement, cette liberté peut aller à l'encontre des sites Web dont le contenu est mieux suivi dans un certain ordre.

Les techniques de conception permettent d'orienter les utilisateurs sur une trajectoire plus ou moins persuasive. Mais quand est-il préférable de diriger les utilisateurs et comment?

Qu'est-ce qui définit le contenu linéaire? Vous en lisez maintenant: les articles s'apparentent à des courants de pensée présentés dans un certain ordre. Le mot écrit n'est pas seul. Bien que les utilisateurs puissent sauter en arrière dans les vidéos et les fichiers audio, ces médias limitent leur audience à un scénario.

Les expériences linéaires n'ont pas moins d'importance dans un monde multitâches et hyper-threading. Bien utilisés, les concepteurs Web peuvent utiliser ce concept à leur avantage.

Comment ça marche?

Le vrai problème n’est pas de savoir comment utiliser une expérience linéaire, mais comment garder l’attention dans un milieu construit sur des distractions. Parce que les concepteurs Web ne peuvent pas contrôler les facteurs externes, ils doivent travailler pour garder les utilisateurs engagés. Une page Web doit constamment répondre aux questions tacites: «Qu'est-ce que cela contient pour moi?» Et «Quelque chose de mieux?

Les utilisateurs auront toujours la possibilité de partir. Ils peuvent cliquer sur les favoris ou sur le bouton de retour de leur navigateur ou utiliser le champ de recherche de leur navigateur. Ou cliquez sur ce lien vers cette vidéo de chat amusante que leur ami vient de publier. Ils pourraient simplement fermer la fenêtre du navigateur. Persuader les utilisateurs de s'en tenir à une piste nécessite une réflexion non conventionnelle.

Garder les utilisateurs concentrés est un problème. La présentation linéaire est une solution.

Utiliser un site d'une seule page

Le moyen le plus simple de créer une présentation linéaire consiste à utiliser un format linéaire. Les sites à page unique déploient l'intégralité de leur contenu sur une seule page pour faire défiler les utilisateurs horizontalement ou verticalement (mais pas les deux). L'astuce pour attirer les gens qui ne veulent pas faire défiler est de leur faire croire que le défilement en vaut la peine. C'est la même idée avec les liens: les gens choisissent de cliquer.

Content structure

Contrôle de l'expérience

  • Sur un site Web multi-pages, les utilisateurs contrôlent les pages qu'ils visitent.
  • Dans un site Web à page unique, les concepteurs exercent davantage de contrôle sur la manière dont les utilisateurs visualisent le contenu.

Optimisation du moteur de recherche

Avantages du rendement

  • Les sites multi-pages chargent le contenu à la demande (lorsque les utilisateurs cliquent sur chaque page).
  • Les sites d'une page ont un délai minimal entre les sections (une page, une charge).

Dommages de performance

  • Multi-page: les utilisateurs doivent attendre que chaque page soit chargée.
  • Une seule page: peut charger un contenu qui n'intéresse pas les utilisateurs.

Meilleur pour les sites

  • Sites multi-pages qui ajouteront du contenu au fil du temps.
  • Sites à une seule page qui doivent rivaliser pour attirer l'attention des utilisateurs ou avoir un message concis.

Meilleur pour les utilisateurs

  • Les sites multi-pages sont bons pour les personnes qui recherchent un fait spécifique ou les dernières mises à jour.
  • Les sites sur une seule page conviennent aux personnes qui ont besoin d’une vue d’ensemble ou qui découvrent le sujet.

Garder des sections distinctes

À l'instar des phrases run-on, les longues pages peuvent surcharger et confondre les utilisateurs. Un long train de pensées est difficile à absorber. Briser une longue page en sections distinctes, chacune avec son propre en-tête et son propre pied de page, permet aux utilisateurs de passer d'une pensée à une autre.

Si possible, essayez de garder chaque section à peu près la même taille. Comme toute grille, le rythme crée un précédent confortable. Bien utilisé, "au-dessus du pli" n'est pas un obstacle - c'est un outil.

Above the fold

Utiliser la navigation dans la page

Les barres de navigation traditionnelles ont deux objectifs: premièrement, permettre aux utilisateurs de cliquer sur les sujets qui les intéressent; deuxièmement, montrer aux utilisateurs où ils se trouvent dans le contexte du site. La navigation ne devient pas moins importante si un site n'utilise qu'une seule page. La navigation sur une seule page a les mêmes objectifs tout en aidant à définir les transitions entre les sections et à répondre "sommes-nous déjà arrivés?"

Supprimer les distractions

Une technique essentielle pour garder l'attention des utilisateurs est de réduire le temps entre des informations intéressantes ou significatives sur une page.

Qu'il s'agisse d'un fait spécifique, d'une bonne lecture, d'une vidéo favorite qu'ils ont vue une centaine de fois ou d'un jeu rapide qui fait perdre du temps, les visiteurs consultent les sites Web pour une raison. Les sites Web narratifs ne sont pas nécessairement plus courts, mais permettent aux utilisateurs de «sauter» d’une pièce à l’autre.

Cas adaptés à une expérience Web linéaire

Bien que les expériences linéaires ou les sites à page unique ne conviennent pas à tous les cas, ils sont utiles dans les bonnes circonstances.

L'argument de vente rapide

Les acheteurs en ligne peuvent parcourir et rechercher à leur guise, mais le processus de paiement suit un chemin défini. Pour les personnes qui ne vendent que quelques articles, un site d'une page est idéal: de l'argumentaire de vente à un clic sur "confirmer la commande", les clients ne sont pas distraits par les pages latérales. L'expérience de magasinage déroulant les guide vers la conclusion naturelle.

Chaque Kickstarter Le projet s'apparente à un site d'une seule page: les présentations, les descriptions, les exemples de travaux et les options de don font de chaque projet un argument de vente autonome.

Enquêtes

Les sites conçus pour collecter des informations sur les utilisateurs entre les étapes sont intrinsèquement linéaires. Selon les techniques utilisées, une enquête peut éliminer les étapes inutiles au fur et à mesure de la progression de l'utilisateur, en adaptant l'expérience utilisateur à la volée. Par exemple, "si vous avez répondu non, ignorez la section suivante" peut devenir automatique.

Bulletin d'information électronique

Les pages Web envoyées par e-mail abordent la perspective difficile d'éviter le bouton de suppression des utilisateurs. Bien que limité à une seule page avec le même objectif, soyez digne de la boîte de réception de quelqu'un. Les solutions pour une conception de messagerie convaincante ne se limitent pas au courrier électronique. Les sites Web qui doivent atteindre des utilisateurs avec une attention limitée ou un intérêt marginal peuvent utiliser la formule d'intro-explication-action trouvée parmi les conceptions de modèles de courrier électronique.

Décrire un processus

Le contenu qui explique un système, utilise un organigramme ou montre un changement au fil du temps peut utiliser un espace vertical très efficace car les utilisateurs n'ont pas à cliquer sur un élément pour en voir un autre.

BBC Ocean Depths

le Ocean Depths de la BBC encourage les utilisateurs à faire défiler les points les plus profonds de la Terre.

Living with nest

Vivre avec un nid emmène les gens à travers une année d'utilisation du thermostat Nest lorsqu'ils défilent.

Evolution of the web

Evolution du Web défile également pour suivre le temps, mais se déplace horizontalement plutôt que verticalement.

Experimental web comics

Bandes dessinées expérimentales de Scott McCloud transformez les fenêtres de navigation des utilisateurs en un panneau de diffusion en cours d'exécution.

The dangers of fracking

Dangers de la fracturation suit une goutte d'eau, en utilisant le défilement vertical pour déclencher des événements en cours de route.

Ignition creative

Ignition Creative utilise le défilement comme outil pour organiser des sections de leur page extravagante.

L'expérience utilisateur linéaire est-elle le bon outil pour votre travail?

Les expériences linéaires, simples ou non, ne sont pas idéales pour chaque projet. Si la notation avec les moteurs de recherche est une priorité, rappelez-vous que Google aime les liens internes . Ils disent aussi " Faire des pages principalement pour les utilisateurs, pas pour les moteurs de recherche . "Cependant, les sites avec des présentations simples obligent les concepteurs et les éditeurs à nettoyer leur contenu de tout contenu étranger. Des paramètres restrictifs peuvent conduire à des solutions innovantes.

En fin de compte, ils ont toujours le pouvoir de partir, ce qui permet de persuader les utilisateurs de suivre un chemin difficile dans tout projet Web.