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.

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

List template exploration #799

Closed
5 tasks
ericsoderberghp opened this issue May 21, 2020 · 2 comments
Closed
5 tasks

List template exploration #799

ericsoderberghp opened this issue May 21, 2020 · 2 comments
Assignees
Labels
Owner:Design Used in issues that are being worked on/should be worked on by a designer.

Comments

@ericsoderberghp
Copy link
Contributor

ericsoderberghp commented May 21, 2020

Artifacts - what should be delivered

  • publish 3-10 screenshots or URLs showing existing list variations on existing sites
  • create 2-3 initial design direction alternatives, rough, <1day per
  • add notes in this issue about findings and recommendations
  • conduct a review meeting with design system team
  • create additional backlog items

Aspects - what should be considered

Variations on list item content:

  • name or id
  • icon
  • status
  • secondary content, perhaps a timestamp

Variations on related descriptors and interactions

  • heading naming what the list contains, probably tied to navigation link names
  • additional descriptive text
  • basic search interaction
  • detailed filtering
  • sorting
  • summary of number of items due to any filtering, for example: "20 out of 1000"
  • control to add an item
  • hover indication for navigation
  • multi-select for batch actions

Also include responsive and accessible aspects

This issue is for the Figma work in this area. Other issues will be added for the design system site and any theme or grommet work later.

Some examples of user stories:

  • As an HPE Green Lake administrator, I need to narrow the list of quotes to find the set of quotes that are in a state that I need to attend to so I can work on fulfilling them.

  • As an HPE Green Lake account rep, I need to find out the status of one of my customer's quotes so I can update the customer on the quote's status. All I have is the name of the customer and the date it was requested.

  • As an Aruba administrator, I need to determine how many devices I have of a particular model as Aruba has indicated that that model is being sunsetted and I need to start working on upgrading to new devices.

@ericsoderberghp ericsoderberghp added Owner:Design Used in issues that are being worked on/should be worked on by a designer. Where:Design System Website Used in issues related our website. labels May 21, 2020
@ericsoderberghp ericsoderberghp removed the Where:Design System Website Used in issues related our website. label May 26, 2020
@saggiemilva saggiemilva self-assigned this May 26, 2020
@ericsoderberghp ericsoderberghp changed the title List template List template exploration Jun 1, 2020
@saggiemilva
Copy link

Here is the link to the first pass at list guidance:
#376 (comment)

@MikeWalrath
Copy link
Contributor

Discussed as a team and no other work is needed within the "exploration" issue. We will create subsequent issues for the preview.
https://www.figma.com/file/tMYTr17r6hhGajSlNRiPje/HPE-List-Component?node-id=0%3A1

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Owner:Design Used in issues that are being worked on/should be worked on by a designer.
Projects
None yet
Development

No branches or pull requests

3 participants