So, the general layout and UI of ieddit has finally progressed to the point where it is mostly feature complete, outside of moderator actions and messages.
I like the general layout of the site, but the color scheme is a bit... dramatic.
Anybody have any suggestions, and willing to provide a rough markup for said suggestion, to improve the general appearance of the site?
Specifically, with the buttons in the top of the page.
Also, any ideas on a logo? The globe is just a generic image.
UI improvements I already have planned: * Top/New sort in comments. * LOTS of mod ui actions * currently the table text in modlogs is invisible * upvotes/downvotes currently wait for a server response before changing colour. this makes them feel sluggish * improve the appearance of this list it looks ugly af
How about including an RSS reader within the site?
While RSS is on the agenda, I'd prefer to leave the actual reader to the user's choice.
How about user-named customized mixes of sub feeds?
Hmm... when subscriptions are implemented, I could see this. Similar to a 'multireddit', but it will be handled differently than adding /r/SUB1+SUB2+SUB3+SUB4 to the URLS.
example /feed/1 would go to to a 'feed' created by a user with a pre-defined list of subs. anybody can use it, users can edit/describe it, etc.
this is something that is WAY in the future though. right now i'm mainly concerned about general ui improvements
Increase margins/paddings so that elements are not pixel by pixel
The issue here is information density, and attempting to keep appearance/UI consistent across all device resolutions. Early on, elements were generally more spaced apart, and I received constant requests to increase information density. If you have specific ideas/examples though, I'd love to hear them.
Use filled buttons in top bar to increase legibility regardless of light/dark theme
https://files.catbox.moe/1spy15.PNG
This is what that would look like. If I did this, I feel like I'd have to change the colors of the buttons to a more... palpable scheme. Any suggestions?
EDIT: Yeah, after looking at the mockup example, this is definitely something that is changing today.
Remove /r/all button since it's on the home page and the "ieddit alpha" links there already
/r/all is the index page + nsfw posts. the nsfw system allows me to make certain types of content harder to find without forcing me to censor it
Do not use red and blue for text on dark backgrounds
The issue here is information density, and attempting to keep appearance/UI consistent across all device resolutions. Early on, elements were generally more spaced apart, and I received constant requests to increase information density. If you have specific ideas/examples though, I'd love to hear them.
If you wish to have high information density, then you don't have much choice in design, infact you already have a guideline. You're also trashing a design fundamental with that guideline, though.
https://files.catbox.moe/1spy15.PNG This is what that would look like. If I did this, I feel like I'd have to change the colors of the buttons to a more... palpable scheme. Any suggestions? EDIT: Yeah, after looking at the mockup example, this is definitely something that is changing today.
You will have to play around with colours and tonalities. It's hard to find out the right colours without any branding.
I like the general layout of the site, but the color scheme is a bit... dramatic.
Anybody have any suggestions, and willing to provide a rough markup for said suggestion, to improve the general appearance of the site?
Specifically, with the buttons in the top of the page.
Also, any ideas on a logo? The globe is just a generic image.
UI improvements I already have planned:
* Top/New sort in comments.
* LOTS of mod ui actions
* currently the table text in modlogs is invisible
* upvotes/downvotes currently wait for a server response before changing colour. this makes them feel sluggish
* improve the appearance of this list it looks ugly af