Vers une nouvelle forme de « responsive typography » ?
Une technique adapte la taille du texte selon la distance entre l'écran et l'utilisateur

Les rubriques (actu, forums, tutos) de Développez
Réseaux sociaux


 Discussion forum

Sur le même sujet
Le , par FirePrawn, Responsable Développement Web
Le responsive design est de plus en plus à la mode et pour cause : adapter le contenu à la taille de l'écran utilisé pour le visualiser est une très bonne chose.
Allant de pair avec le responsive design la responsive typography se popularise de plus en plus.
Cette technique consiste à adapter également la police utilisée en fonction de l'utilisateur comme par exemple en modifiant la taille de cette dernière selon l'appareil utilisé pour visualiser le contenu.

Aujourd'hui une nouvelle dimension apparait : adapter la taille du texte en fonction de la distance de l'écran à laquelle se trouve le lecteur.
C'est Marko Dugonjić qui est à l'origine de cette nouvelle technique.
Grâce à une webcam il est capable de détecter un visage et de calculer à quelle distance se trouve l'utilisateur de son écran. En fonction de cette distance, il applique un ratio sur la taille de la police utilisée !

Bien évidemment ce n'est pas une science exacte. Il est relativement complexe d'analyser cette distance notamment à cause des différentes morphologies possibles.
De plus les yeux de l'utilisateur jouent un rôle très important (le regard n'est pas forcément droit) et c'est un paramètre très difficile à prendre à compte.

Néanmoins cette technique reste très intéressante. Marko Dugonjić a mis à disposition une démonstration qui fonctionne avec plusieurs modes, dont un« real time » qui ajuste en temps réel la taille de la police en fonction de cette fameuse distance utilisateur-écran.

Source : thenextweb.com

Et vous ?

Que pensez-vous de cette technique ?
Vous êtes-vous initié à la responsive typography ?


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de raimbow raimbow
http://www.developpez.com
Nouveau Membre du Club
le 12/02/2013 15:48
L'idée est loin d'être bête mais :

-> Faut autoriser le site web à accéder à l'image de la webcam (Sauf si c'est implémenter directement par les navigateurs)

-> Je me demande si la distance moyenne varie autant que ça d'un moment à l'autre pour un utilisateur donnée. J'ai personnellement l'impression de tenir mon téléphone toujours à peu près à la même distance. Pareil pour la distance entre mes yeux et mon PC.
Avatar de hatifnatte hatifnatte
http://www.developpez.com
Futur Membre du Club
le 12/02/2013 17:39
Ce sera utilisable le jour ou les webcams pourront déterminer la correction des lunettes ou des lentilles portées par l'utilisateur.
Avatar de Neko Neko
http://www.developpez.com
Membre Expert
le 13/02/2013 11:22
Quand je m'approche de l'écran c'est que j'ai du mal à voir ( fatigue ou texte trop petit ).
Si vous me baissez la taille des polices quand je m'approche on va pas être copain.
Avatar de diallomad diallomad
http://www.developpez.com
Membre éclairé
le 13/02/2013 11:22
Citation Envoyé par FirePrawn  Voir le message
Que pensez-vous de cette technique ?

Elle est intéressante mais je doute fort que les internautes donnent leur accord en ce qui concerne les captures d'image pour avoir une lecture plus souple.
Avatar de leminipouce leminipouce
http://www.developpez.com
Membre Expert
le 14/02/2013 16:48
Citation Envoyé par raimbow  Voir le message
-> Faut autoriser le site web à accéder à l'image de la webcam (Sauf si c'est implémenter directement par les navigateurs)

Question faille de sécurité, on va commencer à ouvrir de nouvelles brèches !

Citation Envoyé par Neko  Voir le message
Quand je m'approche de l'écran c'est que j'ai du mal à voir ( fatigue ou texte trop petit ).
Si vous me baissez la taille des polices quand je m'approche on va pas être copain.

Complètement d'accord. Ente moins voisin complètement myope et celui qui a 13/10 à chaque oeil, je suis pas sûr que les 2 se tiennent à la même distance de leur écran. Je crains qu'au moins un des 2 ne puisse plus lire...
Offres d'emploi IT
Audit interne des systèmes d'information
Stage
Société Générale France - Ile de France - Paris La Défense
Parue le 23/10/2014
Chef de projet software h/f
CDI
Easy Partner - Ile de France - Hauts-de-seine (92000)
Parue le 26/09/2014
Ingénieur études et développement middle office
CDI
Société Générale France - Ile de France - Boulogne-Billancourt (92100)
Parue le 22/10/2014

Voir plus d'offres Voir la carte des offres IT
 
 
 
 
Partenaires

PlanetHoster
Ikoula