I'm creating a user widget for dashboard. What is the best way to fill the empty fields here?
I can't hide the labels here if they are empty. And if I use "No information available" does it seems overkill? Can anyone help me with any guidance!
When a field is blank, the user has no indication that the blank space is intentional (and not a page/widget error). It's for the same reason that publishers print intentionally blank notices in books to avoid user confusion:
The presentation in your screenshot (using the
- indicator) works fine from a usability perspective.
Users nowadays have an unpredictable number of devices and email/phone/physical addresses. So a popular contemporary approach to user cards (used by Google Contacts, Android/iOS and other apps) is:
This approach provides flexibility with the number of fields in a card, and hides blanks fields to simplify the presentation.
It's up to you to decide whether this pattern is suitable for your application.
Is it possible for the user to edit these details?
If they're not locked down then it might be worth encouraging the user to populate these empty items by adding some sort of edit state trigger titled something like 'Add details'.
It would seem a shame to waste the opportunity of displayed empty fields to remind users to populate them.