Jump to content
HWBOT Community Forums

HWBOT NEW GUI FEEDBACK THREAD


Recommended Posts

On competition stages :

Clicking on the score for a country should bring us to the list of scores for the stage but does not work :

image.thumb.png.ffe3ac1a8d141243144ba793a9a0fb15.png

In my opinion this should be a priority as we are just at the beginning of an important competition.

 

Additionally, clicking on the country name links to https://hwbot.org/country/FRANCE when the correct link is https://hwbot.org/country/FR

Doesn't use the proper country code. That's a lesser issue

Link to comment
Share on other sites

in general It's strange why didn't try all this changes on the test server first. no 4:3 support resolution,fonts of incomprehensible size-on one page one thing, on another another, I have the impression that I opened the site page in 800:600 resolution, the windows-sections are large, but the font is small for that size,if i will reduce  70-80% zoom than this fonts becomes unreadable small it is harmful to the eyes,for me previous version was more comfortable to read etc

Edited by Remarc
Link to comment
Share on other sites

Some already mentioned it, but the font sizes are very inconsistent and the fonts themselves uncomfortable to read. The advanced submission search has very small font while the results have relatively large but very slim font, and the text is in weird contrast ratio.

Modern sites are usually made with changing window width in mind, which also helps immensely with not needing vastly different pages for mobile. This site does not seem to be built with this concept in mind. This is particularly bad on mobile ofc, but on desktop as well, especially once any table is involved. There is a lot of space that doesn't trunkate on smaller width, and instead just cuts off any table to the right. That makes it very annoying to use on smaller or halved screens.

Smaller width also breaks the top bar. For example here is the top of the Processor benchmarks table at ~1200px width, displaying the top bar correctly:

image.thumb.png.ccb4c91524bde9186a41d009f3bff6db.png

 

And here is the same page when viewed on a window slightly smaller than 1200px:

image.thumb.png.492900968bb59f617255c16be9bb98b5.png

This makes the page extremely annoying to use on a halved 1920x1080 screen.

It gets even worse once windows get smaller; it should clearly prioritize keeping the important data on screen, such as still having the download and rule links. But instead there is priority on keeping every cell full intact first, which means:

-Titles not shrinking, so for example GLOBAL POINTS stays at full length with huge space waste

-Cells not shrinking, so the OS section takes up a huge amount of space when links are already full cut off

As an example of things not being properly prioritized and leaving tons of whitespace while leaving out important content, at 770ish px vs 980px

image.png.3fdaa1e4aeed08d6bc9aa6b807d9d5d9.png

image.png.535e2b0fe8f23cbed593626300e9723a.png

 

Buttons in top bar menus lighting up but only being selectable if you click the text inside itself:

 image.png.2633111f52bb6e859f971fcf4dad0264.png    image.png.ee351de26c0b35c34b48992e43803b0d.png  

 

On mobile, the blue score fields don't linebreak or expand properly and just cut off part of the info:

image.thumb.jpeg.e333610fef8fb1e50f0014f5a4fe9f50.jpeg

There is also no relative ranking section on mobile, only the button to go to full rankings for the benchmark.

 

I have to be honest here, this is a very disappointing first showing.

The core principles are missing out on at least 10 years of web design evolution. It's still the same old webdesign practises with a slightly changed (less readable) look and of course a whole host of different new problems to iron out. The latter is fair and expected of course. But I don't see any issues this addresses so far, in fact without exaggeration some pages actually hurt my eyes, such as the font size mismatches on the search or competition pages. You can iron those out; but it will still be just as outdated of a site design as it was before, since it still isn't properly responsive to browser size.

I think this needs a major rethink and not just detail changes.

Edited by Apfelkuchen
  • Like 2
Link to comment
Share on other sites

Is there no longer a test server? The new layout will take some getting used to and the reported usability snafu's are enough to wish the new layout be reverted to the old layout. I'm sure it's complicated to build a website around a large database but surely we can do better than this.

Edited by cbjaust
clarity
  • Like 1
Link to comment
Share on other sites

13 hours ago, Leeghoofd said:

did you scroll down xandercusa?

I did, and it does show all scores in order of most recently submitted. It’s an extra few clicks to look at all of them, but it works.
 

It would be rather nice to be able to sort it by score.

Link to comment
Share on other sites

I don't like the font. This is very difficult to read. Why are there so many different fonts here? At this pic are 4 differnet fonts, that is to much. 1 font in 2 different sizes is enough. Picture is from a Full HD monitor, Chrome Browser an 100% Scale.

 

The Buttons with League, Verification URL, Likes etc.... should be bigger.

 

 

What about dark mode? Is that possible?

 

Screenshot 2024-11-06 105404.png

Link to comment
Share on other sites

It's a pain looking at screen shots from benchmarks.

Before , I just opened it in a new tab and could magnify.

Doesn't seem to work now .

Lets go back to the old one until this is sorted.

It just does not look good Alby 🙂

I thought the layout before was pretty good.

Edited by spit051261
  • Like 1
Link to comment
Share on other sites

8 hours ago, cbjaust said:

Is there no longer a test server? The new layout will take some getting used to and the reported usability snafu's are enough to wish the new layout be reverted to the old layout. I'm sure it's complicated to build a website around a large database but surely we can do better than this.

 

Albrecht asked for volunteers to check the test server like 2 months ago and only 4 people gave feedback. It's not like he didn't try that.

We need all this feedback in order to get it going and fixed fast. So please be productive and just report any bugs or things you don't like. You can be sure that Tim and Albrecht will look into everything. 

  • Like 4
Link to comment
Share on other sites

I have a bit of messing around to do with the new GUI, and I expect some of my complaints are just me not liking change, but the one that really sticks out to me is the "module" design with the centered text. It really wastes a LOT of real-estate on a page. Also, the rankings being on top pushes what I would consider the more relevant information further down the page. 

to make it simple, my complaints are
- wasted page space
- unnatural to read (text is typically pressed to the left, not centered)
- poor prioritization of module placement

I don't like to offer criticism without solutions. At the very least the modules should show rankings on the right, with rigpic and hardware used in a column on the left. 

Oh, and I assume the front page not being organized by points is a bug. I could be wrong but I sure hope Im not

  • Like 1
Link to comment
Share on other sites

2 minutes ago, Tech Tested said:

I have a bit of messing around to do with the new GUI, and I expect some of my complaints are just me not liking change, but the one that really sticks out to me is the "module" design with the centered text. It really wastes a LOT of real-estate on a page. Also, the rankings being on top pushes what I would consider the more relevant information further down the page. 

to make it simple, my complaints are
- wasted page space
- unnatural to read (text is typically pressed to the left, not centered)
- poor prioritization of module placement

I don't like to offer criticism without solutions. At the very least the modules should show rankings on the right, with rigpic and hardware used in a column on the left. 

Oh, and I assume the front page not being organized by points is a bug. I could be wrong but I sure hope Im not

 

5 minutes ago, spit051261 said:

I don't like the front page .

I am used to seeing top scores .

This page is ....wow........

 

That is just a bug and will be fixed today. The front page will still show the best scores of the past 24h

  • Like 1
Link to comment
Share on other sites

It’s unfortunate that no modern CSS frameworks have been implemented here. Using something like Tailwind CSS or Bootstrap could make the site fully responsive without adding much extra work. For fonts, I’d suggest something like "Inter," which is a variable font and thus easily adaptable.

There are plenty of UI/UX designers who could handle the prototyping for a reasonable price, ensuring thoughtful positioning and presentation. Often, developers aren’t designers and vice versa, so collaborating with specialists can make a big difference.

I’d recommend restoring the familiar, original design as a foundation, then gradually expanding in the UAT phase with community feedback. Additionally, I noticed no posts on the homepage announcing that help was needed, which could have been communicated more effectively.

regards :D

  • Like 5
Link to comment
Share on other sites

If that was designed from the ground up, have you considered a library with ready to use components and if yes, can you share the reason for the current approach? I personally like the styling of Tailwind.

I know there are pros and cons with everything, but a library would possibly give you responsive layout out of the box, consistent styling, fonts, paddings, etc. For a small dev team and large site that might be the easier solution. Displaying large sets of data and forms on a site is one of the hardest things to design.

As for the fonts, Verdana and Ariel are really outdated for the web, they must only be used as fallbacks. There are many modern web fonts that are much nicer, I personally used Rubik for my site, but a typical font-family definition looks like this:

"Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif

where "Rubik" is my embedded web font.

It depends whether you want the same font on all devices or not. Other popular web fonts are Lato, Montserrat, Roboto, Noto Sans, Open Sans. You also need to account for localization, but I don't think that is a feature you're going to support.

PS: I don't know what jquery is still used for, but the versoin is really old (from 2012).

PS2:

I feel few things are better, but overall there's no consistency and the perception is not that good - perhaps there aren't many common components and layouts and everything is done per page basis, which would be a nightmare to fix and support. There are also many UX issues, e.g. like tags/pills looking exactly the same as buttons, no loading indicators (page simply jumps when a container gets its data replaced), non-clickable elements like dropdown list items (you need to click on the text), inconsistent pointer style (cursor).

Edited by I.nfraR.ed
  • Like 3
Link to comment
Share on other sites

3 minutes ago, Markus503 said:

I found a bug in the Result Search. 3D mark results aren't loading. i'm waiting 4 minutes and the page don't show anything. i try with less filter options and more, doesn't help

Screenshot 2024-11-06 140026.png

same with 2D scores, cinebench and geekbench results aren't loading too

Link to comment
Share on other sites

One minor

I dont know if this is related to the new GUI , but i noticed that the counter of Elite members for our team is wrong (and also the total member counter is wrong for the same ammount).

According to our members page we have 7 Elite members , not 44 as shown.

Total members 892 , not 929

Clipboard_11-06-2024_01.thumb.jpg.47ad0c4dda9af9eb545dcf5a45dcc0d2.jpg

An other thing that is annoying,the navigation for example between member pages is laggy and sometimes gets non responsive (freezes) no matter how much time you wait it doesn't respond until you press back page from the browser.

Link to comment
Share on other sites

I wandered a bit on the new GUI.
So far i have some small remarks :

  •  When on a score we can't go from an images to another with the keyboard or an arrow
  •  On the advanced search the score are not sorted from high to low (other people probably already said it)
  •  The hardware Filter of the search zone is collapsed from the start and not easily seen (it lack a little bit of contrast for me) and i think the collapsing menu is not needed at all.
  •  Overall the GUI lack contrast a bit and can be a little bit hard to read sometimes. 
  •  The font on the score post for ranking and other is too small and the boxed too large
  • On the competition page we can't go from CPU to GPU for example without going back or hovering on the Competition sub menu
  • on the profile wall the button to go on a score is also too small and not really visible

overall the GUI is nice and refreshing but the font is often too small and lack a little bit of contrast

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...