Je ne sais pas vous mais moi, il m’arrive souvent de me retrouver sur un site web pour faire mes emplettes et, à multiples reprises, j’ai été obligé de prendre ma souris à pleine main pour faire défiler notre ami l’ascenseur et ainsi faire apparaître le bouton “ajouter au panier”.
Pour faire simple, la ligne de flottaison est la limite au delà de laquelle il est nécessaire de “scroller” avec votre souris ou votre ascenseur pour visualiser ce qui se trouve en dessous.
Afin de bien appréhender cette contrainte que nos écrans nous offrent, je vous suggère 2 outils pratiques pour visualiser cette ligne de flottaison sur votre site web :
- Checkthefold : complet, il suffit de taper son URL et de choisir la résolution ou la hauteur en pixel par rapport au bord haut de l’écran
- Browsersize : épuré, on rentre aussi une URL et Google se charge de nous cartographier notre site web avec les diverses résolutions existantes
A vous de jouer à présent pour concevoir des sites web visualisables au premier coup d’œil 😉
[mise à jour du 05/09/2015]
Les liens des deux premiers services sont à présent erronés (merci mes lecteurs pour l’info !) aussi je vous propose d’autres outils ayant la même utilité :
- whereisthefold.com
- www.foldtester.com
- (bonus) une extension pour le navigateur Chrome : fold-viewer
Le lien browsersize ne marche plus, google a effacé son outil d’aide aux webmasters. Voici un petit script qui fait la même chose http://www.sitepenalise.fr/browsersize/
Bonjour Patrice, je viens de faire une mise à jour de l’article pour proposer des liens fonctionnels également, merci 😉
Il semble que Google va sanctionner les sites ayant peu oui pas de contenu au dessus de la ligne de flottaison !
En effet, voici un article concernant ce sujet : http://goo.gl/QUkAN