CDLUC3 / dmsp_frontend_prototype

Repo to test out new NextJS framework
MIT License
0 stars 0 forks source link

Create Figma wireframes for template picker #31

Closed mariapraetzellis closed 4 months ago

mariapraetzellis commented 7 months ago

We discussed this during the Edinburgh meetings. Here is a summary from the notes:

We discussed how it is potentially very complicated to help a Researcher pick the right template as there are lots of criteria to keep in mind. However, in the end we decided on a model where:

cazinc commented 6 months ago

Hello all,

Here's a link to the wireframe prototype I presented yesterday at our Thursday Catchup. However, after yesterday's chat I've been working on some amends that I think might work better - I aim to have these ready for Tuesday's dev meeting (and will post here too).

In any case, here are some thoughts/questions about the wireframe as promised:

  1. Is it useful/necessary to show the "Has guidance" and "Has samples" on the cards and/or as Filters? I don't think the user can really use these as a selection criteria - they either use the required template or not, regardless, correct? But maybe showing them on the cards is useful somehow, perhaps in the sense that it suggests which ones are "more fleshed out" in some way? Sort of a way to show "Featured" or "DMPTool Approved"?
  2. This version shows Funder and Research Org at the top, pre-populated. However, after the meeting discussion I think Research Org isn't quite right up here as I think it suggests that the template results are filtered by both, when really it's one or the other. This also doesn't leave an obvious way to fit in a search by Field Station. This is one reason I'm working on a couple additional amends. What are your thoughts?
  3. I actually now think that Research Org doesn't need to be visible here at all, or at least not in the same way as Funder. If I understand this correctly, in 90% of the cases the Funder template is what a user will want, and that's that. In the remaining 10% it's a case of "overriding" the Funder to find a template that is from your Research Org or a Field Station. Brian is it feasible to let the user search a query that looks at a join of funders+research orgs+field stations? I think this might be a clear way for them to search by "template author" instead of thinking of it in terms of funder, research org or field station specifically.

I look forward to your feedback.

jupiter007 commented 6 months ago

@cazinc. I'm sure @briri and Maria will have a better response, but it seemed like we needed the Research Organization (RO) search to further filter after selecting Funder, except maybe updating that RO field to be either RO or Field Stations?

briri commented 6 months ago

Hi @cazinc here are my thoughts on your questions:

  1. Yes, I cannot think of a scenario where the researcher would filter on "has guidance" or "has samples". I like the concept of those checkmarks that appear on the cards though. I feel it could be used to highlight things like "funder approved" or "follows best practices", etc. I'm not sure how we can determine those from the data, but I think some further discussion with Maria is needed for that. Regardless though, I can't really see any reason to filter on that type of information.
  2. Agreed. I am wondering if we just display the funder and research org as readonly info. Sort of a way to help illustrate why we're showing them the templates that appear initially when the page loads. For example in your Figma, it shows NIH as the funder so we're showing them the NIH templates.
  3. Agreed. I think if it were read only (as mentioned above in 2).

We currently only have around 45 funder templates, 2 field station templates and maybe a dozen research organization specific templates. I can see things growing there but not dramatically.

I am wondering if we just show them their funder and research org with some text that explains why the initial template cards are displayed. The ones we would show on the initial load would be: Funder templates 1st, Research org specific template 2nd (if that is even applicable for their org) and finally the default "best practice" template.

Then we could have filters/controls to let them filter the cards that are displayed. Here are the scenarios:

So I think the filters just need to allow the user to switch between:

cazinc commented 6 months ago

Hi @briri thanks for that feedback, super helpful.

Based on this I've got a new version of the Template Picker wireframe at https://www.figma.com/proto/nkcgoqDZY49sKzZDtgxsiG/DMPTool-Phase-2?page-id=1901%3A124&node-id=1972-157&viewport=-836%2C1586%2C0.87&t=zUAZrthW50pW02GX-1&scaling=min-zoom&starting-point-node-id=1972%3A157

Changes:

  1. User can turn on/off what is effectively a Funder filter.
  2. User can search by research org, field station, or anything else (a word in the template title/description for example) using the free text field. In conjunction with the tickbox on the Funder filter, they can have an and/or search.
  3. I've taken the Research Org field out completely.

So following your scenarios, here's how I think this latest version would work:

See you shortly!

briri commented 6 months ago

@cazinc can you add a line to each of the template cards that indicates who the maintainer of the template is? We want to encourage admins to take ownership of maintaining a template.

Also please add 'funder' to the description under the Keyword search box

cazinc commented 6 months ago

Hi @briri both of these changes have been made now.

mariapraetzellis commented 6 months ago

A few additional comments on the wireframes:

cazinc commented 6 months ago

Hi @mariapraetzellis the changes discussed in yesterday's meeting are now in place:

1) Show a maintainer's name, no org, no email (nothing "clickable") 2) Only show one name on the card itself - other maintainers could be shown in a detail view. This just keeps the initial display a bit less dense. 3) "Maintained by DMPTool" shown on the second option route as an example

Same URL as before.

mariapraetzellis commented 6 months ago

Thanks @cazinc these changes look good.