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

  • livus@kbin.social
    2·
    1 year ago

    I like these changes. I especially like to see more content on the screen at once, so the padding changes appeal to me.

    • AnonymousLlama@kbin.socialOP
      2·
      1 year ago

      Yeah I think overall condensing the layout and shuffling things around to minimize the vertical space will make scrolling through the posts easier.

      There’s a few places on the single post view that could use some optimisation also (like condensing the height of the comments so you can see more at a time) but I’m feeling the feed layout is the most important right now with people coming over to see what kbin is all about

      • livus@kbin.social
        2·
        1 year ago

        I think you’re right. Not having to scroll so far increases the chance of seeing interesting/relevant content at first sight/visit.