NASA-AMMOS / aerie-ui

The client application for Aerie.
https://nasa-ammos.github.io/aerie-docs/
MIT License
29 stars 5 forks source link

Design: Custom filters for activity layers #1168

Closed lklyne closed 2 months ago

lklyne commented 6 months ago

Overview

There's a request to have more complex filters to drive what activities show up in an activity layer. This would enable users to create more focused rows that reduced clutter and kept things focused on the task at hand. For example, a row could be built by a few related subsystems where a certain parameter was met, or where a specific tag was included. This approach would allow further refinement after dragging a group of starting activities on to the filters.

Feature request

image

lklyne commented 2 months ago

Background

There's a couple of related ideas we can chain together to improve the row building and filtering experience. The overall goals are to simplify how rows are built and filtered, make filters more dynamic so they don't get stale as a mission model shifts, and add the ability for people to drill down and customize them if needed. We don't want to expose a lot of that complexity up front, but the complicated bits should be easy to access.

Current issues

Some of the pain points with our approach to filtering that this design direction aims to address:

Proposed solutions

1) New browse panel: a better way to browse activities and resources (heavily inspired by the workflow in raven)

2) Improved filters in row details

3) Clear up hierarchy in row details

Open questions + design

Prototype: https://www.figma.com/proto/gsWLcy9UuqSQVqbyHf4Lw6/AERIE-Filtering%2C-Activity-UX%2C-Timeline-Density?page-id=885%3A65354&node-id=1007-150579&viewport=35%2C-7458%2C0.55&t=Ia1AyYjoyOCSVWUg-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=1007%3A64472&show-proto-sidebar=1

Design files: https://www.figma.com/board/PE4EJhU1GM7eEeJOyfdN3I/Aerie-Filters-and-Row-Building?node-id=0-1&t=9YbmVWV1sPhJOqlj-1 https://www.figma.com/design/gsWLcy9UuqSQVqbyHf4Lw6/AERIE-Filtering%2C-Activity-UX%2C-Timeline-Density?node-id=885-65354&t=5O7Q5GIEuaSAPokb-1

lklyne commented 2 months ago

Notes

dandelany commented 2 months ago

Thanks for the great summary @lklyne - I've copied the main requirements from above into a new ticket for implementation: #1391

Feel free to keep this one open for more notes/design ideas, or close when you feel it's design-complete.