zhenlab-ltri / NemaNode

Interactive map of neural connections in the nematode C. elegans. Online at http://nemanode.org.
http://nemanode.org
GNU General Public License v3.0
8 stars 4 forks source link

UI ideas for selecting datasets #69

Open d2fong opened 3 years ago

d2fong commented 3 years ago

@dwitvliet I randomly thought of some rough ideas for how UI might look when you start adding more datasets. Main ideas:

These are assumptions that could be wrong, feedback would be appreciated. nemanode ui ideas-Compare Specific Datasets nemanode ui ideas-Compare Across Development

dwitvliet commented 3 years ago

I love the drawings!

I think we have to assume that the user knows nothing about the dataset id, and not much about what datasets are available. We also have to assume that different users would care about different datasets. Some would care about comparing across developmental stages. Some would care about comparing across sex. Some care about comparing across species (assuming we have more than one). And the majority probably only care about seeing that one good adult hermaphrodite that they can use to explain their functional data. Optimally, it should be easy for all users to get the datasets they are looking for.

How about some mix of the two. E.g. at first you list all datasets (similar to your first picture, but without the author), and then you have options to filter by: age, sex, species, and coverage. If you click "Age", you get some developmental timeline showing all datasets that you can easily pick from; if you click "Sex", you get all datasets by different sexes, etc (basically your bottom picture).

What is probably most difficult is making it intuative, so it's clear to any user how to navigate it and how to keep track of what filters are applied, and how filters narrow the datasets down. I'm thinking we might draw inspiration from websites selling computers (e.g. BestBuy), where you can filter by brand, color, RAM, etc.

d2fong commented 3 years ago

Ok I will iterate on the designs when I have the time. The drawings were made with draw.io its pretty easy to use to make quick mockups.

d2fong commented 3 years ago

Ok here is another version of the concept as a demo. It's not functional but it gives an idea of what it could be like: https://7xw9s.csb.app/