Remake WIP - Condensing UI (Patreon)
Content
I've been testing on my phone more recently and noticed some UI elements are way too big for a phone screen. One of the main offenders here was the filter UI for your game library. You can see the old version here. Doesn't look so big, right? But when it gets smashed down to a single column on mobile it basically takes up the whole screen. If I tried to make it multiple columns, the "tag pills" would cause line break problems.
This is what I ended up with. You can't tell at a glance what exactly has been selected but it's only a tap away. You can see what filters are active and how many items have been selected within them and the end result is much cleaner and less " wasted" screen space. This will let the filter area grow easier as more options are added in the future.
You'll notice I've also removed the apply button and made filter changes take effect immediately. It actually really annoys me when most websites do this but having the collection filtered locally on the device means sorting happens nearly instantly and I find it doesn't bother me at all in this case. You can see it in action here.
I'm also experimenting with injecting some pixel personality back into the site with RPG style dialog boxes and characters. Does it work? I'm not really sure. Let me know what you think.
Files
Previews only