Sun Web Application Guidelines - Version 4.1
Sun Web Application Guidelines - Version 4.1
|
|
 Search Guidelines |
 Send Feedback |
 Developers.sun.com
|
| [ Table of Contents | 0 Revision History | 1 Introduction | 2 Visual Design | 3 Windows and Pages | 4 Mastheads | 5 Top-Level Navigation | 6 Content Area | 7 Simple Elements | 8 Complex Elements | 9 Tables | 10 Topology | 11 Contextual Help | 12 Search | 13 Wizards | 14 Alerts and Messages | 15 Progress Indicators | 16 Alarms and Status Indicators | 17 Login Page | 18 Version Page | Appendices ] |
How To Use These Guidelines - An Introduction
Release Date: 12/19/07
Expand All Sections | Collapse All Sections
1.1 Icons Used in These Guidelines
1.3 Resources for Application Developers
1.4 Resources for Application Designers
1.4.5 Content Page Titles and Other UI Text
3.4 Pop-up and JavaScript Windows: Advantages and Disadvantages
5.1 Choosing a Navigation Style
5.1.2 Tabbed Panes and Accordion
5.1.5 Pop-Up Windows for Objects
5.1.6 Combinations of Navigation Styles
5.1.6.1 Drill Down In Left Pane
5.1.6.4 Tree or Flat List In Left Pane of a Tabbed Pane
5.1.6.5 Drill Down In Left Pane of a Tabbed Pane
5.2 Tabbed Panes and Accordion Details
5.2.3 Three-Level Tabbed Panes
5.2.4 Tabs within a Sun.com Web Site Page
5.3 Left-Right Pane Set Details
5.4.1.1 Application Actions Versus Application Objects
5.4.1.2 Types of Container-Nodes
5.4.2.1 Alarm or Status States of Tree Objects
5.4.3.1 Scaling Methods for Trees
5.5.1 Access to the Common Tasks Page
5.5.2.1 Navigational Tasks: Flow Diagrams
6 Content Area Structure and Layout
6.1 Layout and Alignment of the Content Area
6.1.1 Location of Inline Alert Messages
6.1.2 Using an Asterisk as a Footnote
6.2.1 Primary-Content Page Titles
6.2.2 Secondary-Content Page Titles
6.2.3 General Guidelines for Composing Content Page Titles
6.2.4 Content Page Titles in Relation to Table Titles
6.3 Breadcrumbs and Parentage Paths
6.4.1 Using a Drop-Down Menu for Content Area Navigation
6.4.1.1 Layout, Style, and Usage Guidelines for Content Area Navigation Drop-Down Menus
6.4.1.2 Usability Tradeoffs of Drop-Down Menus Used for Content Area Navigation
6.4.2 Using Tabs for Content Area Navigation
6.4.2.1 Layout and Style Guidelines for Content Area Navigation Tabs
6.4.2.2 Usage Guidelines for Content Area Navigation Tabs
6.4.2.3 Usability Tradeoffs of Tabs Used for Content Area Navigation
6.4.3 Content Area Navigation Issues Under Investigation
6.5.1 General Guidelines for Content Page Actions
6.5.2 Content Page Action Buttons
6.5.3 Content Page Actions Drop-Down Menu
6.5.4 Using a Combination of Methods for Content Page Actions
6.6 Primary-Content Page Layout and Use
6.6.1 Saving Changes on Primary-Content Pages
6.7 Secondary-Content Page Layout and Use
6.7.1 Saving Changes on Secondary-Content Pages
6.7.2 Using Content Page Sections
6.7.2.1 Jumping To and From Page Sections
6.7.3 Using Tabs on Secondary-Content Pages
6.7.4 Handling Large Amounts of Data
6.8 Noneditable User Interface Elements and Content Pages
6.8.1 Noneditable User Interface Elements
6.8.1.1 User Interface Elements That Invoke Secondary-Content Pages
6.8.2 Noneditable Content Pages
6.8.2.1 Buttons for Noneditable Content Pages
6.8.2.2 Layout Alternatives for Noneditable Content Pages
7.2 Elements Used for Choosing Data, Performing Actions, and Navigating
7.2.1 Elements Used for Choosing One Value
7.2.1.3 Standard Drop-Down Menu
7.2.1.3.1 General Drop-Down Menu Behavior
7.2.2 Elements Used for Choosing One or More Values
7.2.2.2 Multiple Selection Scrolling List
8.6.1.2 Comparative Attribute Line Colors
8.6.3.4 Graph Title Text: Property Page
9.1.4 Displaying Empty Table Cells
9.1.6 Table Interactive Example
9.3.1 Single Selection in Tables
9.3.2 Multiple Selection in Tables
9.4.1 Definition of Table Actions and Related Terms
9.4.2 General Guidelines for Table Actions
9.4.3 Design Options for Table Actions
9.4.3.1 Using Only Buttons for Table Actions
9.4.3.2 Using a Single Drop-Down Menu for Table Actions
9.4.3.3 Using Embedded Table Actions
9.4.3.4 Using a Combination of Methods for Table Actions
9.4.4 Dynamic Enabling and Disabling of Table Actions
9.4.5 Maintaining Non-Displayed Selections
9.5.1.2 Custom Table Filtering
9.5.2.2 Multiple-Column Sort Panel
9.5.2.3 Natural Sort Order and Clearing Sorts
9.5.4 Vertical Pagination in Tables
9.5.4.1 Vertical Pagination User Interface Elements
9.5.5 Horizontal Scrolling in Tables
9.5.7.1 Grouped Table Limitations and Future Plans
9.6 AJAX Table (Next Generation Table)
9.6.3.2 Selection Column Header
9.6.3.3 Performing an Action on an Item
9.6.4 Lazy Data Download and Progress Indication
10.1.2 Their Role in System Management Applications
10.2 Challenges in Designing Topologies
10.2.1 Handling Scale Gracefully
10.2.3 Achieving a Sun-Wide Common Look-and-Feel
10.2.4 Dealing with the Limitations of Web Browsers
10.2.5 Facilitating Positive Transfer across Different Representation Types
10.2.6 Integrating Into System Management Applications
10.2.7 Supporting Accessibility for Users with Disabilities
10.3 Choosing a Topology Representation
10.3.1 Attributes of Topologies
10.3.1.1 Primary Attributes (Number of Tiers and Number of Objects per Tier)
10.3.1.2 Secondary Attributes (Connectivity and Multipathed Topologies)
10.3.2 Guidelines for Choosing a Topology Representation
10.3.2.1 Guidelines for One-Tier Topologies
10.3.2.2 Guidelines for Two-Tier Topologies
10.3.2.3 Guidelines for Topologies With Three or More Tiers
10.3.2.4 Guidelines for Representing Within-Tier Connections
10.4.1 Showing Topology Objects
10.4.2 Showing Topology Connections
10.4.4 Showing Directed Relationships
10.4.6 Showing Aggregate Objects
10.4.7 Showing Aggregate Connections
10.4.10 Showing Sub-Components
10.5 Layout Guidelines for Topologies
10.5.1 General Layout Guidelines
10.5.2 Layout Guidelines for Small-Scale Topologies
10.5.3 Layout Guidelines for Moderate-Scale Topologies
10.5.4 Display Guidelines for Large-Scale Topologies
10.6.1 Mouse-Over Feedback and Tool Tips
10.6.2 Object Selection Behavior
10.6.5 Expanding and Collapsing Aggregates
10.7 Methods for Integration with Primary Navigation
10.7.1 Showing Connectivity for a Selected Object
11.1.1 Deciding Whether to Provide Inline Help
11.1.2 Positioning Inline Help
11.1.4 Including Links in Inline Help
11.2.1 Layout and Behavior of the Help Window
11.2.1.1 Anatomy of the Help Window
11.2.1.2 Sizing of the Help Window
11.2.1.3 Window Title Bar in the Help Window
11.2.1.4 Content-Area Title Pane in the Help Window
11.2.1.5 Navigation Pane in the Help Window
11.2.1.6 Topic Pane in the Help Window
11.2.2 Providing Access to Help-Window Help
11.4 Choosing the Correct Type of Help
11.4.1 Providing Help for Main Windows
11.4.2 Providing Help for Pop-up Windows
11.5.2 Creating Longer Descriptions Using the HTML longdesc Attribute
11.5.3 Tool Tips for Sun Icons, Glyphs, and Graphics
11.5.4 A Note on HTML alt and longdesc Attributes for Tree Navigation Objects
11.5.5 Visual Design Considerations for Tool Tips
11.5.6 Tool Tips for Disabled Icons
11.5.7 Tool Tips for Icons with Alarm Badges
12.1.1.1 Global Quick Search: Predefined Queries
12.1.1.2 Global Quick Search: Application-Wide Text Search
12.1.1.3 Global Quick Search: Scoped Text Search
12.1.2.1 Local Quick Search: Predefined Queries
12.1.2.2 Local Quick Search: Local Text Search
12.1.2.3 Local Quick Search: Scoped Text Search
12.2.1.1 Global Advanced Search in Main Windows
12.2.1.2 Global Advanced Search in Pop-Up Windows
12.2.2 Adding Scoping to Advanced Search
12.2.3 Contextual Advanced Search
12.3.1 Global Quick Search Results
12.3.1.1 Global Quick Search Results in Main Windows
12.3.1.2 Global Quick Search Results in Pop-Up Windows
12.3.2 Local Quick Search Results
12.3.2.1 Local Quick Search Results in Main Windows
12.3.2.2 Local Quick Search Results in Pop-Up Windows
12.3.3 Advanced Search Results
14.1.1 Example of Information Inline Alert
14.1.2 Example of Error Inline Alert
14.1.3 Example of Warning Inline Alert
14.1.4 Example of Success Inline Alert
14.4 Alerts Shown in a Pop-Up Window
15.1.1 Determinate Progress Bar
15.1.2 Indeterminate Progress Bar
15.2 Progress Indicator Elements
15.3 Progress Indicators in Context
15.3.1 Busy Indicator - Inline
15.3.2 Progress Bar in a Pop-Up Window
15.3.3 Progress Bar in a Wizard
16 Alarms and Status Indicators
16.1.5.2 Alarms in Topology Views
16.1.5.4 Alarms in the Masthead
16.1.7 Inactive Alarm Expiration
16.2.1.1.1 Object Status Icons and Values
16.2.2.1 Status in a Table View
16.2.2.1.1 Object Status in Tables
16.2.2.1.2 Detailed Status in Tables
16.2.2.2 Status in a Topology View
17.1.2 Branding Image with Sun and Java Logos
17.1.5 Copyright Information for the Sun Java(TM) Web Console
Appendices
| [ Table of Contents | 0 Revision History | 1 Introduction | 2 Visual Design | 3 Windows and Pages | 4 Mastheads | 5 Top-Level Navigation | 6 Content Area | 7 Simple Elements | 8 Complex Elements | 9 Tables | 10 Topology | 11 Contextual Help | 12 Search | 13 Wizards | 14 Alerts and Messages | 15 Progress Indicators | 16 Alarms and Status Indicators | 17 Login Page | 18 Version Page | Appendices ] |
| Privacy Policy | Terms of Use | Trademarks | Copyright 2007 Sun Microsystems, Inc. |