PASIprep UI Guidelines Checklist
NOTE: Most of these items should be part of the BA Design Template or the Guidelines itself. Once that is verified this checklist can be deprecated.
The checklists below are meant as a reminder to BAs (during design), Tech Team (during development) and QAs (during testing) on items to watch for when one of the UI page content template, UI patterns, or UI widgets from the PASIprep UI Guidelines are used.
These items are expected in a 'typical' view; however there will also be exceptions to the case which should be clearly defined in the design.
General Checklist
Security requirements checklist:
Does the design consider and clearly define security requirements or restrictions in terms of:
-
-
-
-
Time (i.e. does date or school year of record restricts the user's access to the record)
Ownership of academic record (e.g. if a school owns the Course Enrolment do they get special access?)
-
Security considerations for:
Viewing the page
-
Viewing list of business objects / records
When there are security restrictions on which records the user is allowed to view, are those restricted records filtered out in the application completely?
Viewing data elements of a specific record
When there are security restrictions on which data elements user is allowed to view, are those data elements (displayed as columns on a business object grid, a field/value pair, etc) hidden from the user, based on the rules defined in the design?
When the user does not have access to View Student information (generally means they have no access to the
View Student page for the student, are all student information data elements (except ASN) hidden on screen?
Access to perform an action (e.g. [Edit] to access an Edit page)
When the security requirements to perform an action are not satisfied, are methods to access those functions (e.g. buttons, links, action menu items) completely hidden from the user?
Perform an action (e.g. [Delete] on a View Item page)
When the security requirements to perform an action are not satisfied, are methods to perform the action (e.g. buttons, action menu items) completely hidden from the user?
Is this action also guarded in the service level?
Page Content Template Checklists
List Items Template
PASIprep List Items Template
A typical List Item Templated screen should have the following:
Page title starts with “List”?
Browser title matches page title?
An identifier subtitle is provided?
Page contains a single Business Object Grid?
The grid follows the standard Business Object Grid guideline?
A full screen mode is available for the grid?
If Grid Actions are available, is the grid selectable? Can user perform actions in bulk (which is preferred)?
View Item Template
PASIprep View Item Template
A typical View Item Templated screen should have the following:
Page title starts with “View”?
Browser title matches page title?
Are badges required by the design? If so, does each badge have a meaningful tooltip?
Are there Actions (in the Action toolbox) defined in the design for the context on screen? Actions related to the current 'context' is in an Actions Toolbox? (e.g. in a “View Student Phone Number” page, the context is Student Phone Number - actions managing that Student Phone Number should be in the toolbox)
Are actions in the toolbox hidden when user has no security rights (e.g. permissions/associations) to perform the action?
Do users get a validation error message when they perform an action that is not permissible based on the defined business rules?
Is “Details” or “Summary” the default tab?
If a Business Object grid is present…
If Grid Actions are available, is the grid selectable? (single-select preferred.)
Is the “Audit History” tab present when the record has an audit history?
-
If not, is “Last Updated” information (Last Updated On/By/Org) in the Details (or Summary) tab (if available on the record)? Is it position as the last row in the content?
If the item the user is viewing can be deleted, is the “Deleted” flag in the Details (or Summary) tab?
If so, does it follow the Deleted
value pair standard?
Is it position in near the top right corner of the content (e.g. first row, last field on a
Value List)?
-
For each tab:
Is the UI Pattern(s) used specified in the design? (Summary Cards, Card Groups, Business Object Grids, Field Value List)
For each UI Pattern used, do they follow the standard guidelines?
If the content is long or there is a mix of different types of content, are they arranged into sections with meaningful title?
-
For screens that displays Demographic Information for a specific student
Student Identifier Subtitle (for the ASN tied to the record) is displayed?
The Student Identifier Subtitle is in proper format, and the ASN & Name links to the View Student page for the ASN tied to the record?
This is not visible if user has no access to View Student for the student displayed?
Student-related Status Badges for the ASN tied to the record is displayed?
This is not visible if user has no access to View Student for the student displayed?
The Primary ASN tied to record is displayed in the Details (or Summary) tab as a link to the View Student page for that ASN?
Is it position as the first field labeled “Alberta Student Number”? (or as close to the top of the content as possible?)
This is not a link if user has no access to View Student for the student displayed?
Is there an “active status” type of field on the business object? (e.g. “Preferred?”, “Active?”, Status field that indicates whether the record is active or not, etc)
If so, is it positioned next to the ASN field?
Is the Reference # displayed in the Details tab as the last field (if Reference # exists for the record)?
For screens that displays Academic Information for a specific student
Student Identifier Subtitle (containing the ASN's student information) is displayed?
The Student Identifier Subtitle is in proper format, and the ASN & Name links to the View Student page for the ASN of the student in context?
This is not visible if user has no access to View Student for the student displayed?
Student-related Status Badges for the primary ASN is displayed?
This is not visible if user has no access to View Student for the student displayed?
The ASN tied to record is displayed in the Details (or Summary) tab as a link to the View Student page for that ASN? (NOTE: this is not necessary the Primary ASN!)
Is it position as the first field labeled “Alberta Student Number”? (or as close to the top of the content as possible?)
This is not a link if user has no access to View Student for the student displayed?
Is there an “active status” type of field on the business object? (e.g. “Preferred?”, “Active?”, Status field that indicates whether the record is active or not, etc)
If so, is it positioned next to the ASN field?
Add Item Template
PASIprep Add Item Template
A typical Add Item Templated screen should have the following:
Page title starts with “Add”?
Browser title matches page title?
Is the item related to a student? If so, is the Student Identifier subtitle present?
[Save] and [Cancel] buttons visible in Action Toolbox?
[Save] is the default button?
Pressing [Enter] on the keyboard when focus is on any field in the form (except Text Area) triggers the [Save] button?
[Save] and [Cancel] takes user back to the page they came from (or the Home Page if they did not come from a PASIprep screen?)
On [Save], if user is taken back to a page with a grid showing the record, is the saved record visible and selected/highlighted?
-
When user hits [Save] and is taken back to a Business Object Grid where the new record is shown, is the new record visible and selected in the grid?
-
Does a confirmation dialog shows when the user attempts to leave the screen before they save their updates?
For screens that adds Demographic Information for a specific student
Student Identifier Subtitle (for the ASN tied to the record) is displayed?
The Student Identifier Subtitle is in proper format, and the ASN & Name links to the View Student page for the ASN tied to the record?
This is not visible if user has no access to View Student for the student displayed?
Student-related Status Badges for the ASN tied to the record is displayed?
This is not visible if user has no access to View Student for the student displayed?
The ASN tied to record is displayed?
Is it position as the first field? (or as close to the top of the content as possible?)
Is the Reference # displayed as the last field (if Reference # exists for the record)?
For screens that adds Academic Information for a specific student
Student Identifier Subtitle (containing the ASN's student information) is displayed?
The Student Identifier Subtitle is in proper format, and the ASN & Name links to the View Student page for the ASN tied to the record in context?
This is not visible if user has no access to View Student for the student displayed?
Student-related Status Badges for the primary ASN is displayed?
This is not visible if user has no access to View Student for the student displayed?
The ASN tied to record is displayed?
Is it position as the first field? (or as close to the top of the content as possible?)
Edit Item Template
PASIprep Edit Item Template
A typical Edit Item Templated screen should have the following:
Page title starts with “Edit”?
Browser title matches page title?
Is the item related to a student? If so, is the Student Identifier subtitle present?
[Save] and [Cancel] buttons visible in Action Toolbox?
[Save] is the default button?
Pressing [Enter] on the keyboard when focus is on any field in the form (except Text Area) triggers the [Save] button?
[Save] and [Cancel] takes user back to the page they came from (or the Home Page if they did not come from a PASIprep screen?)
On [Save], if user is taken back to a page with a grid showing the record, is the saved record visible and selected/highlighted?
-
Are Work Item Cards shown when there are work item(s) for the record?
When user hits [Save] and is taken back to a Business Object Grid where the updated record is shown, is the updated record visible and selected in the grid?
-
-
Does a confirmation dialog shows when the user attempts to leave the screen before they save their updates?
For screens that edits Demographic Information for a specific student
Student Identifier Subtitle (for the ASN tied to the record) is displayed?
The Student Identifier Subtitle is in proper format, and the ASN & Name links to the View Student page for the ASN tied to the record?
This is not visible if user has no access to View Student for the student displayed?
Student-related Status Badges for the ASN tied to the record is displayed?
The ASN tied to record is displayed and links to the View Student screen for the ASN?
Is it position as the first field? (or as close to the top of the content as possible?)
This is not a link if user has no access to View Student for the student displayed?
Is the Reference # displayed as the last field (if Reference # exists for the record)?
For screens that edits Academic Information for a specific student
Student Identifier Subtitle (containing the ASN's student information) is displayed?
The Student Identifier Subtitle is in proper format, and the ASN & Name links to the View Student page for the ASN of the student?
This is not visible if user has no access to View Student for the student displayed?
Student-related Status Badges for the primary ASN is displayed?
The ASN tied to record is displayed and links to the View Student screen for the ASN?
Is it position as the first field? (or as close to the top of the content as possible?)
Is it labeled “Alberta Student Number”?
This is not a link if user has no access to View Student for the student displayed?
UI Pattern Checklists
Business Object Grids
PASIprep Business Object Grid
(Please also be aware of the Exception Cases below this list, which describes cases where not everything in the following list applies)
Data display
Default grid row sort order specified?
Default grid column ordering specified?
Default grid column visibility specified?
Common Columns are utilized whenever applicable?
Crosslinking is implemented as per guidelines?
Records in the grid have a corresponding Audit History view screen for user to go to?
If so, is there a Last Updated column (which shows the Last Updated Date/time) that takes user to the Audit History view? Is it hidden by default?
Records in the grid have Last Updated On/By/Organization information but no Audit History screen?
If so, those information should be included in the grid as columns
Is the Work Item column present if the record has corresponding work item(s) to show in the View screen and user has permission to see the work item?
Is a “Deleted?” column present when the record can be logically deleted?
Are deleted records required to be shown in the design?
If so are they styled properly and hidden by default?
Is row highlighting required by the design?
If so what rows should be emphasized and what should be de-emphasized?
Cases where emphasis should be used:
To highlight Preferred record
To highlight Active record (if only one can exist at a time)
To highlight Current record (if only one can exist at a time)
To highlight records that user needs to action on
Cases where de-emphasis should be used
Inactive records
Expired records
Each record in the grid is linked to a student?
If so, is the “ASN” (tied to the record; this may be the secondary ASN), “Student Name” (preferred name of primary ASN), “Last Name”, “Middle Name”, “First Name” and “Suffix” columns available?
Does the ASN and Student Name columns link to the View Student page for the student?
Is the ASN and Student Name columns visible by default if user is currently not in the View Student page?
The Name columns are not visible if user has no access to View Student for the student displayed?
The ASN column is not linked if user has no access to View Student for the student displayed?
If the data value displayed is a Code Value, is it shown in one of the accepted formats?
-
Column labels for data elements takes the full name of the data element (i.e no abbreviation)?
Layout
Each grid column's min width is defined to fit the header label of the column?
Each grid column auto-sizes to the 'common longest' value in the grid (while respecting the max width of the column specified in the design)?
Functions
Filtering is enabled in each column?
The right filtering type is used? (text, number, set)
Sorting is enabled in each column?
Export to CSV and Columns… controls are present
Total count of records at the bottom of the grid is present?
When there is no data to display in the grid, the grid has a message that reads “No records found.”?
Is the View Icon column present when there is a corresponding View page for the record?
Is the Edit Icon column present when there is a corresponding Edit page for the record?
Is the column hidden when user does not have permission to edit?
Is the icon hidden when user does not have permission to edit specific records in the grid?
Grid Action Menu Bar
Is the Checkbox column present when there is an action in the Grid Action Menu Bar that requires user to select one or more records on the grid first before the action can be performed?
If bulk actions are permitted, is multi-select enabled on the grid?
Are actions in the menu bar hidden when user has no security rights (e.g. permissions/associations) to perform the action?
Do users get a validation error message when they perform an action that is not permissible based on the defined business rules?
Exception Cases for Business Object Grids
For “Small Grids” (grids that are roughly less than or equal to 5 columns and rows in size)
Export to CSV is not required
Column… control is not required (if all columns are already displayed by default)
Total count of records is not required
Sort and filter functions are not required
For grids that shows Demographic Information for a specific student
Export to CSV is not required
If the screen the grid is in already contains the Student Identifier Subtitle:
ASN and Student Name (and all components of the student preferred name) columns are not required
A “Reference #” column should be included in the grid to display the Reference ID (can be a hidden column)
A “Preferred?” column should be included in the grid (rendered with checkmark = Yes, blank = No) if applicable to the entity (e.g. Mailing Address)
For grids that shows Academic Information for a specific student
If user is already in the
View Student page, Student Name column & Last/Middle/First Name & Suffix columns are not required.
Audit History Grid
PASIprep Audit History Grid
Grid data sorts by latest to oldest records by default?
Grid column default ordering specified?
All columns available for the Business Object (including the Deleted? flag if it exists the object) are included in the grid and visible by default?
These columns aligns with the fields presented in the View screen of the Business Object?
First column (visible by default) is Updated On?
Last two columns visible by default are: Updated by, and Updated by Organization?
Filtering is enabled in each column?
The right filtering type is used? (text, number, set)
Sorting is enabled in each column?
Columns… control is present?
Total Count of Row at the bottom of the grid is present?
Is Export to CSV required by design? If so, is it present?
Each grid column's min width is defined to fit the header label of the column?
Each grid column auto-sizes to the “common longest” value in the grid (while respecting the max width of the column specified in the design)?
-
For screens that adds Academic Information for a specific student
ASN included as column in the grid and visible by default?
Card Group
PASIprep Card Group
Is the Layout specified in the design?
If there are action links, are they positioned in the right area?
Summary Cards
PASIprep Field Value List / Form
Is the ordering of the fields specified?
Is the grouping of fields specified?
A meaningful display title is assigned to each groups?
Is the layout of the fields on each group specified based on the 6 column 'grid' layout? (Note: most fields should span 2 columns each unless it is exceptionally short or long)
Recommended Position and Labeling for Commonly Used Fields
Alberta Student Number, when viewing student-related record, should generally be the first field and labeled “Alberta Student Number” (not “ASN”)
Deleted Flags (rendered as described in the
PASIprep Field/Value Pair guidelines) should be positioned generally as the last field on the first row (i.e. towards the top right corner of the content)
*Important status fields should be positioned in the top row (preferred) or in the first row of a group. It is also recommended that they are positioned either as the leftmost field or the rightmost field in the row.
Field Value Pair
PASIprep Field/Value Pair
Are required fields identified? (if it is an editable field/value form)
Are hint texts defined for fields with labels that are not self-explanatory
Is the data format identified? (if it is an editable field/value form and the field requires a specific format)
If the value is a Code Value, is it shown in one of the accepted formats (usually Short Description would be visible)
Are commonly used field label and value pairs used when applicable?
Combobox / Dropdown
PASIprep Combobox / Dropdown
Is the suitable dropdown input control used? (Select (either the single-select or the multi-select variant), Select w/ Autocomplete, Autocomplete)
If Select is used, when the field is optional, was an empty option provided?
Are the options listed in the design displayed accordingly?
If there is an “All” or “Any” option, are they displayed properly depending on the type of dropdown? (Select vs Select w/ Autocomplete)
If the options comes from a list of Code Values, is it shown in one of the accepted formats (usually Short Description would be visible)
If the record is associated to a School Year, are the Code Value options filtered based on the School Year selected for the record and the effective School Year range for the code value?
If the dropdown is used for School Year selection does it show the proper list of School Years options based on the record type (mark vs school enrolment)?