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.
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
Oh wow, that’s really good. I like these changes, and I hope something like that gets implemented fully. Keep going!
In particular, good idea with the vote buttons, looks much tidier that way. Would you consider a third button so it goes:
[up] [down] [boost] (icon) 57 comments more
Considering that boosts here are pretty similar to upvoting, it kind of bugs me that the voting the two functions are scattered around lol.
Is there somewhere you can fit in instance names? Maybe only if the user or magazine isn’t on the local instance. I think that information is important enough to be visible, about the same priority as vote counts and boost to me.
If you do keep going, I encourage you to have a look at comments and threads, there’s definitely some room for improvement there too!
(Also, @kbinStyles)
There’s a fair few things that I think would be super handy to have on the post layout, like a better distinction between what’s posted locally on kbin.social VS what’s coming in extremely from XYZ site (maybe a little icon representing the server it’s coming from might be nice)
These changes are mostly just styles, but I’ve heard others are interested in adding more functionally to the post view. To me I’m mostly interesred in the upvote/downvote button because that’s the main thing you do on Reddit, but even other conditional buttons like a save or favorite button could be super handy.
I like these changes. I especially like to see more content on the screen at once, so the padding changes appeal to me.
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
I think you’re right. Not having to scroll so far increases the chance of seeing interesting/relevant content at first sight/visit.
