Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

UX design pattern: Horizontal step wizard #6629

Open
1 of 3 tasks
ccbarragan opened this issue Aug 1, 2023 · 2 comments
Open
1 of 3 tasks

UX design pattern: Horizontal step wizard #6629

ccbarragan opened this issue Aug 1, 2023 · 2 comments
Assignees
@ccbarragan
Labels
design pattern [UX design] This work item defines or updates a design pattern.

Comments

@ccbarragan
Copy link
Member

ccbarragan commented Aug 1, 2023 •
edited
Loading

UX design pattern guidance around vertical vs. horizontal step wizards for Release Planner + associated apps. Part of #6596

Previous guidance: Horizontal tab list, Step wizard

Success criteria

  • Design pattern is scalable and can be applied across other apps to create a coherent experience for service partners.
  • Design pattern is pressure-tested for accessibility, color, and usability.
  • Design pattern reuses common Fluent components.

Tasks

  • Create lo-fi designs for review
  • Add to templated pattern guidance
  • Hand-off for implementation
@ccbarragan ccbarragan self-assigned this Aug 1, 2023
@ccbarragan
Copy link
Member Author

Lo-fi concepts: https://www.figma.com/file/JzbPB3xPwrjdxJ5SiG7hYD/Design-sync%3A-SDK-readiness?type=whiteboard&node-id=303%3A13901&t=iz2ZGiDEft8DIXgE-1

@ccbarragan ccbarragan changed the title UX design pattern: Horizontal step wizard UX design: Horizontal step wizard Aug 1, 2023
@ccbarragan
Copy link
Member Author

Fluent 2 doesn't have a designated step wizard component. Instead, developers modify the Tablist component.

Other examples of step wizards:

@ccbarragan ccbarragan changed the title UX design: Horizontal step wizard UX design pattern: Horizontal step wizard Aug 1, 2023
@ccbarragan ccbarragan added the design pattern [UX design] This work item defines or updates a design pattern. label Aug 1, 2023
@ccbarragan ccbarragan mentioned this issue Aug 1, 2023
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@ccbarragan ccbarragan

Labels
design pattern [UX design] This work item defines or updates a design pattern.
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@ccbarragan