From 2785e4fb572dbbecf0b077c1c3bf8ae7fe9f54ef Mon Sep 17 00:00:00 2001
From: miguel-soco_goa Hover on the time it was added to see the full date and time. Hover on the time it was added to see the full date and time. Hover on the time it was added to see the full date and time. You will receive a copy of the confirmation to the email person@email.com Confirmation number: 1234ABC
+ Other information about what was just completed, other tertiary information, and/or contact information.
+ Phone: 780 123 4567
+ Email: information@gov.ab.ca
+ You will receive a copy of the confirmation to the email person@email.com Confirmation number: 1234ABC
+ Other information about what was just completed, other tertiary information, and/or contact information.
+ Phone: 780 123 4567
+ Email: information@gov.ab.ca
+ You will receive a copy of the confirmation to the email person@email.com Confirmation number: 1234ABC
+ Other information about what was just completed, other tertiary information, and/or contact information. You will receive a copy of the confirmation to the email person@email.com You will receive a copy of the confirmation to the email person@email.com Confirmation number: 1234ABC
Other information about what was just completed, other tertiary information, and/or contact information.
Phone: 780 123 4567
- Email: information@gov.ab.ca
+ Email: information@gov.ab.ca
Examples
+
+ Show different views of data in a table
+
+
+
+
+
+ Status
+
+
+ Text
+
+
+ Number
+
+
+ Action
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+
+
+
+
+ Status
+
+
+ Text
+
+
+ Number
+
+
+ Action
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+
+
+
+
+ Status
+
+
+ Text
+
+
+ Number
+
+
+ Action
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+ Set a specific tab to be active
+
+
+
+
+
+ Status
+
+
+ Text
+
+
+ Number
+
+
+ Action
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+
+
+
+
+ Status
+
+
+ Text
+
+
+ Number
+
+
+ Action
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+
+
+
+
+ Status
+
+
+ Text
+
+
+ Number
+
+
+ Action
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+
+
+
+
+
+ Lorem ipsum
+
+
+ 1234567890
+
+
+
+
+ Examples
+
+
+ Use a tooltip to show a full date when shortened
+ Show a label on an icon only button
+ Click to copy something to your clipboard
+ Examples
+
+ Show status in a table
+
+
+
+
+ Status
+ Name
+ File number
+
+
+
+
+ Lorem ipsum dolor sit amet consectetur.
+ 1234567890
+
+
+
+
+
+ Lorem ipsum dolor sit amet consectetur.
+ 1234567890
+
+
+
+
+
+ Lorem ipsum dolor sit amet consectetur.
+ 1234567890
+
+
+
+
+
+ Lorem ipsum dolor sit amet consectetur.
+ 1234567890
+
+
+
+
+
+ Lorem ipsum dolor sit amet consectetur.
+ 1234567890
+
+
+
+
+
+
+ Lorem ipsum dolor sit amet consectetur.
+ 1234567890
+
+
+ Show multiple tags together
+ Show a status on a card
+ Examples
+
+ Confirm that an application was submitted
+ Go back to the dashboard, or direct your user somewhere else useful.
+ Go back to the dashboard, or direct your user somewhere else useful.
+ You have completed the application
+ Go back to the dashboard, or direct your user somewhere else useful.
+
+ Phone: 780 123 4567
+ Email: information@gov.ab.ca
+
Hover on the time it was added to see the full date and time.
@@ -158,7 +157,18 @@ export default function TEMPLATE_Page() {Hover on the time it was added to see the full date and time.
For more details on the process of usability testing, refer to our - - usability field guide. - + + usability field guide + .
For more details on the process of assessing compliance to each guideline, refer to our - - Heuristic Worksheet & UX Review Process. - + + User Experience Guidelines + and + + User Experience Worksheet + .
- Usability testing is our preferred method to understand user needs as they relate to each guideline. Suitable usability testing includes: -
- For more details on the process of usability testing, refer to our - - usability field guide - . -
-For more details on the process of assessing compliance to each guideline, refer to our @@ -35,15 +24,26 @@ export default function UserExperienceGuidelinesPage() { .
-Usability testing is our preferred method to understand user needs as they relate to each guideline.
+Suitable usability testing includes:
+ +Frequent usability testing should be conducted to maintain product usability, effectiveness and alignment to the user needs as they evolve over time.
+ ++ For guidance on the process of usability testing, refer to our + + usability field guide + . +