visual-framework / vf-core

A (primarily CSS) framework that targets needs of life science websites and services
https://stable.visual-framework.dev/
Apache License 2.0
22 stars 10 forks source link

COMPONENT - A Search Results Page #878

Closed sturobson closed 2 years ago

sturobson commented 4 years ago

With the launch of the Covid 19 Portal and with the jobs page live too - we should think to standardise the search results pages so they have, at least, they're name spacing.

The Covid 19 Portal results have some fun things that could be addressed and standardised to meet the system.

auto-comment[bot] commented 4 years ago

Thank you for raising an issue. We will try and get back to you as soon as possible. Please make sure you have given us as much context as possible.

khawkins98 commented 4 years ago

Picking back up on this today.

There's a placeholder at https://latest.visual-framework.dev/patterns/search-results/

We may find ourselves needing two (or perhaps more) variants of a search page, but let's see how far we get with one.

Some use cases to incorporate:

embl.org/jobs

image

COVID19DataPortal

image

EBI Training

image

www.embl.org/search

image

www.embl.org/documents

image

There are probably more examples already, but this is plenty to chew on.

khawkins98 commented 4 years ago

A very much work in progress for tomorrow's clinic

image

khawkins98 commented 3 years ago

Copying some comments from slack in as while I think they've been previously raised, they're not captured here.

image

yeah, would be nice to either push/pull the filters to show at the bottom (and add a “view filters”) or use the vf-details/vf-show-more to hide some by default but that’s part of the wider search discussion

yeah a vf-facet pattern or something. I don’t think it really fits the details/summary semantics ¯_(ツ)_/¯

similarly I think we’ve also hijacked the left column in the embl-grid in a way that’s not correct

sturobson commented 3 years ago

regarding facets -- I've mentioned this - but documenting it here.

I worked with UCL on their search system in 2014/5 and the result is still live. This was based off of exterior UX for the rough design and user journeys. Essentially on smaller viewports the facets become hidden by default:

https://search2.ucl.ac.uk/s/search.html?query=science&collection=website-meta&profile=_directory&tab=directory

Screen Shot 2020-12-08 at 10 33 18 Screen Shot 2020-12-08 at 10 33 14 Screen Shot 2020-12-08 at 10 33 11 Screen Shot 2020-12-08 at 10 32 59

khawkins98 commented 2 years ago

We don't have the capacity to action this, it is being moved to the backlog #446