6 Tips for Better Tabs

Six tips for designing better tab controls: selection indicators, visibility, content connection, tab count, labels, and discoverable advanced features.

_______________________________________________________

Chapters:
0:00 Introduction to tab design tips
0:30 Tip 1: Clearly indicate the selected tab
1:55 Tip 2: Make unselected tabs visible and readable
2:27 Tip 3: Connect tabs to their content panel
2:57 Tip 4: Limit your tab count
3:39 Tip 5: Use descriptive and short labels
4:08 Tip 6: Make advanced features findable
4:35 Closing thoughts

Read More: https://www.nngroup.com/articles/button-states-communicate-interaction/
Watch Next: https://youtu.be/B0IT9gJWpnw
Enroll in live training: https://www.nngroup.com/courses/visual-design/
Subscribe to our weekly newsletter: https://link.nngroup.com/yt-newsletter

Follow us and stay connected:
Linkedin: https://www.linkedin.com/company/nielsen-norman-group
Instagram: https://www.instagram.com/nngux/
Threads: https://www.threads.com/@nngux
X: https://x.com/NNgroup
Bluesky: https://bsky.app/profile/nngroupux.bsky.social