search

sergeant-savage / chatter

A small Rust websocket chat
MIT License
4 stars 4 forks source link

Improvements to the UI #29

Open 1ctinus opened 5 months ago

1ctinus commented 5 months ago

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 commented 5 months ago

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

sergeant-savage commented 5 months ago

@Glacier150 @ItsCbass Thoughts?

Glacier150 commented 5 months ago

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 commented 5 months ago

is there a preview to the new UI?

sergeant-savage commented 3 months ago

See #44