Menu and design updates improve Metro.net usability

At first glance, visitors to Metro’s website may not notice that some major changes have taken place to improve their user experience. Metro has updated its global navigation and overall site design to present information more clearly, no matter how you access metro.net.

This slideshow requires JavaScript.

Improved Navigation

Metro’s main website navigation appears atop of each page site. Now a much wider and larger menu will provide a tabbed presentation that enhances legibility with larger font sizes, clearer groupings and more hyperlinks to key customer pages.

  • Go – provides information on how to use the Metro system;
  • Grow – provides the latest information on projects in the works;
  • Know – provides news information such as press releases, videos, the Source and El Pasajero; and
  • Metro – provides the current Board of Directors, information for Metro Careers, and agency contact and department information.

Responsive Design

Under the hood, updates to HTML/CSS code resulted in what is referred to as ‘responsive design’. These changes allow page designs to automatically resize to fit whatever device (desktop, smart phone or tablet) you view metro.net on. Historically, sites needed to create a text-only version, a mobile version to address each audience, resulting in multiple copies of the same information. Now, one size fits all.

More improvements to come

In the coming weeks, a website survey will be available on metro.net to gather customer input on current features and function as well as find out about new features you’d like to see onsite.

Categories: Technology

7 replies

  1. Excellent job to you and your team, Mr. Simpson. It is the “small but big improvements” that often really matter!

  2. Why under Grow, is there no link or information about the I-5 HOV lane project currently active in the valley?