Posted on

Each of the two design system options approaches the primary navigation differently.

Mega Menu

A “mega menu” is typically a large-format menu, activated by either hovering your cursor over or clicking on a primary navigation element. Once the mega menu opens, there is room to display a collection of links within the section, as well as a highlight. Highlight areas can be used to feature a particular page, add some additional context to the section the user is viewing or promote an important call to action. In our Option 1 example, we are using the highlight to provide some additional insight into the purpose of the About section.

Screenshot showing the open mega menu for the About section of Option 1
Option 1 Mega Menu


Mobile users, as a percentage of all traffic, is equal to that of desktop users. On some sites, more traffic comes from mobile than desktop and tablet combined. We expect to see the traffic share of mobile visits continue to increase. For Option 2, we have adopted a mobile-centric menu system. Regardless of device or screen size, users will see the “burger menu” (three horizontal lines, stacked vertically, which is vaguely reminiscent of the bun/meat/bun arrangement of a hamburger). The icon is also accompanied by the word “menu,” for clarity. Clicking on this menu icon will slide open a compact, small-screen-friendly menu system.

Screenshot showing the mobile-centric navigation menu of Option 2
Option 2 Mobile-Centric Menu

Once we select a design direction, we will conduct focus groups and user testing sessions to further refine our design. If you have an interest in participating in one of our test groups, please let us know.

Recent Posts

  • Searching for Answers

    A key component to the overall TCU web experience is search. We are continuously tweaking and adjusting our search index to try to connect our visitors to the TCU content they are looking for as seamlessly as possible. Our Connected Campus microsite is a convenient place to go for the latest updates and information related…

  • Goodbye, Phase 1

    First of all, let me express my gratitude to all of the folks within the TCU community who contributed so much to the success of the new website! From the Web Redesign Committee to Chancellor’s Cabinet to the academic program page pilot and everything in between, your contributions made the new site possible. If you…

  • Soft Launch Meetings

    We are about to open up access for the campus community to preview the new www.tcu.edu website. This core site, the digital front door to TCU, is nearing completion. We are still putting the final touches on our pages and finalizing content with our content partners across campus. Please join us at one of our…