luketa8
commented
2 months ago Figma file ready to review. @julauxen @SeamusLeonardHPE
Open SeamusLeonardHPE opened 2 months ago
luketa8
commented
2 months ago Figma file ready to review. @julauxen @SeamusLeonardHPE
luketa8
commented
1 month ago Added intro text and link to videos. Let's review and share
Follow on on to https://github.com/grommet/hpe-design-system/issues/4127
Problem Statement:
Product teams members have identified problems with wizard's approach to navigation, the location of cancel/prev/next navigational buttons. They currently require a great amount of mouse movement, can be inconsistent in their location, and are grouped in a way that could be problematic for a screen reader. These buttons are essential for guiding users through multi-step processes and providing them with clear control over their journey. However, different layout options for these navigational controls — either in the header or footer — may affect usability, accessibility, and user flow.
Steps:
Provide design options along with rational + pros/cons that are specific to "navigation" within wizard (excluding any stepper for now). There a limited number of configurations that are possible, and I think you have mostly covered them on the cancel/previous pages in the file we reviewed
Options include but are not limited to: 1- Nav elements remains as is in current design (3 locations) Pros & Cons 2- Nav elements get grouped on footer bottom right (cancel, prev, next) - Pros & cons - (considering Ux principles proximity/keyboard accessibility Etc) 3- Nav elements top right cancel, footer bottom right (prev, next) -Pros - retains experience of side drawer- -Cons - breaks form actionable center guidance re buttons 4- Other compositions you can suggest ..etc
The goal being to provide the team with a limited number of options, side by side principles & rational, and suggest that we proceed with the consensus vote.
With the previous research this task should be achievable for review for Monday DS critique.