Juste un site Web d’une seule page : 3 raisons pour lesquelles cela peut fonctionner pour votre idée

page unique

Une chose que j’aime à propos d’Internet, c’est la façon dont il existe en permanence dans un état d’évolution, adoptant de nouvelles idées et rejetant celles qui ont cessé de fonctionner.

Prenez Flash, par exemple. Du milieu des années 90 au milieu des années 2000, c’était l’outil dominant utilisé pour ajouter de l’interactivité et du panache aux sites Web. D’innombrables vulnérabilités de sécurité et l’adoption massive d’appareils mobiles à écran tactile plus tard, Flash est devenu insignifiant, déclinant à la fois sur le bureau et étant un non-acteur dans le domaine mobile.

Un autre concept qui est fortement remis en question par l’essor de l’appareil à écran tactile est le menu traditionnel et la conception de sites Web à plusieurs pages. Étant donné qu’une quantité importante de navigation sur le Web se fait sur des écrans de tailles toujours plus petites, cela ne fonctionne pas vraiment aussi bien qu’avant.

Entrez dans la mise en page sur une seule page

La mise en page sur une seule page est celle qui évite d’avoir plusieurs pages, chacune encapsulant un morceau de texte ou certains médias. Au lieu de cela, nous utilisons une seule page continue qui contient absolument tout.

Ce paradigme de conception a trouvé d’innombrables fans au sein de la communauté des développeurs Web et s’est retrouvé utilisé dans une variété de paramètres, y compris les pages marketing et les portefeuilles personnels. Cette adulation a eu pour effet de générer d’innombrables bibliothèques Javascript, qui facilitent la création de sites Web d’une seule page (dont mon préféré est fullPage.js). Mais pourquoi? Qu’est-ce qui fait que ce paradigme fonctionne ? Voici trois raisons.

Vous pouvez créer un récit

Ne soyez pas confus. Les histoires sont tout. Prenez, par exemple, le site officiel d’Apple pour l’iPhone 5s. Cela utilise le paradigme d’une seule page au maximum et montre comment vous pouvez créer une histoire captivante en utilisant ce paradigme de conception.

singlepage-iphone5s

Lorsque nous naviguons pour la première fois sur le site officiel de l’iPhone 5s, on nous dit pour la première fois que l’iPhone 5s est « tourné vers l’avenir ? En faisant défiler vers le bas, on nous dit que le dernier appareil Instagram d’Apple a été méticuleusement étudié et conçu avec précision. Au fur et à mesure que nous défilons vers le bas, de plus amples informations sur la conception et le développement du téléphone sont dévoilées, peignant une image d’un savoir-faire et d’une qualité vigilants. Finalement, la page atteint son apogée, et nous voyons son appel à l’action, où on nous dit comment nous pouvons acheter cet appareil miracle. Serions-nous capables de créer le même récit fluide et linéaire si nous utilisions des pages Web séparées et individuelles ? Peut-être pas.

singlepage-timandruss

Peut-être que mon exemple préféré de la façon dont la mise en page d’une seule page peut être utilisée pour raconter des histoires est vu sur jessandruss.us. Ce site a été créé pour inviter leurs amis et leur famille à leur mariage, et utilise le défilement parallaxe et toutes sortes de supercheries javascript pour raconter leur histoire sur la façon dont ils se sont rencontrés et sont tombés amoureux. C’est ridiculement charmant, et vous devriez absolument y jeter un œil.

Cela rendra votre copie meilleure (et vos lecteurs l’aimeront)

J’ai récemment fait du conseil en conception de sites Web. Le client avec qui je travaillais voulait créer un site Web pour sa petite entreprise. Il m’avait envoyé par e-mail un fichier ZIP de 365 Mo contenant un énorme cache de photos et de copies. Je ne parle pas seulement d’informations directement pertinentes pour l’entreprise, mais d’une biographie de chaque membre du personnel. Nouvelles de la société. Juste Fluff.

écriture d'une seule page

Ma réaction immédiate a été : « Ses clients s’en fichent-ils ? J’étais également préoccupé par la façon dont cela affecterait la mise en page et le flux de sa page Web, qui utilisait une conception d’une page. Après un peu de négociation, il a acquiescé et m’a laissé apporter un couteau bien aiguisé à sa copie où j’ai pris un grand plaisir à exorciser toute graisse superflue.

Le résultat final était que son site Web ne proposait que des informations que le client trouverait utiles, et rien d’autre. Le choix d’une conception d’une seule page nous a obligés à écrire une copie incroyablement concise et, par conséquent, incroyablement lisible.

Cela fonctionne bien sur les appareils mobiles

L’heure de la confession : j’ai de gros doigts.

Sérieusement, je le fais. Parfois, ils ressemblent plus à des saucisses de Vienne qu’à de véritables appendices humains. Par conséquent, naviguer sur Internet à partir du modeste écran d’un appareil mobile m’envoie souvent dans des crises de rage tumultueuses, car je clique fréquemment sur des liens que je n’avais pas l’intention de consulter par accident.

appareil d'une seule page

Cette rage est aggravée lorsque je rencontre la plupart des barres de navigation de sites Web qui ne fonctionnent tout simplement pas sur les appareils mobiles. Certains ne sont tout simplement pas optimisés pour les petits écrans. Peut-être que le pire contrevenant à la navigation est l’endroit où les menus existent enfouis dans les menus et ne peuvent être atteints qu’en survolant avec votre souris sur une zone de la page. Comme vous pouvez l’imaginer, cela ne fonctionne pas sur les appareils à écran tactile.

En termes simples, les anciens paradigmes de navigation sur les sites Web ne fonctionnent plus aussi bien qu’avant. La beauté de la conception Web d’une seule page est qu’elle réduit la navigation à l’une des deux directions – vers le haut ou vers le bas. Sur la plupart des appareils mobiles, cela peut être exprimé par une simple pression du doigt dans les deux sens, ce qui donne une navigation incroyablement intuitive.

Conclusion

J’aime beaucoup les sites Web d’une seule page. En tant que conteur naturel, j’aime la façon dont ils facilitent la construction de récits engageants qui attirent immédiatement l’attention du lecteur. Si vous êtes à la recherche d’inspiration, consultez One Page Love, qui est un recueil complet de sites Web utilisant ce paradigme captivant.

Votre prochain site Web sera-t-il un site Web d’une seule page ?

Crédit photo : Code (Nigel Pepper)

Leave a Comment

Your email address will not be published. Required fields are marked *