Monthly Archives: August 2010

Image File Formats

Posted on August 10, 2010 by Laura.Copenhaver

Description Images used on csaa.com must be optimized. Characteristics Image file size should be as small as possible, but there should be no visible loss of quality. When to use the different file types Use JPG file format for continuous … Continue reading →

Last modified: August 23, 2010 at 9:48 pm.

Posted in Style | 1 Comment

Calendar Picker

Posted on August 10, 2010 by Laura.Copenhaver

Calendar Picker This interface tool helps users to easily apply or submit a date or date range. Characteristics The user is presented a calendar icon as an optional alternative to date selection from the standard date pulldowns. User clicks on … Continue reading →

Last modified: August 10, 2010 at 6:35 pm.

Posted in Style | Tagged , , , , | 1 Comment

Transitions

Posted on August 9, 2010 by Laura.Copenhaver

Transitions A transition is the animated change of content from one state to another. This animation helps the user to better notice and understand the change that is happening. Characteristics • The more rapid the change the more important the … Continue reading →

Last modified: August 23, 2010 at 9:48 pm.

Posted in Style | Leave a comment

Accordion

Posted on August 9, 2010 by Laura.Copenhaver

Accordion An accordion is a vertical or horizontal list of items stacked on on top of each other / or next to each other. Generally at least one of the tabs is expanded. Characteristics The exact style of this element … Continue reading →

Last modified: August 9, 2010 at 5:58 pm.

Posted in Design Principles | Tagged , , , , | 2 Comments

Progress Bar, determinate

Posted on August 9, 2010 by Mackenzie.Foreman

Progress Bar, determinate The determinate progress bar indicates the progress of a task based on completion. It gives the user an idea of how long the task will take to complete, and reassures them that something is happening. There are … Continue reading →

Last modified: August 9, 2010 at 11:10 pm.

Posted in Design Principles, Style | Tagged , , , | 1 Comment

Drop-down menus

Posted on August 9, 2010 by Mackenzie.Foreman

Drop-down (mega?) menus Dynamic drop-down or expanding menus allow visitors to reach most pages no matter where they are. Dropdown menus provide a way to expose more options without showing them on the screen by default. Characteristics Menus can be … Continue reading →

Last modified: August 9, 2010 at 5:01 pm.

Posted in Style | Tagged , , , , , | 1 Comment

Progress Bar, steps

Posted on August 9, 2010 by Mackenzie.Foreman

Progress Bar, steps The progress bar indicates the length of a multi-step process. It highlights the current step, and indicates which steps are complete and which are incomplete. Characteristics The progress bar should begin as soon as the user has … Continue reading →

Last modified: August 9, 2010 at 10:42 pm.

Posted in Style | Tagged , , , | 1 Comment

Tabs

Posted on August 6, 2010 by Jae.Ko

Tabs Standards for using Tabs. Characteristics and Best Practices Tab controls are the interface component for navigating through the module tabs panes. The tab control text is the text that describes the tab control. It should be short (one to two words) … Continue reading →

Last modified: August 9, 2010 at 5:15 pm.

Posted in Style | Tagged , , , , | Leave a comment

Symbols and Icons

Posted on August 6, 2010 by Jae.Ko

Symbols and Icons Icons and symbols are simplified and highly recognizable visual representation of actions or things. When used with a textual label, icons can make the label more identifiable. Characteristics and Best Practices An effective icon communicates is recognizable … Continue reading →

Last modified: August 10, 2010 at 10:04 pm.

Posted in Design Principles | Tagged , , , , , | Leave a comment

Frequently Misused Terms and Product Names

Posted on August 6, 2010 by Mark.Dolan

AAA.com Always capitalize AAA when referring to the website.  Do not include “www”. AAA Auto Insurance AAA offers three types of auto insurance, however, on AAA.com, we refer to all types simply as “AAA Auto Insurance.” The individual product names … Continue reading →

Last modified: August 6, 2010 at 12:17 am.

Posted in Editorial | Tagged , , , , , , | Leave a comment