UI RECOMMENDATIONS - Any suggestions?
  • comment-white.png
    *
    /i/ieddit
    3y
    UI RECOMMENDATIONS - Any suggestions? (text)
  • well that solid circle list style certainly looks a lot better than the empty circle lol
    1
    reply
  • I realize these suggestions maybe are slightly off-topic, but:

    How about including an RSS reader within the site?

    How about user-named customized mixes of sub feeds?
    2
    reply
  • 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
    2
    reply
    • Increase margins/paddings so that elements are not pixel by pixel
    • Use filled buttons in top bar to increase legibility regardless of light/dark theme
    • Remove /r/all button since it's on the home page and the "ieddit alpha" links there already
    • Group similar top bar elements together. Logout should be close to the user info, for example
    • Increase the size of the comment textarea to match the messages width
    • Do not use red and blue for text on dark backgrounds

      In general, UI is about uniformity and simplicity. You have the simplicity, you lack the uniformity.
    3
    reply
  • 3y
    parent [-]
    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
    Agreed.
    1
    reply
  • 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.
    1
    reply
  • maybe pick a random greek letter for the logo, idk

    also maybe make the outline of boxes in dark mode lighter and not just black

    also the footer is off-center sometimes, which is weird.

    and last but not least add a side bar for subieddit's or something? that'd be pretty neat.
    1
    reply
  • maybe pick a random greek letter for the logo, idk

    i like this idea

    also maybe make the outline of boxes in dark mode lighter and not just black
    ya im changing button color today to be full

    also the footer is off-center sometimes, which is weird.
    i'll check it out

    and last but not least add a side bar for subieddit's or something? that'd be pretty neat.
    design wise, it's hard to add a sidebar which is visisble for devices in portrait mode.

    maybe a 'show subreddit info' button or something at the top. the info button in the topbar was supposed to be some approximation of this
    1
    reply
  • I have no idea why but there's so much space in your reply.

    2
    reply
  • LOL

    should be good now
    1
    reply