chooj icon indicating copy to clipboard operation
chooj copied to clipboard

Redesign UI with better room view and message view

Open bmndc opened this issue 2 years ago • 9 comments

untitled untitled(1) untitled(2)

bmndc avatar May 04 '22 11:05 bmndc

Navigation in Room view:

  • Up/Down to switch between rooms
  • Left/Right to switch between spaces (spaces' icons on top as indicators, see 1st pic)
  • Call to quickly voice call
  • Options for more actions with rooms (mute notifications, leave...) and other app options

Navigation in Message view:

  • Up/Down to switch between messages
  • While focusing on other users' messages: LSK to react, Enter to reply, RSK for Options (more info, editing and sharing messages...); press # to quick reply
  • While focusing on input textbox: LSK to attach files, Enter to send, RSK for Options

bmndc avatar May 04 '22 12:05 bmndc

I use tab navigation so ArrowLeft/Right is used for that

farooqkz avatar May 04 '22 12:05 farooqkz

Well, it's mostly the same, just now that I think tabs on room view should be used entirely for DMs and spaces; Settings and About stuff should be tucked under the Options menu.

bmndc avatar May 04 '22 18:05 bmndc

P.S. My design for the room view is heavily inspired by fluffychat.im. You can take a look of its main page navigation

bmndc avatar May 04 '22 18:05 bmndc

Great design. Instead of spaces profile just dot is enough I think it will reduce the space. Also the chat bubble will be best.

AnisTaluqdar avatar May 07 '22 01:05 AnisTaluqdar

I'm sticking to something simple till the app becomes stable. The option to have multiple styles and change them via Settings will be added.

farooqkz avatar May 07 '22 02:05 farooqkz

Great design. Instead of spaces profile just dot is enough I think it will reduce the space. Also the chat bubble will be best.

My main goal is to expand the message view as large as possible to fit more items, so chat bubbles are a bit space-wasting. However, you could do Left/Right in message view (while reading messages) to switch between chat threads.

bmndc avatar May 07 '22 03:05 bmndc

small adjustments in the design would make the chat more readable

  • line break after <date><username>
  • more distance between the individual posts
  • showing who has entered the room is not necessary because it takes up space
  • in the settings you should be able to activate fullscreen
  • Show input field only if you want to write something
  • the bottom bar with icons instead of text, the bar should also be transparent, the buttons can hover over the chat history. i did that in feedolin, there is more space and it looks a bit more modern.

I hope my suggestions help.

strukturart avatar Jul 02 '23 12:07 strukturart

Regarding the last one, it is an issue of KaiUI not chooj and it is also planned. But I can't be everywhere :/

farooqkz avatar Jul 02 '23 14:07 farooqkz