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.

Sign up for GitHub

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

Jump to bottom

Inconsistencies and Design flaws of the User Interface (summary) #3161

Open
4 tasks
Zatline opened this issue Jun 8, 2022 · 0 comments
Open
4 tasks

Inconsistencies and Design flaws of the User Interface (summary) #3161

Zatline opened this issue Jun 8, 2022 · 0 comments

Comments

@Zatline
Copy link
Member

Zatline commented Jun 8, 2022 •
edited

A little summary of the most bugging inconsistencies and flaws that need to be addressed and sorted out eventually.
For each of the tasks, I'll be opening separate issues to go into further detail with conceptual images of what I'm imagining to improve each of them.

I've not taken a look at the options menu yet, I will eventually as I feel it could also be massively improved.

Server Browser - Classic View / Side Panel:

srv-b_inconsistancies

Server Browser - Alternative View:

srv-b_inconsistancies_02

Also, when clicking through the list everything shifts and moves a lot making it really awkward to use.
I would like to try and redesign the entire thing, repurposing it into a modern and highly simplified view mode, using more space but equally distributing it, more barebone, no side panel, yet nice to look at, and enjoyable to use.

Demo / Replay Browser:

demo-b_inconsistancies

Demo / Replay Player - Review Mode:

demo-p_revamp
@Robyt3 Robyt3 mentioned this issue Jul 25, 2022
Merged
@Zatline Zatline mentioned this issue Jun 14, 2023
Open
7 tasks
jtbx added a commit to jtbx-prs/teeworlds that referenced this issue Nov 11, 2023
@jtbx
Improve server browser UI
2d37148 
Based on the problems addressed in teeworlds#3161 and the mockups provided in teeworlds#3203.

Changes:
 - Turn server list header into a non-rounded rectangle and use full
   white transparency when selected
 - Shorten the width of the Ping column
 - Remove difficulty icon from browser entries
 - Add a small margin to gametype icons in browser entries
 - Make the sorted column more opaque so it's easier to see
 - Display the "% loaded" message in the middle of the status rect
 - Alter the colors of friends list entries to make them more vibrant
 - Make friends list entries more opaque (and nicer to look at)
 - Use different style headings for sidebar tabs
 - Add a parameter "Transparent" to DoButton_CheckBox which decides
   whether a check box's background should be transparent. This is
   used in the filter tab to remove the look of the weird corners and
   unfitting opacity on each of the checkboxes.
 - Use more opacity and rounding for the rects in info and filter tabs
 - Align text to the right in the "Server details" rect
 - Remove gametype and difficulty icons in the "Server details" rect
 - Use wideview style entries by default
@jtbx jtbx mentioned this issue Nov 15, 2023
Draft
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@Zatline