Quoi de neuf avec la mode de conception de site Web d'une page?


10

J'ai vu un afflux de sites Web qui mettent tout leur contenu sur une seule page, ala ce site . Même les sites sur certaines des listes que je vois dans Smashing Magazine le font ( comme celui-ci, avec ce qui semble être une centaine de sites, dont la majorité l'utilise).

En tant que programmeur, ce style me dérange (pour un certain nombre de raisons, principalement techniques, notamment la maintenance, le référencement, les temps de chargement, etc.), mais plus important encore, je suis curieux de savoir pourquoi il est devenu populaire parmi designers pour commencer?


2
Hou la la! Je ne l'ai pas encore vu - mais je déteste vraiment ça.
Farray

L'effet de ce premier lien est appelé parralax . Quelques sites l'ont fait avec style (par exemple, le plus célèbre Nike Better World ), conduisant inévitablement à un tas de gens qui se disent "JE VEUX UN DE CES" sans se demander si c'est approprié dans leur cas. Lorsqu'il existe un argument légitime pour un ordre de lecture fixe de haut en bas pour un grand nombre de contenus dans une gamme de thèmes, et lorsqu'il existe de bonnes aides à la navigation par lien de saut, cela peut fonctionner.
user56reinstatemonica8

Réponses:


9

Il y a deux tendances distinctes impliquées.

Le premier est la tendance à avoir un site simple. S'il s'agit d'un site de brochures, il n'a probablement pas besoin de quatre pages distinctes. Une page de défilement est plus facile à utiliser, à parcourir et à entretenir. De nombreux sites d'applications iPhone utilisent ce modèle. Comme beaucoup de petites entreprises. De nombreux sites peuvent en bénéficier.

L'autre tendance est que les développeurs Flash découvrent enfin HTML, jQuery et AJAX et pensent toujours à l'intérieur de l'ancien modèle Flash «un fichier = un site». Ceci est différent de la première tendance en ce sens qu'il s'agit d'un grand site avec beaucoup de contenu compressé en une seule page de données / interaction. Comme vous le dites, cette méthode présente toutes sortes d'inconvénients, bien qu'elles soient surmontables avec le bon code (en s'assurant que les URL changent / sont marquables, Google peut naviguer dans le contenu, les temps de chargement sont gérés via AJAX, etc.).


3

Je pense que l'une des meilleures idées derrière un site d'une page est qu'il y a plus d'aspect narratif . Le meilleur exemple auquel je peux penser est cette page : Un site de fiançailles / invitation de mariage. C'est un site incroyable, et cela fonctionne pour de nombreuses raisons, l'une étant que tout se déroule si bien ensemble. Cela n'aurait pas le même impact réparti sur un ensemble de pages.

Cette démo conçue à l'origine pour montrer IE9 est entièrement consacrée à la narration . Presque comme un livre d'images, mais avec défilement au lieu de tourner les pages. Et à cause de cela, c'est vraiment transparent et cool. Pas vraiment pratique pour créer un site d'entreprise, mais cela met en évidence une raison pour laquelle l'ambiance d'une page est utile.

Il fonctionne également avec des pages plus petites avec peu de contenu . Quand je me suis marié, j'avais toutes nos informations sur un site d'une page car il n'y avait tout simplement pas assez de contenu pour justifier le passage d'une page à l'autre. Il était plus facile de créer et de maintenir un site d'une page, et le temps de chargement n'était pas vraiment un problème.

En ce qui concerne les affaires, je pense que c'est un cas plus difficile. Je pensais qu'un exemple mémorable était lorsque Google a lancé son téléphone Nexus - ils l'ont fait sur un site d'une page. Depuis qu'ils ont lancé leur tablette et annoncé leur Q, ce n'est plus comme ça, donc je ne peux pas créer de lien, mais c'était vraiment bien de tout voir au même endroit. Vous réduisez les clics et créez une expérience plus immersive .

Je pense que vous verrez de nombreux exemples de personnes qui le font juste pour fléchir leur muscle de codage ou pour essayer de capitaliser sur une tendance. Mais cela arrive tout le temps dans le monde du design. Gardez-le sur la table lorsque vous considérez le but de votre site et utilisez-le le cas échéant!


2

Il y a un avantage à cela (un seul auquel je peux penser!), C'est que si vous voulez rechercher en utilisant Ctrl+ F, tout le contenu est sur une seule page afin que vous puissiez rechercher tout le site Web à la fois (en supposant que le contenu soit consultable) .

Je pense que cela découle en partie du concept de "Ne pas faire demander à l'utilisateur plus de contenu - donnez-le lui simplement". Comme Google, Twitter, etc. donnant automatiquement plus de résultats plus vous descendez.

Cela vaut la peine de regarder la conférence GoogleTech d'Aza Raskin de 2008, "Ne me faites pas cliquer" .

Tout le discours est très intéressant, mais le bit connexe commence ici à 29 minutes. Ici, il a piraté Firefox afin que vous obteniez tous les onglets de votre navigateur sur une seule page à défilement vertical continu.

Je me demande si cela a été le précurseur de ce que vous voyez maintenant.


1

Deux mots: expérience utilisateur.

Les sites de portefeuille de base ne devraient pas obliger un utilisateur à cliquer sur plusieurs pages pour voir ce qu'ils ont à offrir si le contenu est simple et direct.

Ou plus précisément, de l'appel à l'action est singulier. Lorsque le but du site est: "embauchez-moi", le site peut être contre-productif lorsque son plan du site est inutilement complexe.

EDIT: quelques exemples ci-dessous ...

http://joelglovier.com/

http://pixelightcreative.com/

http://www.tinybigstudio.com/

http://www.charleselena.com.au/

http://joshhemsley.com/

http://www.digitallabs.tv/


2
Je serais plus d'accord avec cela si tous pouvaient défiler vers le bas, mais ce n'est ni leur fonction générale ni leur intention. Plusieurs défilent latéralement, et beaucoup ne montrent aucun signe de défilement et sont, en fait, conçus pour ressembler à plusieurs pages, jetant votre théorie par la fenêtre.
Shauna

Shauna, bien que je connaisse les sites à défilement horizontal, je ne connais pas les autres auxquels vous faites référence. Je peux cependant vous indiquer une demi-douzaine de ceux dont je parle du haut de ma tête. (voir les modifications ci-dessus)
Joel Glovier

1

Du point de vue du référencement, la conception d'un site Web d'une page est une mode.

C'est quelque chose qui va probablement ruiner vos performances SEO, surtout lorsque vous travaillez dans un contexte commercial hautement compétitif. Je sais que les graphistes prennent rarement cela en considération, et d'autre part les clients n'ont pas suffisamment de connaissances sur le référencement, mais si vous demandez à n'importe quel spécialiste du référencement, ils diront la même chose.

Mon conseil? Demandez à votre spécialiste SEO de faire une recherche de mots clés et de vous donner un aperçu de la structure de votre site Web.

Vous pouvez en savoir plus sur Search Engine Land, ces gars connaissent très bien le référencement;) https://searchengineland.com/single-page-websites-seo-182506


0

Il semble que ce soit une tentative de mettre tout "au-dessus du pli" - la zone précieuse et précieuse où le spectateur moyen à courte durée d'attention reste. Diverses études d'utilisabilité l'ont montré, alors les gens essaient de mettre les choses "importantes" là-bas. Il semble que ce créateur ait ressenti "tout est si important".


Ce qui me déconcerte, c'est le nombre de sites que j'ai vus faire cela. Voici l'une des listes de Smashing Magazine auxquelles j'ai fait référence, j'y ai renoncé environ un tiers plus bas car elles étaient toutes comme ça: smashingmagazine.com/2011/04/19/…
Shauna

0

Je ne pense pas que ce soit plus que quelqu'un qui utilise le dernier truc accrocheur pour amener les gens à lire un site Web.

Prenons, par exemple, le site Nike dans l'article lié de @ Shauna. Honnêtement, combien reste-t-il d'innovation dans la conception des chaussures de course et dans la publicité de ces mêmes chaussures de course? Ce contenu aurait pu tout aussi bien être placé dans une brochure ou dans Flash s'ils voulaient la parallaxe. Au lieu de cela, ils peuvent ajouter un effet de parallaxe astucieux à la suite du nouveau schéma de navigation sans la charge de Flash.

J'irais même jusqu'à supposer qu'il y a un tutoriel HTML5 / CSS sur le site Web de Smashing Magazine qui montre comment faire cela qui a engendré les sites affichés.


Le downvote? Ouais, c'était juste. Pas une de mes meilleures réponses. Je pense que j'étais un peu percutant quand j'ai écrit ça.
Philip Regan

Shrug Je n'ai pas assez de représentants sur ce site pour voter, donc ce n'était pas moi.
Shauna

Je lui ai donné un vote positif pour l'annuler car vous semblez venir d'un bon endroit;)
thomasrutter

0

En fait, je pense que le premier élément (la barre de dérive) que vous avez lié a un facteur cool: il a l'air bien en mouvement.

Cela n'avait aucun sens pour moi jusqu'à ce que je clique sur l'un des liens du menu, et maintenant je vois que l'animation était la seule force motrice de l'idée entière. C'est un peu l'effet de la vieille école à 3 plans comme un vieux dessin animé Popeye ou Disney.

Je pense que la défilement sur cette page est soit une erreur soit une fonctionnalité dont ils ne pouvaient pas se débarrasser.


0

Un problème est qu'il pourrait être populaire auprès des clients! Ces sites remontent à l'époque des microsites flash pour un produit nouvellement sorti, la parallaxe semble faire ce travail en ce moment. Pour un microsite de produit, je pense qu'ils sont très bien, pour un site qui a du contenu, ils ne conviennent certainement pas. Je pense qu'une autre chose est que les designers aiment montrer qu'ils sont à jour et «à la mode», avoir un site Web dans une nouvelle technique de mode populaire pourrait sembler bénéfique. Tout ce qui précède couvrant Internet dans des sites similaires.


0

Je pense que vous avez à peu près répondu à votre question dans le titre - c'est-à-dire que c'est une mode.

Tout comme lorsque Javascript (puis AJAX) est apparu il y a des années et que les gens faisaient toutes sortes de choses fantaisistes avec lui, une meilleure prise en charge de Jquery et CSS 2/3 et une meilleure vitesse de rendu dans les navigateurs ont stimulé un tout nouveau cycle d'expérimentation avec de nouvelles façons de disposer de sites qui n'étaient peut-être pas aussi pratiques dans le passé en raison de certains navigateurs plus anciens.

Mais tout comme avec CSS, Javascript et AJAX, la lubie mûrira et deviendra moelleuse, et deviendra plus affinée, agréable et utile au fil du temps. Votre premier exemple est tout simplement induisant des maux de tête avec son défilement décousu fou (si vous êtes, disons, au début et que vous appuyez sur "Galerie"). À mon humble avis, c'est allé trop loin, et ce n'est pas une expérience assez fluide pour justifier la séparation avec la normale. Cela ne signifie pas que tous les sites utilisant des techniques similaires seront mauvais.

Il est important que les concepteurs expérimentent de nouvelles façons de faire avec les nouvelles technologies. Je ne dirais pas un instant que cela n'aurait jamais dû être tenté. Mais c'est ce que c'est - expérimental.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.