Minor Annoyance: communication toggles are inverted
Darin755 opened this issue · comments
The problem
If you visit chitchatter right now you'll notice that the media toggles are backward. They are green when inactive but red and crossed when active. This is very confusing and can lead to puzzled users
A solution
What should happen is that they should be crossed out and greyed out while they are disabled and permissions are missing. When they are clicked there should be a check to see if the user granted the proper permissions and if they did it should just be a clear icon with minimal colors. If something goes wrong they should turn red with a X over the top.
example
Jitsi is a good example of this type of animation
Hi @Darin755, thanks for this bit of feedback. I'd like to use Google Meet as the model for the media control design in Chitchatter, as I find it intuitive. Here's an example of a Google Meet call with the camera turned off:
To your point, the camera button is red and crossed out when it is not in use.
I can address this in time, but I'd also be open to a Pull Request in case you or anyone else would like to see it implemented sooner.
@Darin755 I just merged and deployed #164. I decided to deviate from my original plan of using Google meet as a reference design. I did this because Google Meet's design emphasizes video and audio chat, whereas Chitchatter emphasizes text chat. Given this, having red as a default (disabled) button color seemed distracting, so I opted for green representing "enabled" and grey representing "disabled."
Let me know what you think!
Its great! Chitchatter is way more usable now