"Initials" by "Florian Körner", licensed under "CC0 1.0". / Remix of the original. - Created with dicebear.comInitialsFlorian Körnerhttps://github.com/dicebear/dicebearKB
/kbin AnonymousLlama 1 year ago 100%

Style updates for the mobile view. What do we think about these changes to improve the design on kbin.social?

Style updates for the mobile view. What do we think about these changes to improve the design on kbin.social?

Hey guys

I know that @ernest has been heaps busy working on the infrastructure / stability of kbin.social but i'd be keen to hear peoples opinions on some potential UI/UX changes

(I tried to upload these screenshots in using the media upload tool so these appear inline but it didn't seem to work for me)

Here's the website how it looks currently
kbin before

Overall its pretty good, but there's a few places where we could compress the layout so we can see more posts at once. I remember reading somewhere that eventually the site will get some updated styling, but I think below would be a good upgrade in the meantime.

kbin after

This mostly involved moving the upvote / downvote arrows and adjusting the padding and margins of the title, description and a few other section. Its basically all CSS changes I've done locally

It's just a concept and other areas like the size of the buttons might need to be tweaked, but what do we think?

Here's a sample of a post with an image, right now the image doesnt really fit the layout, often stretching itself
kbin image layout before

This change brings the image full width to the top, so at least its a bit more viewable.
Kbin image layout after

I'd be keen to give it a go polishing up some of these sections (mostly so using it on mobile is easier) but unsure if they go too far / if @ernest has an overall design goal that hes got in mind

14
9
Comments 9