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

Une des choses que j’aime dans Internet, c’est la façon dont il existe en permanence dans un état d’évolution en adoptant de nouvelles idées et en abandonnant 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 l'interactivité et le panache aux sites Web. Nombreuses vulnérabilités de sécurité Plugins de navigateur - L'un des plus gros problèmes de sécurité sur le Web aujourd'hui [Opinion] Plugins de navigateur - Un des plus gros problèmes de sécurité sur le Web aujourd'hui [Opinion] Les navigateurs Web sont devenus beaucoup plus sûrs et protégés contre les attaques au fil des ans. Le gros problème de sécurité de navigateur de nos jours est les plugins de navigateur. Je ne parle pas des extensions que vous installez dans votre navigateur… Read More et l'adoption en masse d'appareils mobiles à écran tactile par la suite, Flash s'est évanoui et n'a plus de pertinence, déclinant à la fois sur le bureau et sur la non-activité dans le domaine de la mobilité. Adobe Arrête le développement du plugin Flash pour mobile [News] Adobe Arrête le développement du plugin Flash pour Mobile [News] Dans un mouvement surprenant (ou moins surprenant), Adobe interrompt le développement du plugin Flash pour les navigateurs mobiles. Selon l'annonce officielle d'Adobe, ils vont désormais concentrer leurs efforts sur HTML5, car il… Read More .

Un autre concept qui est fortement mis au défi par la montée en puissance de l'appareil à écran tactile est le menu traditionnel et la conception de sites Web à pages multiples. Étant donné qu’une quantité importante de navigation sur le Web est effectuée sur des écrans de tailles de plus en plus réduites, cela ne fonctionne pas aussi bien qu’avant..

Entrez la mise en page unique

La mise en page simple en est une qui évite de posséder plusieurs pages, chacune encapsulant un morceau de texte ou un support. 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 divers contextes, notamment les pages marketing et les portfolios personnels. Vous plus tard Un site Web personnel est probablement l'un des aspects les plus importants de votre présence en ligne. Bien sûr, d'autres domaines tels que les réseaux sociaux et les blogs sont importants, mais votre site Web est comme une base d'accueil… Lire la suite. Cette adulation a eu pour effet de générer d'innombrables bibliothèques Javascript, qui facilitent la création de sites Web à page unique (dont mon préféré est fullPage.js). Mais pourquoi? Qu'est-ce qui fait fonctionner ce paradigme? Voici trois raisons pour lesquelles.

Vous pouvez créer un récit

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

Lorsque nous naviguons pour la première fois sur le site officiel de l'iPhone 5s, on nous dit tout d'abord que l'iPhone 5s est un logiciel avant-gardiste. Au fur et à mesure que nous défilons, nous apprenons que le dernier appareil Instagram d'Apple a été méticuleusement étudié et conçu avec précision. Alors que nous faisons défiler davantage, de plus amples informations sur la conception et le développement du téléphone sont dévoilées, brossant ainsi un tableau du savoir-faire et de la qualité vigilants. Finalement, la page atteint son apogée, et nous voyons son appel à l'action, où on nous dit comment nous pouvons acheter ce dispositif miracle. Serions-nous capables de créer le même récit fluide et linéaire si nous utilisions des pages Web distinctes et individuelles? Peut-être pas.

Jessandruss.us est peut-être mon exemple préféré d'utilisation de la mise en page unique pour raconter des histoires. Ce site a été créé pour inviter leurs amis et leur famille à leur mariage, et utilise le défilement de la parallaxe et toutes sortes de ruses javascript pour raconter leur histoire de la façon dont elles se sont rencontrées et qui sont tombées amoureuses. C'est ridiculement charmant, et vous devriez absolument jeter un oeil.

Cela améliorera votre copie (et vos lecteurs l'aimeront)

J'ai récemment fait des consultations en conception de sites Web. Le client avec lequel je travaillais souhaitait la création d'un site Web pour leur petite entreprise. Il m'avait envoyé un fichier ZIP de 365 Mo qui contenait un énorme cache de photos et de copies. Je ne parle pas seulement d'informations immédiatement pertinentes pour l'entreprise, mais d'une biographie de chaque membre du personnel. Nouvelles de la société. Juste… Fluff.

Ma réaction immédiate fut 'ses clients ne s'en soucient pas'! J'étais également préoccupé par la manière dont cela affecterait la mise en page et le flux de sa page Web, qui utilisait un design d'une page. Après un peu de négociation, il a acquiescé et m'a laissé prendre un couteau bien aiguisé pour me rendre sa copie, où j'ai pris un grand plaisir à exorciser toute graisse superficielle..

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

Cela fonctionne bien sur les appareils mobiles

Temps de confession: j'ai de gros doigts.

Sérieusement, je le fais. Parfois, ils ressemblent davantage à des saucisses viennoises qu’à de véritables appendices humains. En conséquence, naviguer sur Internet depuis le petit écran d’un appareil mobile m’envoie souvent à des crises de rage tumultueuse, alors que je clique souvent sur des liens auxquels je n’avais pas eu l’intention de mordre par accident..

Cette rage s’aggrave 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 écrans plus petits. Le pire des délits de navigation réside peut-être dans les menus enfouis dans les menus. Vous ne pouvez y accéder qu'en survolant une zone de la page avec la souris. Comme vous pouvez l'imaginer, cela ne fonctionne pas sur les appareils à écran tactile.

Autrement dit, les anciens paradigmes de la navigation sur les sites Web ne fonctionnent plus aussi bien qu'avant. La beauté de la conception Web à une page réside dans le fait qu’elle réduit la navigation dans l’une des deux directions - haut ou bas. Sur la plupart des appareils mobiles, cela peut être exprimé par une simple pression du doigt dans les deux sens, ce qui rend la navigation incroyablement intuitive..

Conclusion

J'aime beaucoup les sites Web d'une seule page. En tant que conteur naturel, j'aime leur facilité à construire des récits attrayants qui attirent immédiatement l'attention du lecteur. Si vous cherchez de l'inspiration, jetez un coup d'œil à One Page Love, un recueil complet de sites Web utilisant ce paradigme captivant..

Votre prochain site Web sera-t-il une page Web unique??

Crédit photo: Code (Nigel Pepper)

En savoir plus sur: Web Design.