Si je m’en tiens à la définition de Wikipedia : “Un site Web est un ensemble de pages Web hyperliées entre elles“. OK, mais qui a dit qu’un site web devait nécessairement être composé de plusieurs pages ? C’est sur cette réflexion que le blog Six Revision nous propose un article très intéressant : The Science Behind a Single Page Website.
Les arguments en faveur d’un site web à page unique sont les suivants :
- Tout le contenu est chargé en une seule fois ;
- Scroller est moins compliqué et risqué que de cliquer ;
- La maintenance est plus simple ;
- La densité d’information favorise un meilleur référencement.
Les arguments en défaveur des sites web à page unique sont les suivants :
- Le site est plus long à charger ;
- Le site est généralement truffé de javascript pour proposer une navigation locale (au sein de la page) ;
- Les utilisateurs peuvent être désorientés.
Une fois ces arguments énoncés, la visite d’un certain nombre de sites à page unique a finalement réussi à me convaincre de l’efficacité de cette technique : 30 Outstanding Single Page Website Designs, 88 Single Page Website Designs For Design Inspiration, 50 Examples of Modern Single Page Website Designs et aussi One Page Love.
Au final, si vous n’avez pas grand chose à raconter ou si vous savez limiter le contenu au strict minimum, cette solution s’avère particulièrement efficace. Prenons par exemple les sites dédiés à des applications mobiles qui peuvent se contenter d’une description, de quelques captures d’écran et d’un détail des fonctionnalités en bas de page comme Camera+ ou Goin’ Nutty :
De même, il existe un certain nombre d’applications en ligne à périmètre restreint qui ne nécessitent pas un site à plusieurs pages comme Silverback (ou dans une certaine mesure Basecamp), le contenu est réduit au strict minimum et est déroulé sur la hauteur de page :
Même chose pour Coda qui propose par contre un système d’onglets intérieurs pour réduire la hauteur de la page :
Beaucoup plus intéressant, certains sites marchands se content également d’une seule page comme ici pour ce modèle unique de noeud papillon chez Blixt & Dunder :
Cet exemple n’est pas le seul, car il est également possible d’en faire de même pour des produits dématérialisés comme chez Red+White.
Dernier exemple avec Grooveshark, un service d’écoute de musique en ligne :
Au final en cherchant un peu, vous pouvez vous rendre compte qu’un site avec une page unique bien conçue peut faire beaucoup mieux qu’un site avec plusieurs pages et du contenu éparpillé. Bien évidemment ceci ne concerne qu’une minorité de sites, mais cette solution me semble tout à fait viable à partir du moment où l’information apportée est pertinente et que les fondamentaux ergonomiques sont respectés (lisibilité, hiérarchisation de l’information…).
Je suis fan, pas vous ?
