On May 12, the final result of the design team was presented to the Web Developers Network. The design, a visual realignment, will become the new template and interface for UNL.edu beginning August 17. For details on how the design came to be, take a look at Aaron’s explanation of the process, and my explanation of the research.
Let’s See the New Template!
From the Top
- In the top left corner is the “N,” roughly the same size as in our current design. However, the University of Nebraska-Lincoln title is much larger and more prominent.
- In the upper right corner is a much larger search box. We have also removed the option to select the type of search to handle, and will replace with a results page that incorporates search results from unl.edu, peoplefinder and the local site. The idea is to create one simple interface element to use when searching the site.
- Immediately below the search box is a row of icons. The muted-in-color icons serve as links to site-wide resources (in order): RSS Links, current weather, the event calendar, peoplefinder and the public webcams. When the mouse rolls over these icons, they will be presented in color with little help “balloons” describing each element. Clicking on these will bring available the selected resource.
- Perhaps the largest advancement from our current site is the display of the navigation. The new design brings together the multiple navigation schemes present on any page and places them in a single, efficient and compartmentalized section. More on the functionality of the navigation below.
- Below the navigation, is a full-width, four-column content section. This area is reserved for the most important elements of the page, and is available to the developers to present in the fashion their users most need. Content area resources will be available for developers.
- The last section of the page is an extended footer. This is reserved for site-wide content that can be found on every page (related links, promotional items, contact information, etc…)