Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improvements to the UI #29

Open
1ctinus opened this issue Jan 31, 2024 · 5 comments
Open

Improvements to the UI #29

1ctinus opened this issue Jan 31, 2024 · 5 comments
Labels
frontend Anything pertaining to the frontend code

Comments

@1ctinus
Copy link

1ctinus commented Jan 31, 2024

Here are some potential improvements to the UI:

  1. incorporate an accent color: Too much white! The only thing colored is the "send" button. considering that accent is typically used to signal interaction, I do not consider this point extremely important. A great way to incorporate accent color would be color to show messages that are yours.
  2. Have a dark mode: should not be too hard to impliment with CSS variables.
  3. support landscape mode; I mean, what is this?
    image
  4. reduce neomorphism: Typically, shadows are only given to elements that are interactable: Almost all of the "3d" effects are more elements that just look like they are floating for some reason. Elements in the scroll view being flattened out would be far better, especially for logs such as people leaving and joining.
  5. balance out the website. elements on the left side and right side have different widths. This leads to the website appearing as asymmetrical. Having a list of users would help balance out the right side, as there is only one element on the right compared to two on the left.
  6. The footer is too large, and has too much padding
  7. The site has an unnecessary scrollbar under normal viewing circumstances. I would either recommend disabling it or fixing whatever is making the page larger than a standard 1920x1080 display.
  8. Improve HTML semantics with the aside tag.
  9. Have an explanation somewhere for who I am talking to. Is this the entire internet, or am I only talking to people on the same IP? This needs to be clarified.
  10. PWA support. Not really front end but goes with front end
@1ctinus
Copy link
Author

1ctinus commented Jan 31, 2024

Also, your site uses 100 Megabytes of memory. So much for "no bloat".

@mariano-f-r
Copy link
Owner

@Glacier150 @ItsCbass Thoughts?

@Glacier150
Copy link
Collaborator

I do think we've kept the prototype UI for long enough, and have now developed this project to the point it deserves an update. It might be worth looking for practical while still nicer looking UIs. I'm a fan of the minimalism, but currently it looks almost corporate. Since the website is reminiscent of older web chat rooms, just an open forum, a 90s or 2000s -esque UI design might give it some personality.

I agree that if we could store and display a list of current active users, that would be nice, along with removing the padding on the footer that makes the page have that tiny bit of annoying scroll.

@1ctinus
Copy link
Author

1ctinus commented Feb 5, 2024

is there a preview to the new UI?

@Glacier150 Glacier150 added the wontfix This will not be worked on label Feb 7, 2024
@mariano-f-r mariano-f-r added frontend Anything pertaining to the frontend code and removed wontfix This will not be worked on labels Mar 28, 2024
@mariano-f-r
Copy link
Owner

See #44

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
frontend Anything pertaining to the frontend code
Projects
None yet
Development

No branches or pull requests

3 participants