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