Guidelines‎ > ‎

Web User Interface Standards

A global telecommunications company had numerous application design guidelines ranging from corporate branding, DOS/character applications, early Windows client/server, and web design. Mostly these guidelines were development tool specific and aimed at Windows desktop application development. By standardizing on Oracle web/Internet applications, the design guidelines were lacking sufficient detail or quality to guide web/Internet development. As a result, their internal web pages followed no standards or the standards interpreted by the individual developers during the development! This resulted in a very poor quality and inconsistent sites throughout the enterprise.

To remedy this, an independent corporate group was formed to define the web development guidelines. These were quite good, though still at a high-level so as to not restrict the creativity of the individual lines of business. Although this was a great start, this still did not provide the specific guidance or standards required and still resulted in the application development teams not conforming to the guidelines.

Resulting from an independent design review, I prepared group/platform specific detailed design standards to add precise detail as to the look and feel, layout and standards for site navigation, header, footer, and page body/contents. This complimented the corporate design guidelines and provided a detail guide for ongoing development. These were successfully applied to refactoring several internal group websites.

The following are excerpts from the platform specific Web User Interface Design Standards

Table Of Contents

  


Overview

  

Bullet Lists

  

Formatting Proper Names

  


Progress/Completion Status



Page Examples

  

Examples To Avoid