search

webaverse / xrpackage

XR (VR+AR) web object packaging core API
https://xrpackage.org/
24 stars 10 forks source link

Browse page is confusing #91

Closed avaer closed 4 years ago

avaer commented 4 years ago

The browse page is pretty confusing with the inline dropdown links that look like text. I think we need to make the UI portions of the browse page packages much clearer that it's UI.

Screen Shot 2020-07-12 at 6 13 38 AM

Those links should either be buttons or an overlay on top of the package card or something, because they don't seem like links at all. It is also not clear that the package card is clickable into the inspect page. Maybe we don't need these inline links at all, if they are adding to the confusing UI.

One idea is to take the Exokit home page items-inspired design and make packages that simple.

Screen Shot 2020-07-12 at 6 20 08 AM

avaer commented 4 years ago

There are probably many other designs we could use that aren't confusing. Just pasting design inspirations into this issue would be helpful too.

avaer commented 4 years ago

VRoid hub is one inspiration for simple cards: https://hub.vroid.com/tags/256fes

shu8 commented 4 years ago

How about something like this, removing the download buttons and type (all that info is on the /inspect page anyway)?

image

(not completely polished, but this general idea?)

avaer commented 4 years ago

That looks cleaner -- but maybe we don't need the buttons at all? If the inspect page loads fast and the usage of the package is clear there then we don't any buttons the browse page at all.

The author it the package and the package type is probably more important than the duplicated "Try"/"Inspect" texts.

shu8 commented 4 years ago

I made a PR for this at https://github.com/webaverse/xrpackage-site/pull/25 :)