Explore page / objects

[Grizzly127]

here are new ideas for the display of the objects in the explore page:

Explanation:
I think we should separate the last icon from the others since it's just an information about what kind of object it is. The other icons are clickable.
I adjusted the font to a size we already used.
For the object preview button I used this icon:

For the quick-add to a collection I used this icon:

For the 3D-icon:

I played around with the color of the icon bar and I think using the secondary color of Kompakkt (pink) or semantic Kompakkt(orange) looks good.
We could also use blue (tell me your opinion):
(Look at it in combination with the explore page #28)

@HeyItsBATMAN @ZetOE @lozanaross

[lozanaross]

@Grizzly127 - thanks for this, I think it would be good to have a more global rethink on the whole Explore page in Figma and then we can have a look together before making individual issues.

In this particular case, I'd advise against changing color because in theory users can change the color background of their objects to whatever they like, including - in examples of whole buildings – a close crop of a complex large model, then the whole rectangle of the thumbnail area is going to be colorful and color buttons on top might look distracting.

Changing the icons is a good idea, but I would question if we even need these three particular icons there. For example if we want to specify that the object is a 3D model, is an icon the best UI element? Icons are shortcuts for buttons elsewhere, so using it here even if we change the color will be inconsistent UX. We could think about adding a "badge" with the object type or file extension in another area of the "object card" - e.g. top right corner. Or do we even need to make it explicit if something is a 3D model, if users can filter for it? Equally do we need a "quick add to collection" button, without being logged in? Would it be interesting to see which objects are already part of collections, etc.

For me, the bigger issue on the Explore page is the action bar, it has quite inconsistent styles of buttons there and a rethinking of the info architecture there might be quite interesting exercise. So why don't you look at a few competitor tools, get some inspiration how others organize their object grid / explore views & then come back to us with a few more radical change proposals :)

[Grizzly127]

Object cards

Maybe we can close this issue by the decision to have the objects displayed like this:

• on the top left corner, the user can see what kind of object it is
• the title is displayed in the field below the object
• if you hover over the object, the user can add the object to a collection and get to a preview
• we decided for a slight shadow for the cards:

• and a stronger shadow for hovering over the object card:

@lozanaross

[lozanaross]

@Grizzly127 Perfect, yes, looks good to me, so let's keep it like this. I just don't know if we keep the issue until the development of the code is also finished, or we close it and the devs can look it up in archive when needed?