Home Creators Posts Import Register Favorites Logout
haven't archived this post yet. have a subscription? use the importer!

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

Comments

atom tanned

I love the RPG dialogs! I think they’re a lot of fun and set the site apart from other options for tracking backlogs. I am so excited for this redesign, I love the website now but the mobile functionality will be really nice to have since I mostly play console without my computer in front of me. I forget to update my backlog a lot since the current site is a little trickier to use on mobile.

Nick Westwood

Looks great, and definitely keep the RPG pixel elements! It makes the site fun to look at and gives it a bit of personality :)