web-dev-qa-db-fra.com

Quelle est la meilleure façon d'afficher des champs vides dans une carte d'utilisateur?

Je crée un widget utilisateur pour le tableau de bord. Quelle est la meilleure façon de remplir les champs vides ici?

enter image description here

Je ne peux pas cacher les étiquettes ici si elles sont vides. Et si j'utilise "Aucune information disponible", cela semble-t-il exagéré? Quelqu'un peut-il m'aider avec des conseils!

6
Sudeep

Ne laissez pas les champs vides

Lorsqu'un champ est vide, l'utilisateur n'a aucune indication que l'espace vide est intentionnel (et non une erreur de page/widget). C'est pour la même raison que les éditeurs impriment intentionnellement vides les avis dans les livres pour éviter la confusion des utilisateurs:

blank

La présentation dans votre capture d'écran (en utilisant le - indicateur) fonctionne très bien du point de vue de l'utilisabilité.


Une approche plus moderne

De nos jours, les utilisateurs disposent d'un nombre imprévisible d'appareils et d'adresses électroniques/téléphoniques/physiques. Ainsi, une approche contemporaine populaire des cartes utilisateur (utilisée par Google Contacts, Android/iOS et d'autres applications) est la suivante:

enter image description here

Cette approche offre une flexibilité avec le nombre de champs dans une carte et masque les champs vides pour simplifier la présentation.

C'est à vous de décider si ce modèle convient à votre application.

7
tohster

Est-il possible pour l'utilisateur de modifier ces détails?

S'ils ne sont pas verrouillés, il peut être utile d'encourager l'utilisateur à remplir ces éléments vides en ajoutant une sorte de déclencheur d'état d'édition intitulé quelque chose comme `` Ajouter des détails ''.

Il semblerait dommage de perdre l'opportunité de champs vides affichés pour rappeler aux utilisateurs de les remplir.

0
Andrew Martin