department-of-veterans-affairs / va.gov-cms

Editor-centered management for Veteran-centered content.
https://prod.cms.va.gov
GNU General Public License v2.0
79 stars 59 forks source link

UX: Revisit FE design for VA health service accordions #13932

Open mmiddaugh opened 3 years ago

mmiddaugh commented 3 years ago

Issue description

VA health and non-clinical services may be offered at more than one location for a given health system. A given service might have multiple locations, each of which might use the same address as the main facility, another location on the campus or an offsite location

All service locations and the relevant associated information , such as phone numbers and hours of operation, should be presented in a visually distinct and understandable way.

Problems to solve

Workflow system vs facility - Much of the information displayed for a facility's service is created at the system level. Service locations are entered at the facility level. This can be a confusing interface for editors. - Example: [Portland VAMC Podiatry](https://www.va.gov/portland-health-care/locations/portland-va-medical-center/#podiatry): Vancouver VA Medical Center and Salem VA Clinic are listed as podiatry service locations for the Portland VA Medical Center. These are facilities within the same health system and have their own service accordions. They should not be added as service locations for the Portland VA Medical Center.
Service location name - Editors can enter the Name of the office or location but the field is not required. If the field is not populated, nothing is displayed to give context to the associated information such as hours of operation or physical address. The absence of a name heading also can impact heading hierarchy. Example: [Bath VAMC Mental health](https://www.va.gov/finger-lakes-health-care/locations/bath-va-medical-center/#mental-health-care)
Service location address - Editors can specify that the facility's street address should be used and/or choose to add Building name/number and/or Wing/Floor/Room info. - If the editor specifies that the location should use the facility address and does not enter additional information, no address is displayed. Example: [Portland VAMC Podiatry](https://www.va.gov/portland-health-care/locations/portland-va-medical-center/#podiatry) - If the editor specifies wing/floor/room + facility address will display only the wing/floor/room information without the additional street address for context. Example: [Bath VAMC Mental health](https://www.va.gov/finger-lakes-health-care/locations/bath-va-medical-center/#mental-health-care) - Editors need to understand what is expected for the Name field and how it is different from the Building name - Use of the word "facility" in this content block may not be clear - Editors need to understand how to enter details with the correct format (i.e., "Building 78, 3rd Floor")
Service location phone numbers - Editors can enter a number at the service level for appointments. - Editors need support to create meaningful phone labels - How should the UX support separate appointment numbers for each service location? - How should the front end display appointment phone numbers which are the same for each service location?
Service location hours of operation - Editors can specify that the service location uses the facility's hours, enter specific hours for the service location or display no hours at all. Comments can be also be added next to the hours for each day. There is a separate free text field for `Additional hours options` text field. - Editors need to understand what can be entered in the comment field and how the field is different from the `Additional hours` field. Examples: [Bath VAMC Mental health](https://www.va.gov/finger-lakes-health-care/locations/bath-va-medical-center/#mental-health-care): VCL, Care coordinator and Urgent care details and [Portland VAMC Podiatry](https://www.va.gov/portland-health-care/locations/portland-va-medical-center/#podiatry): the word "Varies" is displayed in italics without context - The help text for the `Additional hours` field is duplicative and does not provide necessary support.

Exported mural with Veteran front-end mapped to CMS editor UX


Related issues

Open questions

Acceptance criteria

FE design should include plan for the following

aklausmeier commented 3 months ago

@thejordanwood FYA