City

DC redesigns home page

The launch of the new home page is part of a migration of all DC.Gov websites to the District’s Drupal content-management system. The launch of the home page is a highlight of the migration effort, but also represents the next generation of enhancements to give residents, visitors and businesses a more user-friendly experience.

By StateScoop Staff

May 13, 2014

Mayor Gray and OCTO launch new DC.Gov home page

Responsive design. The new DC.Gov home page makes use of responsive design, which adapts the layout to the viewing environment. This means that users can view Web content effectively regardless of the device and browser they are using, be it desktop, tablet or smart phone. The District recognizes the rapid growth in the use of smaller devices and wants to make sure that District government information and services are easily available regardless of how a visitor to the site is accessing it.
Improved information architecture. OCTO improved the home page information architecture by reorganizing the types of information available on the home page with a user-friendly focus. The new site combines this choice of content and layout with an improved taxonomy and search customization to gain access to content directly. This makes the home page even more effective and efficient in finding information and services.
Improved navigation. OCTO simplified the navigation from the home page with drop-down menus to make user access to interior Web content an easier experience. This use of drop-down menus gives an immediate view of key subsections of each main navigation section and reduces the number of clicks to get to that information.
More prominent search field. OCTO enlarged the search box and made it a more prominent feature in recognition of the fact that many people use search to navigate to interior pages. The new site also features improved keyword matches and other improvements to facilitate better use of search functions.
A clean, simple design. The District government represents the residents and businesses of the District of Columbia, and DC.Gov represents the online presence of the local government rather than the federal presence. That means users won’t see national monuments or the Capitol or the White House when they visit the revamped DC.Gov. OCTO believed a simple, clean design best serves the visitor who comes to a government website primarily for information and services.
Key services. The featured services listed near the top of the page are based on a combination of Google analytics and a knowledge of upcoming needs and Web activity – increasing the chances users will find the service they are looking for on the home page itself. A searchable view of all the services across all agency websites is linked from the home page for users who don’t find the service they are seeking on the home page.
“Sticky” menu. The top-level navigation is part of a “sticky” header, so the navigation stays on the page as the user scrolls down (along with the DC.Gov logo and the search function).

Responsive design. The new DC.Gov home page makes use of responsive design, which adapts the layout to the viewing environment. This means that users can view Web content effectively regardless of the device and browser they are using, be it desktop, tablet or smart phone. The District recognizes the rapid growth in the use of smaller devices and wants to make sure that District government information and services are easily available regardless of how a visitor to the site is accessing it.

Improved information architecture. OCTO improved the home page information architecture by reorganizing the types of information available on the home page with a user-friendly focus. The new site combines this choice of content and layout with an improved taxonomy and search customization to gain access to content directly. This makes the home page even more effective and efficient in finding information and services.

Improved navigation. OCTO simplified the navigation from the home page with drop-down menus to make user access to interior Web content an easier experience. This use of drop-down menus gives an immediate view of key subsections of each main navigation section and reduces the number of clicks to get to that information.

More prominent search field. OCTO enlarged the search box and made it a more prominent feature in recognition of the fact that many people use search to navigate to interior pages. The new site also features improved keyword matches and other improvements to facilitate better use of search functions.

A clean, simple design. The District government represents the residents and businesses of the District of Columbia, and DC.Gov represents the online presence of the local government rather than the federal presence. That means users won’t see national monuments or the Capitol or the White House when they visit the revamped DC.Gov. OCTO believed a simple, clean design best serves the visitor who comes to a government website primarily for information and services.

Key services. The featured services listed near the top of the page are based on a combination of Google analytics and a knowledge of upcoming needs and Web activity – increasing the chances users will find the service they are looking for on the home page itself. A searchable view of all the services across all agency websites is linked from the home page for users who don’t find the service they are seeking on the home page.

“Sticky” menu. The top-level navigation is part of a “sticky” header, so the navigation stays on the page as the user scrolls down (along with the DC.Gov logo and the search function).