# Presentation: 491180

## Screen LayoutKeith Bryant

**Screen Layout****Keith Bryant**

- KB-1

**January 28, 1997**

- 733-PP-005-001

## Screen Layout

**Screen Layout**

**General Drivers**
**Fit on 800 x 600 color monitor (VGA)**
**Manage screen real estate such that there is a balance between primary and secondary screen activity and navigation**
**Continuous visibility of search summary Display of relationships between different types of attribute valid values**
**Display of search type to attribute validity relationship**
**Scalability for handling large sets of attributes (>100) and valids**
**Scalability for handling large sets of results**
**Support three levels of user: Novice, Intermediate and Expert**

## EP6 Design - ESST Search Screen

**EP6 Design - ****ESST Search Screen**

**Pro:**
**Fits on 800 by 600 screen**
**Configurable Attribute Set**
**Full time display of search summary**
**Full time graphical display of spatial and temporal selections**
**Supports simultaneous display of relationships between attribute valids (through dialogs) and search type to attributes**
**Con:**
**Not very scalable**
**Fair usability**
**Multiple main windows**

## EP6 Design - ESST Results Screen

**EP6 Design - ****ESST Results Screen**

**Pro:**
**Is scalable when implemented with the correct options**
**Familiar table paradigm**
**Con:**
**Does not fit on an 800 x 600 screen conveniently**
**Implemented as a separate window**

## EP7 Design - JEST

**EP7 Design - JEST**

**Pro:**
**Tabbed paradigm; single main window**
**Valid value selection streamlined**
**Supports continuous visibility of search summary**
**Supports display of search type to attribute validity**
**Help window provided useful hints**
**Con:**
**Does not fit on an 800 by 600 screen**
**Attribute/valids selection not scaleable**
**Does not support simultaneous display of relationships between attribute valids**
**Navigation flow inconsistent**
**User interface not configurable**
**Rudimentary implementation within html page**

## Current Design - Separate Frame

**Current Design - ****Separate Frame**

**Allows applet to be resized**
**Gives greater flexibility in handling screen and font size changes**

## Current Design - Tabbed Layout

**Current Design - ****Tabbed Layout**

- _F_ile	_E_dit	_O_ption	_P_rocess				_H_elp

- Folder Workspace

- Project

- Search

- Results

- Order

- Status

- Options

- Information Line:
- Provides context sensitive guidance based on tab selection or cursor focus/mapping

- Help

**Submit**

**Reduces use of dialogs**
**More consistent and tightly integrated workflow**
**Supports direct and intuitive interaction**
**Allows designers to keep good parts of earlier designs**

## Current Design - 	Dialogs and Reduced 				Views

**Current Design - ****	****Dialogs and Reduced ****	****	****	****	****Views**

**Dialogs can provide a lot of functionality, but remove the user from the primary navigation flow**

- Spatial Dialog

## Current Design - 	Dialogs and Reduced 					Views

**Reduced views are integrated within the main user interface (window or tab) and can provide key functionality without taking up as much space or removing the user from the functional flow.**

**Current Design - ****	****Dialogs and Reduced ****	****	****	****	****	****Views**

## Integration of CLS tools

**Integration of CLS tools**

**From the ADSRV**
**Support search and display of product, service, and provider ads (html docs)**
**Supports population of guide link with product ads**
**Allows installation of service (for JEST, this is a web URL with the collection context)**
**From the Data Dictionary**
**Allow guide search**
**From the Document Search Tool**
**Allow inventory search to JEST**
**Allow advertising search**
**From JEST (Integrated Search Tool)**
**Allow different levels of search from a single interface**
**Advertising, Guide, Other Documents, Inventory, Production History, QA Stats**
**Search results from the varying levels are all displayed with the same format as inventory (table)**
**Results user interface will also support the issuing of a second query to a different level given the results **
**“****Find the guide data for this product advertisement”**
**“****Find the inventory collection associated with this guide document”**

## Future Design Possibility - Combined Attributes Folder

**Future Design Possibility - ****Combined Attributes Folder**

**Example of prototype and usability candidate**
**Represents transition to very configurable user interface**

## Future Design Possibility - Panel Mangement

**Future Design Possibility - ****Panel Mangement**

**Panel managing of search attribute groups**
**Selectable via popup list**
**Highly supportive of 1.10 work**