I am designing a dashboard that contains a number of modules bubbling up information from different parts of the product. One section is showcasing different people. I want to provide a tab-based way of viewing different types of people (e.g. Highly Ranked, Bookmarked, Most Recent, Dormant) with a particular module but realize that at certain points there won't be any data for that particular tab.
Is it a best practice to hide the entire tab until data exists? Or should it be visible but greyed out? Or should it be clickable but have a message saying something like 'No content avaialble'?
Below is a screenshot of the wireframe (with the tabs disabled)
Answer
I am going to go with Schroedingers Cat's answer but I would recommend keeping the tabs active and present a notification such as there are no bookmarked people or something along those lines. The reason being some people might not understand that a tab is grayed out or inactive and might try to click it and get confused.
From an anecdotal point of view, I designed a site recently for a large organization which provides training classes to people in different countries. We initially hid the tabs when there were no training classes available for the specific country but then we found out that users assumed that the organization did not that serve that country. However graying out also caused confusion since people tried to click it and assumed that that the disabled tab was a placeholder or was representative of classes being added to that country in the future.However we relieved no complaints when we left the tabs active provided the tab content displayed information or suitable messages
No comments:
Post a Comment