radiantearth / stac-browser

A full-fledged UI in Vue for browsing and searching static STAC catalogs and STAC APIs
https://radiantearth.github.io/stac-browser
ISC License
279 stars 140 forks source link

Collection Preview #193

Open chiarch84 opened 2 years ago

chiarch84 commented 2 years ago

From my point of view it would be nicer to have the preview of the data directly visible somewhere in the page, rather than having it hidden and opened only with a click on the "preview" button.

Some of our users never even noticed the "Preview" button itself, plus I think that the image is the first thing that a user would notice.

The extent itself could be even a smaller window and the preview could be placed at the same level on the other column (or somewhere else)

m-mohr commented 2 years ago

Depending on how you expose the previews they may actually be shown on the map. If you set the role to overview instead of thumbnail this might help. But it requires that the image is actually exported in a way that it fits to the bbox.

Also, we can't make the map much smaller as it may actually be used to show assets. This is again a case of finding a compromise that works more or less good for all catalogs although for specific catalogs it might not be the ideal solution. If you want the map to be smaller, you can customize that via CSS though. The previews are in a tab because we also have cases where there are multiple thumbnails and then you waste a lot of space.

Let's collect feedback here and see how we can improve this.

chiarch84 commented 2 years ago

Thanks for your answer! For what concerns the overview exported fitting the bbox it is quite hard to have it for all collections. It is easier to have a whatever image of the collection associated to it. I understand the other reasons though.

Maybe you could se different behaviors for thumbnail and preview ?In one case it can be in tabs and in the other directly shown somewhere? So every catalog can decide what attribute to use for showing it where wanted. It is just a suggestion.

m-mohr commented 2 years ago

Or it could be a config option.

Any general thoughts @trevorlang ?

trevorlang commented 2 years ago

I see the value in having the collection preview displayed when the page loads, and a config option might be a nice way to handle it.

In terms of placement, it might be nice to have it displayed in the page header somehow. If available space is a concern, a thumbnail with a button that allows a user to expand it in a modal window. A more simple implementation might just be an additional element in the grid, placed before the map.