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.

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

Standard Menu UI's #464

Open
Mgranfie opened this Issue Oct 23, 2017 · 3 comments

Comments

2 participants
@Mgranfie
Contributor

Mgranfie commented Oct 23, 2017

UI specifications for standard menu designs, are needed, so that designers and developers can implement consistent menu solutions in our applications.

1. Choose the type of contribution for this pattern:

  • This is an enhancement on an existing pattern

2. If this enhancement or new pattern was made for an application, specify which one.

Capturing current implementations of menus and establishing standards for them.

3. PatternFly Menu Standards

4. Use Cases + Requirements

Designers and developers utilize and implement menus in various ways throughout our applications. Without some guidance with standards and recommendations of use, for various menus, designers and developers are left to create and implement menus on their own, and this can create inconsistent use of menus.

5. References

GitHub Stories:
#461
#410 (comment)

Existing PatternFly Components:
Kebab Menus: http://www.patternfly.org/pattern-library/widgets/#kebabs
Launcher: http://www.patternfly.org/pattern-library/application-framework/launcher/
Masthead: http://www.patternfly.org/pattern-library/application-framework/masthead/#/design
Card View: http://www.patternfly.org/pattern-library/content-views/card-view/#/design
List View: http://www.patternfly.org/pattern-library/content-views/list-view/#/design
Table View: http://www.patternfly.org/pattern-library/content-views/table-view/#/design
TreeList View: http://www.patternfly.org/pattern-library/content-views/tree-list-view/#/design
Data Input: http://www.patternfly.org/pattern-library/forms-and-controls/data-input/
Language Selector: http://www.patternfly.org/pattern-library/forms-and-controls/language-selector/#/design
BootStrap ComboBox: http://www.patternfly.org/pattern-library/widgets/#bootstrap-combobox
BootStrap Select: http://www.patternfly.org/pattern-library/widgets/#bootstrap-select
BoostStrap DropDowns: http://www.patternfly.org/pattern-library/widgets/#dropdowns

6. Design Concepts

Attach any rough sketches, undocumented wireframes or workflows that will help the PatternFly Team understand and review, the pattern you would like to submit.
This is not a final document for submission, these materials will be used to help us understand the concept and problem you are solving and engage in review.

7. Scope: MD

8. Assign

If you are going to be the person working on this pattern, use the tag '@patternfly-design-maintainers' in the comments, to let us know you want to work on this issue, and we will assign you to it.

9. Pattern Name + Location

Once the design issue has been reviewed, the name and location, within the PatternFly.org website, will be determined and posted here, on this issue, by a PatternFly team member.
@suzannehillman

This comment has been minimized.

Show comment
Hide comment
@suzannehillman

suzannehillman Nov 27, 2017

Contributor

Hi all! I'm attaching the existing information I collected around the masthead user dropdown, and there's a few things to be aware of based on conversation with @Mgranfie:

  • The correct wording and capitalization for logging out is "Log Out".
  • OpenShift is still in progress - there's a section for 'now' and a section for 'in progress'. The former only has a single item in the menu (see Catherine Robson's line for the former, and Serena Doyle for the latter).
  • When a menu is selected, there needs to be highlighting on the top-level of menu to make it clear which menu is open. (eg, for user dropdown, highlight the user name/icon). This may exist in in an existing story already.
Contributor

suzannehillman commented Nov 27, 2017

Hi all! I'm attaching the existing information I collected around the masthead user dropdown, and there's a few things to be aware of based on conversation with @Mgranfie:

  • The correct wording and capitalization for logging out is "Log Out".
  • OpenShift is still in progress - there's a section for 'now' and a section for 'in progress'. The former only has a single item in the menu (see Catherine Robson's line for the former, and Serena Doyle for the latter).
  • When a menu is selected, there needs to be highlighting on the top-level of menu to make it clear which menu is open. (eg, for user dropdown, highlight the user name/icon). This may exist in in an existing story already.
@suzannehillman

This comment has been minimized.

Show comment
Hide comment
Contributor

suzannehillman commented Nov 27, 2017

@suzannehillman

This comment has been minimized.

Show comment
Hide comment
@suzannehillman

suzannehillman Feb 13, 2018

Contributor

I've done some additional research, to better understand the contexts within which dropdown menu/lists are likely to appear, as well as other types of menus. (dropdown lists and dropdown menus seem to be used interchangeably, and it is unclear if context or content matters)

Overall, it seems like menus are typically are used for navigation (including search) and filtering of data. Dropdown menus seem to be a subset of these, most often used for selection.

Two links that I have found useful:

My next step is to gather examples of how people are currently using menus and dropdowns in Patternfly within and outside of Redhat.

Contributor

suzannehillman commented Feb 13, 2018

I've done some additional research, to better understand the contexts within which dropdown menu/lists are likely to appear, as well as other types of menus. (dropdown lists and dropdown menus seem to be used interchangeably, and it is unclear if context or content matters)

Overall, it seems like menus are typically are used for navigation (including search) and filtering of data. Dropdown menus seem to be a subset of these, most often used for selection.

Two links that I have found useful:

My next step is to gather examples of how people are currently using menus and dropdowns in Patternfly within and outside of Redhat.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment