-
Notifications
You must be signed in to change notification settings - Fork 48
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
Redesign participants list #3989
Comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
The current list of participants could be improved in many ways in my opinion. For example, I find the roles below the name to be squashed and in total the things displayed within a participant feels bloated. For this reason, I thought about what a new design could look like.
In my design draft, I propose to indicate the role of the participant using intuitive icons (crown for the owner, shield for the moderator, normal participants have no icons). This gives the name more vertical space and allows a larger font size to be used. I would also have hidden the actions that a moderator can select for participants behind a three-point menu (e.g. promote to moderator, remove from the sessin). In addition, I would also have placed the filter options in a three-point menu in order to have more space for displaying the participant lists. I've also increased the horizontal space of the settings dialog content container itself.
Current Version:
![Image](https://private-user-images.githubusercontent.com/36969812/314083700-eb69f915-f89c-4e5b-8aea-632111967c5b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIyOTA0NDAsIm5iZiI6MTcyMjI5MDE0MCwicGF0aCI6Ii8zNjk2OTgxMi8zMTQwODM3MDAtZWI2OWY5MTUtZjg5Yy00ZTViLThhZWEtNjMyMTExOTY3YzViLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI5VDIxNTU0MFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTcyZWEyYWE3OGU1ZDAxMjRhOWFlMjY3OGFiMDk4YzdmM2ZkNDEzNzgwMmQ0NjBmZTkxODE1OTJiYmM3ZDk2ZmImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Gh40_YKwLT6jjts9tpt-SbopMR2m3pR72ZSOvqxBz18)
New Version:
![Image](https://private-user-images.githubusercontent.com/36969812/314083363-3b6699da-9bbb-49e2-a6f6-c7585b89d4c7.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIyOTA0NDAsIm5iZiI6MTcyMjI5MDE0MCwicGF0aCI6Ii8zNjk2OTgxMi8zMTQwODMzNjMtM2I2Njk5ZGEtOWJiYi00OWUyLWE2ZjYtYzc1ODViODlkNGM3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI5VDIxNTU0MFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTk5ZTQzYWYxNDcxMzYyZTA1MTUzMWNmNDhhYjg3MzI5YjM3NDkzMGNhNzVkMTdkMmNiNmI5NjUwZjk3YTBmYTkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.5VsyL9oSdjYUzjZsHe8xSSKXrTVbSCit_81m-RcAYTw)
The text was updated successfully, but these errors were encountered: