Dans les deux premiers exemples (champs sans label) on peut vérifier les infos saisies, mais pas leur validité dans le contexte, c’est à dire : “quelles infos me demande de remplir l’interface ?”. Pour faire simple, est ce que j’ai bien rempli mon Nom dans la case Nom et pas dans la case Prénom ?

Les repères apporté sur http://www.culinaryculture.com/#signup sont un plus indéniable, mais on voit les limites : pictographier deux concepts proches (nom et prénom) n’ai pas aisé.

2/ D’autre part, l’affordance des champs de saisie est diminuée. En effet, un champ dans lequel on est invité à saisir des données doit être vide, sinon cela signifie qu’il est déjà rempli (et donc n’invite pas à l’interaction). C’est essentiellement pour cette deuxième raison que je bannis toujours les intitulés dans les champs.

Le gain de place de ce principe label/content me paraît aussi très très utile pour des applications de gestion web.

Je vais essayer…

@ Maxence > Tout à fait, que fait-on du focus sur le premier champ à l’ouverture de la page.

Bon… vos remarques sont valables, mais dans ma philosophie les règles d’accessibilité ne sont pas là pour alourdir les pages web. De plus, je pense qu’il est tout à fiat possible de mettre des intitulés dans le code source mais de ne pas les afficher.

/Fred

@ Zackatoustra, Je ne traite justement pas les internautes de poissons rouges, ou je me suis mal fait comprendre. Jusqu’à preuve du contraire, les internautes étaient pour l’essentiel composés d’une population d’humain disposant de capacités cognitives avancées (Empan mnésique, effet de récence, divers mémoires…). Il faut donc s’appuyer sur ces capacités lors de la conception.

On remarquera d’ailleurs que l’organisation des champs reprend ce que l’on peut trouver sur les cartes de visites et les adresses postales, réutilisant ainsi les connaissances des utilisateurs.

Donc, un petit conseil à Raphael Y : ne traitez pas vos internautes de poisson rouge. Mais, concevez pour des poissons rouges. Sauf si l’analyse utilisateur vous montre qu’aucun internaute poisson rouge ne fait partie de votre public cible.

Néanmoins, demeure le problème de la lisibilité. A priori, une fois le focus fait sur le champ, le libellé n’est plus visible.

Et donc, même pour les internautes à la mémoire plus grosse que les autres, le problème d’identification semble présent.
L’idée reste intéressante, sur le principe: réduire la quantité d’information affichée à l’écran (avant : champ + libellé, maintenant : champ libellé!). Peut-être que les effets secondaires de cette idée n’ont pas été évalués jusqu’au bout.