We Have A New Look!
TIPS has redesigned its website. The new site allows users to find information quickly and easily, and applies a consistent look and feel to the bureau’s web pages. Specifically, the redesigned site incorporates several new features -– a dropdown menu, and compatibility with mobile devices, to name a few -- that make TIPS' website easier to navigate. The site also adopts certain elements (e.g., a header that appears at the top of each page, a uniform navigation bar, etc.) that establish a common visual “identity” for the bureau’s web presence.
The new TIPS header is an important component of our new website. It is the first thing the viewer sees, and it indicates that what he or she is looking at is an OSMRE product. In addition to the bureau’s web pages, other OSMRE products (e.g., brochures, reports, etc.) will display this banner in the future.
The header contains our name and logo and two key website tools:
1. The 'All OSMRE Websites' Dropdown
This dropdown menu grants the user one-click access to any OSMRE website. The dropdown will be available on each web page OSMRE administers.
2. The Search Bar
This feature allows you to search whichever website is currently being viewed. In the sample image above, the viewer is searching www.osmre.gov.
We have improved or added three features to make the TIPS website easier to use:
1. Global Navigation
The “global navigation” feature is a bar that runs horizontally across the top of the page. Items within the bar remain the same regardless of the page being viewed. Clicking on the items in the navigation bar will allow you to access quickly and easily most of the content on the TIPS website. When a given page is being viewed, the navigation button highlights the category under which that page has been placed.
2. Breadcrumb Trail
To keep track of where you are within the TIPS website, we have added a "breadcrumb trail" that locates a given page within the site's hierarchy. This trail displays the specific path to the page being viewed to provide an idea of how our website is organized.
3. The Aside
Located along the left side of the page, the “aside” changes in order to display the main navigation items associated with whichever section of the website is being viewed.
Also located in the aside, on most pages, is a list of related items. These items link to the content of whichever page is being viewed.
In addition to improving the navigation of our site, we have improved its readability as well. Below are a few new features designed to make the content easy to read, find, and print.
Within each page, in the upper-right corner, we have placed a small toolbar with three icons. The first, a series of three “A”s, allows you to increase or decrease the size of the type on the page. The second icon is a bookmark. Some browsers do not support the use of bookmark buttons; if so, try using "Ctrl + D." The third icon, a printer, allows you to print the page.
1. Point of Contact
Toward the bottom-left side of each page is an area listing a Section Point of Contact. This is the person (or program, office, etc.) within TIPS to contact if you have any questions or concerns relating to the content of that page.
2. Site Directory
Located just above the footer, the Site Directory is a quick view of the predominant sections and pages on www.tips.osmre.gov. It is not an exhaustive list of TIPS’ full range of activities. The Site Directory is on every page but is hidden by default to save space. To open it, click on one of the down-pointing arrows.
Website Coding and Browser Compatibility
The TIPS website is designed using the newest HTML5 and CSS3 specifications. These specifications include many new features and capabilities not found in previous versions, which means they are better able to work with touch-screen devices (e.g., tablets and smartphones). At this time, some browsers do not fully support all features included in these specifications. Currently, the redesigned website is best viewed in Google Chrome 29, Opera 16, Firefox 24, Safari 6.0, or Internet Explorer (IE) 10. The site will function with certain older browsers, but the aforementioned are the ideal. Viewers using versions older than IE8 are likely to encounter issues viewing the site.