Similar to the Functional Decomposition example, the screen catalog below documents each UI element of the legacy Cisco customer portal (ProWatch). By identifying all screen elements and their intended function, the design of the new portal site became much more understandable to the Development and Product groups. |
1. Portal Legacy Screen Catalog
1.1.
Screen:
Network Details/Inventory sub-tab
1.1.1. Customer Notification section
1.1.1.1.
Field: Free-form text field??
1.1.2. Site Information section
1.1.2.1.
Fields: Site Name, Street, Country, Site ID,
City, Zip/Postal Code, Site Type, State/Province, Phone
1.1.3. Contact Information section
1.1.3.1.
Fields: Contact Name, Contact Type, Primary
Phone, Notes [Add pager, mobile, etc.]
1.1.3.2.
Link: Contact Type definition (Contact Type
field item)
1.1.3.2.1.
Screen: New window, static table of
definitions: Access, Notification, Technical, Security Contact, Alternate
Security Contact
1.1.3.3.
Link: Edit Contact Information (string)
1.1.3.3.1.
Screen: Edit Contact Information
1.1.3.3.2. Fields: Contact Name,
Contact Type, Country Code, Area Code, Exchange, Phone Suffix, Extension,
Notes.
1.1.3.3.3. Functions: Update
Information, Add Another Contact, Cancel
1.1.4. WAN Inventory section
1.1.4.1.
Fields: Inventory ID, Device Name, System
Description, Maintenance Vendor, Serial Number, Coverage Type, Contract Number.
1.1.4.2.
Link: Archive (string) NEED ARCHIVE DATA
1.1.4.2.1.
Screen: Archive
1.1.4.2.2. Fields: Customer Name,
Site Name, Device Name
1.1.5. LAN Inventory section
1.1.5.1.
Fields: Inventory ID, Device Name, System
Description, Maintenance Vendor, Serial Number, Coverage Type, Contract Number.
1.1.5.2.
Link: Archive (string) NEED ARCHIVE DATA
1.1.5.2.1.
Screen: Archive
1.1.5.2.2. Fields: Customer Name,
Site Name, Device Name
1.1.6. Server Inventory section
1.1.6.1.
Fields: Inventory ID, Device Name, System
Description, Maintenance Vendor, Serial Number, Coverage Type, Contract Number.
1.1.6.2.
Link: Archive (string) NEED ARCHIVE DATA
1.1.6.2.1.
Screen: Archive
1.1.6.2.2. Fields: Customer Name,
Site Name, Device Name
1.1.7. Site Notes section
1.1.7.1.
Fields: Timestamp, Author, Note
1.1.8. Install Events section
1.1.8.1.
Fields: Event Description, Status, Planned
Completion Date, Actual Completion Date
1.1.8.2.
Link: Event Description (Event Description
field item)
1.1.8.2.1.
Screen: New window, static table of
definitions--Configure Equipment, Initiate LAN Management, Initiate ProWatch
Secure, Initiate WAN Management, Install Equipment, Procure/Test Equipment,
Purchase Equipment, Ship Equipment, Frame/Access Ordered
1.1.8.3.
Link: Status (Status field item)
1.1.8.3.1.
Screen: New window, static table of
definitions--Active, Complete, Hold
1.1.9. Proposed New
1.1.9.1.
Side links
to Reports (actually old functionality)
1.1.9.2.
Side links
to Search
1.1.9.3.
Side links
to Support/Request Service
1.2.
Reports
1.2.1. Screen: Traffic Analysis
1.3.
Support/Account
and Feedback
1.3.1. Screen: Navigation
1.3.1.1.
Links: Account Team, Invoices, Contact Us (Site
Groups moved to Admin)
1.3.1.2.
Screen: Account Team
1.3.1.2.1.
Screen: Query (for Channel level)
1.3.1.2.2. Select List: Customer
list
1.3.1.2.3. Function: View Account
Team, shows Account Team List
1.3.1.2.4.
Account
Team List
1.3.1.2.5. Fields: Department,
Name, Email, Phone Escalation [Add more phone types]
1.3.1.2.6. Link: Department
definition (Department field item)
1.3.1.2.6.1.
Screen: New window,
single table per definition (why?) 1.3.1.2.7. Link: Send-to, contact
email (Email field item)
1.3.1.2.7.1.
Screen: Opens email
client with To: filled in 1.3.1.2.8. Link: Escalation definitions
(Escalation field item)
1.3.1.2.8.1.
Screen: Dynamic table
based on customer, lists 1-5 escalation levels with contact info 1.3.1.3.
Screen: Invoices
1.3.1.3.1.
Screen: Query
1.3.1.3.2. Input Fields: Invoice
Number; Date Range From/To
1.3.1.3.3. Radio Buttons: Last
Month, Date Range
1.3.1.3.4. Specialized Control: Popup
calendar for From/To
1.3.1.3.5. Select List: Customer
list (for Channel user)
1.3.1.3.6. Functions: Query by
Invoice Number, Submit Query, Clear Form
1.3.1.3.7.
Screen: Query Results
1.3.1.3.8. Fields: Customer Name,
Invoice, Date, Recurring, Prorated, Non-recurring, Tax Amount, Total Amount
1.3.1.3.9. Link: Invoice (Invoice
field item)
1.3.1.3.9.1.
Screen: Download 1.3.1.3.9.1.1. Static text: Instructions 1.3.1.3.9.1.2. Dynamic text: Invoice number and customer name 1.3.1.3.9.1.3. Checkboxes: Invoice Date, Item Description, Recurring, Total Tax, Suite, Order ID,
Customer Name, Charge Description, Prorated, Total Price, City, Country, Site
Name, Charge Start Date, Equipment Purchase, Street, State/Province, Line Item
Number, NS Site ID, Charge End Date, Non-recurring, Building, Zip/Postal Code,
NS Circuit ID 1.3.1.3.9.1.4. Functions:
Download Invoice, Select All, Clear Form 1.3.1.3.9.2.
Screen: Download
results 1.3.1.3.9.2.1. Excel sheet displayed in frame,
columns set by download screen checkboxes 1.3.1.4.
Screen: Contact Us
1.3.1.4.1.
Static
text: Screen
title
1.3.1.4.2.
Radio
Buttons:
Network Management Center, Marketing, Support, Sales, Software Development
1.3.1.4.3.
Input
Fields: User email
address, user phone number, user message
1.3.1.4.4.
Functions: Send, Clear
1.3.1.4.5.
Confirmation
jscript popup
1.3.1.4.6.
Auto-response
email message to user
1.3.1.5.
Screen: Site Groups (move, see Admin)
1.4.
Active Map
1.4.1. Screen: View/navigation
1.4.1.1.
Dynamic
graphic: Map with region/site/circuit status automatically updated every five
minutes
1.4.1.2.
Functions: Zoom In/Out, Pan N/E/S/W, region select,
state select, site select, connection select, drilldown (determined by radio
button mode)
1.4.1.3.
Radio buttons: View Alarms/Trouble Tickets, Site
Information, Center
1.4.1.3.1.
On-click,
Alarms
1.4.1.3.2. Opens legacy Alarms (Map to new Network Details/Alarms
sub-tab)
1.4.1.3.3.
On-click,
Trouble Tickets
1.4.1.3.4. Opens legacy Tickets (Map to new Network Details/Trouble
Tickets sub-tab)
1.4.1.3.5.
On-click,
Site Information
1.4.1.3.6. Static text: Screen
title
1.4.1.3.7. Dynamic text: Number
of sites and circuits selected
1.4.1.3.8. Fields: Sites--Site
Name, Street, State/Province, Country, Zip/Postal Code; Circuits--Site End
Point, Site End Point
1.5.
Search
1.5.1. Screen: Trouble Tickets
1.5.1.1.
Input
Fields: Ticket ID, Site
Name, Street, Suite, City, From/to
1.5.1.2.
Dropdown
select lists: Country/State/Province,
Customer (Channel level)
1.5.1.3.
Radio
Buttons: Query By Ticket
ID, Trouble Tickets By Criteria, Specific Site, Multiple Sites, Ticket Status:
All/Open/Auto Closed/Closed/Escalated, Ticket Date: Past 3 Months/From-To
1.5.1.4.
Specialized
Control: Calendar date
picker
1.5.1.5.
Functions: Search Sites (for Multiple Sites), Query
By Criteria, Download By Criteria
1.5.1.5.1.
Screen: Search Sites query
1.5.1.5.2. Dropdown select lists: Country/State/Province,
Customer (Channel level)
1.5.1.5.3. Function: Find
Customer Site, Select/Remove, Select Sites, Reset
1.5.1.5.3.1.
Screen: Find Customer
Site query 1.5.1.5.3.1.1. Dropdown select lists: Country/State/Province, Customer 1.5.1.5.3.1.2. Add/Remove lists: Selected Sites/Available Sites 1.5.1.5.4.
Screen: Trouble Ticket Query results
1.5.1.5.5. Dynamic text: Number
of items found
1.5.1.5.6. Static text: Page text
title
1.5.1.5.7. Fields: Product,
Ticket ID, Status, Date Opened, Date Closed, Sites Affected, Resolution
1.5.1.5.8. Function: Download By
Criteria (see Download Query screen)
1.5.1.5.9. Links: Ticket ID item,
Status item, Site Affected item
1.5.1.5.9.1.
Opens Inventory screen to
appropriate section (see Inventory above) 1.5.1.5.10.
Screen: Download Trouble Ticket query
1.5.1.5.11.
Checkboxes: Product, Sub-product, Ticket Number, Current Status, Date
Opened, Time Opened, Date Closed, Time Closed, Sites Affected, Problem, Source,
Resolution, Ticket Type, Major Cause, Detail Cause, Managed Flag, Availability
Flag, Availability Type, Reported By
1.5.1.5.12.
Functions: Select All, Default, Download, Close
1.5.1.5.12.1. Screen: Download--Excel spreadsheet in download criteria window
with columns by checkboxed items 1.5.2. Screen: Alarms
1.5.2.1.
Input
Fields: Site Name, Street,
Suite, City, From/to
1.5.2.2.
Dropdown
select lists: Country/State/Province,
Customer (Channel level)
1.5.2.3.
Radio
Buttons: Specific Site,
Multiple Sites, Alarm Date: Past 3 Months/From-To
1.5.2.4.
Specialized
Control: Calendar date
picker
1.5.2.5.
Functions: Search Sites (for Multiple Sites),
Submit Query
1.5.2.5.1.
Screen: Search Sites query
1.5.2.5.2. Dropdown select lists: Country/State/Province,
Customer (Channel level)
1.5.2.5.3. Function: Find
Customer Site, Select/Remove, Select Sites, Reset
1.5.2.5.3.1.
Screen: Find Customer
Site query 1.5.2.5.3.1.1. Dropdown select lists: Country/State/Province, Customer 1.5.2.5.3.1.2. Add/Remove lists: Selected Sites/Available Sites 1.5.2.5.4.
Screen: Alarm Query results
1.5.2.5.5. Dynamic text: Number
of sites with active alarms
1.5.2.5.6. Static text: Page text
title
1.5.2.5.7. Fields: Site Affected,
Device Name, IP Address, Alarm Date, Description, Customer Name (for Channel)
1.5.2.5.8. Link: Site Affected
item
1.5.2.5.8.1.
Goes to Inventory screen
section 1.5.3. Screen: Work Tickets
1.5.3.1.
Input
Fields: Ticket ID, Site
Name, Street, Suite, City, From/to
1.5.3.2.
Dropdown
select lists: Country/State/Province,
Customer (Channel level)
1.5.3.3.
Radio
Buttons: Query By Ticket
ID, Work Tickets By Criteria, Specific Site, Multiple Sites, Ticket Status:
All/Open/ Closed, Ticket Date: Past 3 Months/From-To
1.5.3.4.
Specialized
Control: Calendar date
picker
1.5.3.5.
Functions: Search Sites (for Multiple Sites), Query
By Criteria, Download By Criteria
1.5.3.5.1.
Screen: Search Sites query
1.5.3.5.2. Dropdown select lists: Country/State/Province,
Customer (Channel level)
1.5.3.5.3. Function: Find
Customer Site, Select/Remove, Select Sites, Reset
1.5.3.5.3.1.
Screen: Find Customer
Site query 1.5.3.5.3.1.1. Dropdown select lists: Country/State/Province, Customer 1.5.3.5.3.1.2. Add/Remove lists: Selected Sites/Available Sites 1.5.3.5.4.
Screen: Work Ticket Query results
1.5.3.5.5. Dynamic text: Number
of items found
1.5.3.5.6. Static text: Page text
title
1.5.3.5.7. Fields: Ticket ID,
Status, Date Opened, Date Closed, Sites Affected, Description, Customer Name
1.5.3.5.8. Links: Ticket ID item,
Status item, Site Affected item
1.5.3.5.9. Function: Download By
Criteria (see Download Query screen)
1.5.3.5.10.
Screen: Download Work Ticket query
1.5.3.5.11.
Checkboxes: Ticket Number, Current Status, Category, Sub-category,
Date Opened, Time Opened, Date Closed, Time Closed, Sites Affected, Ticket
Description
1.5.3.5.12.
Functions: Select All, Default, Download, Close
1.5.3.5.12.1. Screen: Download--Excel spreadsheet in download criteria window
with columns by checkboxed items 1.5.4. Screen: Inventory
1.5.4.1.
Input
Fields: Site Name,
Street, Suite, City
1.5.4.2.
Dropdown
select lists: Country/State/Province,
Customer (Channel level)
1.5.4.3.
Radio
Buttons: Specific Site,
Multiple Sites
1.5.4.4.
Functions: Search Sites (for Multiple Sites),
Submit Query, Download Inventory
1.5.4.4.1.
Screen: Search Sites query
1.5.4.4.2. Dropdown select lists: Country/State/Province,
Customer (Channel level)
1.5.4.4.3. Function: Find
Customer Site, Select/Remove, Select Sites, Reset
1.5.4.4.3.1.
Screen: Find Customer
Site query 1.5.4.4.3.1.1. Dropdown select lists: Country/State/Province, Customer 1.5.4.4.3.1.2. Add/Remove lists: Selected Sites/Available Sites 1.5.4.4.4.
Screen: Inventory Query Results
1.5.4.4.5. Fields: Site Name,
Circuit Site Info, Circuit Type, Circuit ID, Port Speed
1.5.4.4.6. Links: Site Name,
Circuit Site Info (“expands” list to show info)
1.5.4.4.7.
Screen: Download Inventory query
1.5.4.4.8. Checkboxes: Site
Number, Street, Zip/Postal Code, Access Contact Name, Equipment Name,
Maintenance Vendor, Out of Band Access, Carrier ID, Port Speed, Line Number,
Vendor, Virtual Ports, CIR, Availability Flag, Site Name, City, Country, Access
Contact Phone Number, Router Name, Contract Number, Port, Carrier Name, DBU Type,
SPID #1, LEC Circuit Number, Natted IP Address, Customer IP Address, Start
Date, Virtual Network Type, Type, State/Province, Site Phone, Equipment ID,
Serial Number, Coverage Type, Comp Type, Channels, ISDN Switch Type, SPID #2,
Vendor Number, DLCI, Stop Date, Remote Virtual Port
1.5.4.4.9. Functions: Select All,
Default, Download, Close
1.5.4.4.9.1.
Screen: Download 1.5.4.4.9.1.1. Input Fields: Report Name, Report Description, Email Address 1.5.4.4.9.1.2. Radio Buttons: Send when complete Yes/No 1.5.4.4.9.1.3. Function:
Submit 1.5.4.4.9.1.3.1.
Screen: Confirmation
Screen 1.5.5. Screen: Installs
1.5.5.1.
Input
Fields: Site Name,
Street, Suite, City, From/to
1.5.5.2.
Dropdown
select lists: Country/State/Province,
Customer (Channel level)
1.5.5.3.
Radio
Buttons: Query By Ticket
ID, Work Tickets By Criteria, Specific Site, Multiple Sites, Install Status:
All/Active/Complete, Install Date: Past 3 Months/From-To
1.5.5.4.
Specialized
Control: Calendar date
picker
1.5.5.5.
Functions: Search Sites (for Multiple Sites), View
As Table, View As Calendar, Download Install
1.5.5.5.1.
Screen: Search Sites query
1.5.5.5.2. Dropdown select lists: Country/State/Province,
Customer (Channel level)
1.5.5.5.3. Function: Find
Customer Site, Select/Remove, Select Sites, Reset
1.5.5.5.3.1.
Screen: Find Customer
Site query 1.5.5.5.3.1.1. Dropdown select lists: Country/State/Province, Customer 1.5.5.5.3.1.2. Add/Remove lists: Selected Sites/Available Sites 1.5.5.5.4.
Screen: Installs Query Table View results
1.5.5.5.5. Dynamic text: Number
of items found
1.5.5.5.6. Static text: Page text
title
1.5.5.5.7. Fields: A calendar
created as a table (date of install contextual to location of site name), Site
Name, Customer Name, Description
1.5.5.5.8. Icons: Complete, On Schedule, On Hold, Past Due (legend at
top of calendar, icons in install calendar cell)
1.5.5.5.9. Links: Site Name
1.5.5.5.9.1.
Screen: Goes to Install section of Inventory page (see Inventory
page description) 1.5.5.5.10.
Function: Format For Printing
1.5.5.5.10.1. Screen: Print dialog 1.5.5.5.11.
Screen: Installs Query Calendar View
results
1.5.5.5.12.
Dynamic text: Number of items found
1.5.5.5.13.
Static text: Page text title
1.5.5.5.14.
Fields: Site Name, Street, Planned Install Date, Actual Complete
Date, Customer Name, Region
1.5.5.5.15.
Links: Site Name
1.5.5.5.15.1. Goes to Install section of Inventory page (see Inventory
page description) 1.5.5.5.16.
Screen: Download Installs query
1.5.5.5.17.
Checkboxes: Site Number, Site Contact Information, Site Name, Street,
City, State/Province, Zip/Postal Code, Country, Install Time, Install Date,
Carrier, Circuit Information, Site Type, Modem Number, Completion Date,
Completion Time
1.5.5.5.18.
Functions: Select All, Default, Download, Close
1.5.5.5.18.1. Screen: Download--Excel spreadsheet in download criteria window
with columns by checkboxed items 1.6.
Preferences
1.6.1. Screen: Map settings
1.6.1.1.
Restore map
customizable color settings
1.7.
Admin
1.7.1. Screen: Site Groups
1.7.1.1.
Static
text: Page title
1.7.1.2.
Fields: Group Name, Description, Remove
1.7.1.3.
Link: Group Name (Group Name field item)
1.7.1.3.1.
Screen: Site Group Information
1.7.1.3.2. Input Fields: Group
Name, Description
1.7.1.3.3. Add/Remove Fields: Current
Users/Available Users, Current Sites/Available Sites
1.7.1.3.4. Functions: Query,
Update, Help, Back, Add/Remove button for field pairs
1.7.1.3.4.1.
Screen: Site Query 1.7.1.3.4.1.1. Static text: Instructions 1.7.1.3.4.1.2. Input Fields: Site Name, Address, City 1.7.1.3.4.1.3. Dropdown select lists: Country/State/Province 1.7.1.3.4.1.4. Functions:
Add Sites to Group, Remove Sites From Group 1.7.1.3.4.1.4.1.
Add Sites: Adds returned
sites to group 1.7.1.3.4.1.4.2.
Remove Sites From Group:
Removes the returned sites from the group 1.7.1.3.4.2.
Screen: Help 1.7.1.3.4.2.1. Static text in table, five steps
to add group 1.7.1.3.4.3.
Back: Back to Site Group list 1.7.1.3.4.4.
Update: Returns to Site Group
list with updated data 1.7.1.4.
Link: Remove This Group (Remove This field
item)
1.7.1.4.1.
Function: Removes group named on same
table row. Note: NO CONFIRM SCREEN
1.7.1.5.
Function: New Group
1.7.1.5.1.
Screen: Site Group Information
1.7.1.5.2. Input Fields: Group
Name, Description
1.7.1.5.3. Add/Remove Fields: Current
Users/Available Users, Current Sites/Available Sites
1.7.1.5.4. Functions: Query,
Create, Help, Back, Add/Remove button for field pairs
1.7.1.5.4.1.
Screen: Site Query 1.7.1.5.4.1.1. Static text: Instructions 1.7.1.5.4.1.2. Input Fields: Site Name, Address, City 1.7.1.5.4.1.3. Dropdown select lists: Country/State/Province 1.7.1.5.4.1.4. Functions:
Add Sites to Group, Remove Sites From Group 1.7.1.5.4.2.
Screen: Help 1.7.1.5.4.2.1. Static text in table, five steps
to add group 1.7.1.5.4.3.
Back: Back to Site Group list 1.7.1.5.4.4.
Create: Returns to Site Group
list with new data |