entity
entity copied to clipboard
bcgov
Edit My Contact Information
📖 User Story
User Story
🔹As a user who is on the Contact Information page and has entered the contact information for primary and/or secondary contacts, 🔹I want the ability to edit my contact information, 🔹So that the examiner has my correct contact details.
Context
Allow hosts to edit their contact information previously entered and the registration form will store the new values
📏 Business Rules
- [ ] can edit contact information including Date of Birth, phone number, extension, email address, fax number
- [ ] can edit mailing address including country, address, address line 2, city, postal code and province
🎭 Story Scenarios
see specific story scenarios
Scenario 1: Editing Contact Information
Given the user's contact information is filled out,
When the user is on or navigates to the contact information page Then the system should provide an editable form with the current contact information,
And allow the user to modify any of the contact details,
🔗 Mural Links
Story in Mural: [Insert link to the story or additional context here]
🛠️ Parameters Definition
click to view parameter definitions
- [Role]: User role or persona targeted by this issue.
- [Feature/Action]: Action or feature being requested.
- [Benefit/Outcome]: Expected benefit or outcome from implementing the feature/action.
- [Authentication Method]: Method used for user authentication.
- [Form Name]: Specific form or section referenced.
- [Specific Action]: Particular action taken by the user.
- [Expected Result]: Desired outcome after action is taken.
- [Invalid Data]: Examples of invalid data that might be entered.
- [X] seconds: Exact time frame within which an action should complete or a page should load.
- [Specific Page]: Specific page or section of the application.
- [Link Name]: Text or identifier of a link or button.
🌍 Global Scenarios
click to see global scenarios
Scenario 1: Validation and Error Handling
- Given I am updating [Form Name] from the newly opened section below the progress bar
- When I enter invalid data (such as [Invalid Data]) and attempt to save
- Then I should receive immediate feedback indicating the error, and the information should not be saved until corrected.
Internet Connection
Scenario 1: Standard Internet Connection
- Given I am accessing the website from a standard internet connection
- When I navigate to any page on the site
- Then the page should load completely within 2 seconds, ensuring a fast and efficient user experience.
Scenario 2: Optimizing Dashboard for Hosts with Low Internet Connectivity
- Given a user accesses [Form Name] with a low-speed internet connection
- When the user attempts to load and interact with the dashboard page
- Then [Form Name] should prioritize critical content and functionality, loading essential elements first to ensure usability.
Security and Privacy
Scenario 1: Security and Privacy Settings
- Given I am editing [Form Name]
- When I access the form
- Then I should have the option to update my privacy settings related to who can view [Form Name].
Scenario 2: Secure My Information
- Given I am a user entering personal or login information into [Form Name]
- When I submit this information through any form or login page
- Then the platform should encrypt this data during transmission and storage, safeguarding it against unauthorized access.
Mobile Responsiveness
Scenario 1: Mobile Responsiveness
- Given I am accessing [Form Name] on a mobile device
- When I click on the "[Link Name]" link
- Then [Form Name] should display correctly and be easily editable on my device, ensuring a responsive design.
🌐 Accessibility Scenarios
click to view accessibility scenarios
Scenario: Navigating the Page Using Keyboard Only
- Given I am a non-mouse user accessing [Specific Page]
- When I use keyboard navigation (Tab, Shift + Tab, Enter, Arrow keys)
- Then I should be able to fully interact with [Specific Page], including buttons, dropdowns, and modals.
Additional Accessibility Scenarios
- Using the "Skip to Main Content" link
- Interacting with form fields using the keyboard
- Navigating dropdown menus using arrow keys
- Closing modals using the Escape key
- Navigating paginated content using keyboard shortcuts
Scenario: Ensuring Usability with Color-Blind Friendly Design
- Given I am a user with color vision deficiency
- When I view charts, graphs, status indicators, and use interactive elements like buttons or links
- Then these elements should use patterns, shapes, and additional indicators beyond color to ensure usability and accessibility.
🎨 UX/UI Considerations
click to view UX/UI considerations
Layout and Aesthetics
- Design Principle: Describe any specific design principles or themes that need to be incorporated.
- Visual Hierarchy: Outline how information should be prioritized visually on the page.
Responsiveness and Adaptability
- Device Compatibility: Ensure the design is responsive and adaptable across different devices and screen sizes.
- Orientation Adaptability: Mention if the design should adapt to changes in device orientation.
User Flow and Interaction
- Navigation: Describe the intended navigation path for users within this feature or page.
- User Actions: Detail any specific user actions (e.g., clicks, swipes) and their expected outcomes.
Accessibility and Inclusivity
- Color Contrast: Ensure sufficient color contrast for readability and accessibility.
- Interactive Elements: Specify guidelines for button sizes, hit areas, and interactive element visibility.
