Throughout my years as a UX resource I have relied heavily on a very common UI design pattern, Module Tabs. Found this article on best practices to consider and real-world examples. Most are common sense but you would be amazed how many are not followed.

" A module tab is a User Interface (UI) design patternwhere content is separated into different panes, and each pane isviewable one at a time. The user requests content to be displayed byclicking (or in some instances hovering over) the content’scorresponding tab control.

Module tabs are seeing an increase of use as websites and webapplications push for optimizing web page screen areas withoutsacrificing the amount of information presented at once. For example,in weblogs,  they are used in secondary content sections (such as thesidebar) to present relevant and interesting information such as alisting of blog posts which users can interact with to get to web pagesquicker. This inevitably allows for an unobtrusive and compact mannerof presenting content."

Read More