Date: Jan 17, 2021

Platform: Web

Designer: Nedda Ren

Intro

Metrics Lookup Table is a table which is used by Managers/Employees to set up/follow the mapping relationship between their deliverable and goal score/rating. The table will support auto population, which means if you input an actual and you can get the score directly based on calculation.

Users can use metric lookup table to help calculate ratings of a goal since it maps the relationship of the achievement to a corresponding rating. The table permission is granted via XML. The user is able to add/delete rows in a table. The user is able to adjust the rows sequence when there is more than one row added. Required fields in a table can be achieved at a column level in a table. For optional configurations, if there is an empty row, user is reminded to delete that row, otherwise the goal cannot be saved. The user selects from multiple mappings of the baseline percentage-to-rating relationship already configured in the XML. The user also enters an initial target baseline value in the field, based on these two selections the system will populate the MLT.

Usage

• You need to show a mapping relationship of deliverables and scores/ratings with 1 or more different scales.
• You want to edit the mapping relationship with add/delete rows in a table.
• You have less than 2 rows of mapping data.

Structure

• The Metrics Lookup Table contains 4 parts:
• The scale selection to choose which scale of mapping you are using.
• The edit buttons of the table (add/delete/move up/move down).
• The table.
• The actual input /output of auto-population
• The Question mark can show the description of the Metrics Lookup Table

You can give the table a maximum height, and the table will support standard scrolling behavior.

Behavior & Interaction

• For editing the Metrics Lookup Table:

2. For select different scales:

3. For Metrics Lookup Table’s description:

4. When review the MLT table on goal detail page with read-only mode:

• User can click Tab to select and focus on different rows, then click “Enter” to focus on selecting cells.
• User can click Left or Right to select different cells.
• Click Esc will exit the cell to back to parent row.
• By selecting different row and select Move Up/Down or Delete button, user can edit the row.
• Please follow the Web Accessibility QuickGuide

1. When MLT is set up but it is empty, and the user has no permission to edit:

2. When MLT is set up but it is empty, and the user has permission to edit: