
Voici une idée que j'ai trouvé très intéressante, alors certes, ce n'est que de l'expérimentation mais vous allez voir que le principe est sympa ! Vous savez tous que depuis maintenant un an ou deux, on ne parle plus que de "Responsive Design", peu importe sur quel Device vous regardez votre site, il doit s'adapter au mieux pour proposer une interface intuitive. De l'interface mobile et tactile au Full Screen de votre ordinateur de bureau, l'information peut être affichée de manière différente mais doit absolument être compréhensible en un instant, le tout en essayant de ne pas trop fatiguer l'oeil. La typographie dans ce domaine est l'un des points clefs, effectivement, la lisibilité entre une tablette, un Smartphone ou un laptop n'a rien à voir… La distance de lecture d'un Device à l'autre joue évidemment un rôle important. Bon, je vous passe le cours magistral sur le Responsive, vous trouverez plein d'articles un peu partout sur le Web et je vous laisse découvrir cette nouvelle vision du Responsive un peu "futuriste". Lorsque vous êtes devant votre ordinateur, votre position en début de matinée est certainement assez proche de l'écran et au fil de la journée (quand le café ne fait plus effet
) vous vous affalez lamentablement dans votre siège vous éloignant ainsi de l'écran… Et bien, imaginez maintenant, que cette distance entre vos yeux et votre écran n'affecte en rien la lisibilité d'un texte, vous êtes loin, le texte est gros, vous êtes près le texte est petit. Et bien, le Webdesigner Marko Dugonjić a su mêlé "détection de visage" à l'aide de votre webcam et adaptation en temps réel de la taille de la typo en CSS ! Pas bête
!
Testez ça par ici ! Pensez-bien à activer votre caméra, dans Chrome, il vous le dit !
Je vous invite d'ailleurs à clicker sur le menu "Breakpoints" en haut à gauche et à activer l'option "probability-map" qui permet de mieux comprendre comment votre visage est détecté. J'ai essayé de vous faire des captures significative ci-dessous :
Là , je suis tout près
LÃ je suis loin :
Commentaires
Ahhh, merci bcp pour la découverte.
J'adore cette idée car elle prend en compte le facteur de la distance entre l'utilisateur et l'écran (cf : http://informationarchitects.net/bl...) et replace le travail typographique au centre du processus de conception (je n'en attendais pas moins de Marko Dugonjic...)
Même si elle est difficilement applicable à grande échelle (cf : paies ta webcam pour tous les users) je trouve que le concept est top.
Bravo à Marko et merci wisi pour le lien ! #mademyday
ca c'est de l'ergonomie appliquée!