HWBOT NEW GUI FEEDBACK THREAD

[Leeghoofd]

Tim is going to update the current frontend by a new graphical Interface of HWBOT at around 07:00 CET

This thread is specifically dedicated to determine spotted errors, bugs , layout suggestions, ...

We realize there is still a lot of work to do on fine-tuning this updated version HWBOT, so we count on your cooperation OC community!

 

 

DESKTOP:
 

• After editing a score, the update on the overall Benchmark page is not happening
• Changing Team page avatar/banner doesn't work
• Per hardware profile the Submission counter doesn't work
   

            ADMINS:

• Moderated submission list is endless, scores are also not removed from this list after moderation

 

         FIXED:

• Front page ranking seems sorted by date  --> swap to boints - CHECK
• Participate competition button leads to profile login ? - CHECK
• EDIT button is available when watching someone else's sub, but is luckily disfunctional
• Search results are ranked by user , this must be ranked by highest score and in descending order - CHECK
• Competiton Permalinks with more than one sub list the wrong data - CHECK
• Clicking on a competition stage leads to an error - CHECK
• New Profile layout - CHECK
• Country Cup 2024 link is broken - CHECK
• GA-MA790FXT-UD5P link is broken - CHECK
• Change copyright 2020 to 2024  - CHECK
• Zero pointers and Alpha benchmarks must not be listed in Top Points part of the User profile  - CHECK
• WR rank on a submission is leading to the wrong link - CHECK
• Y-Cruncher PI BBP submission don't work
• Achievements slider is full (100%) while the data lables reads out eg only 2% - CHECK
• Commenting on a score is not possible, no sub info on forum - CHECK
• Recalc buttons is missing for admins  - CHECK
• From Page 2 the Search query gets lost - CHECK
• Navigating pictures in submission by arrows doesn't work - CHECK

 

 

MOBILE:

• No submit button --> Not possible yet
  
  FIXED
• No login button --> high priority - CHECK
• No search bar --> high priority - CHECK
• No profile/team button - CHECK

 

 

 

 

 

 

 

 

[Paul7347]

Might not be the primary focus at first but the mobile version seems to be missing a lot of features.

- No submit button

And using desktop mode doesn't even do anything anymore

[phobosq]

1. When you search, for example GB3 multi core results on DDR3 memory, previously results were ordered descending, now they are ordered by by user and then by hardware, and finally by score ascending. Makes finding optimal hw for a benchmark impossible now.
2. Also, linked to above, it returns 447 pages of results, I'd like prev/next page when paging, helpful to lock your mouse on next/prev and click till you find what you want.
3. In CC category, when you clicked on a cumulative result, you moved to a page with those submissions. Now it leads you to a search page, as if search by permalink IDs was broken. That sucks in the middle of CC.

More to come probably, poked around for 10 mins during coffee break.

[kicsipapucs]

Unfinished, half ready front end, whole site looks like a fallen apart css website off of wayback.archive.org.
Font looks outdated, on profiles first whole fold is taken up by huge boxes (half of them are empty white space boxes, eg.: achievements) that previously used 1/4 this much of space.
Cannot see scores, subs, hw until the second page. Font sizes, textbox ratios are wrong.
On main page news have distorted placeholder bot images, super unengaging, who is gonna click on a virus looking link to see actual world records with new platform?
Same for submissions, huge space taken up by half empty boxes, have to scroll down to see hw details.

[chispy]

Spacing is completely wrong on the front page and also the fonts are way too big on desktop. Too much space completely empty in between , and also too much wasted space even with a very long scroll bar. Thank you for the update.

 

[AKM]

First of all, thank you to Leeg and the dev for all the hard work they put in to get our little site updated and working as it should be 😁

Some personal feedback I have is..

1. Can we get the arrows next to the page numbers back for scrolling pages on the front page?

2. Personally I preferred when the submit score button was separated from the rest of the main menu options, but this is personal preference

3. What happened to the sponsors/partners in the main page banner?

4. Scaling seems to be very weird at the moment as well. I reduced zoom on my 1920x1080 monitor to 90% and it looks a lot better. Full size is just weirdly spaced and awkward to look at imo.

 

[wutske]

It's a refreshing new look, it'll take a while to get used to though . Would be great if things were a bit more condensed, it'll probably look great on a 1440p or higher screen but for 1080p the paddings are way too big imho.

 

Small bug I found, on a profile page, when you search for submissions, you'll get a 400 error

 

 

[TheQuentincc]

The "mobile" issue seems to be related to the width of the window. Will it be possible to force the "desktop"/large window mode in the future ?

[Leeghoofd]

Current profile on the left, on the right a slightly smaller version and better readability for the points/rankings

[Asyq]

Feature request: A 'Back To Roadmap'-link like I quickly photoshopped here. Saves a few clicks.

 

[chispy]

3 hours ago, Leeghoofd said:

are you on a 1280x1024 monitor ? I can only replicate it with that resolution, Angelo lower browser to 75%

4k resolution - 3840x2160 monitor. Thank you for the help Alby , lowering browser to 80% fixed it 👍. Modern look at the front page i do like it but needs a bit of work.

 

Here it is fixed with 80% lower browser -

 

 

[Paul7347]

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 :

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

[Remarc]

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 November 5 by Remarc

[Apfelkuchen]

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:

 

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

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

 

 

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.

[cbjaust]

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 November 6 by cbjaust
clarity

[spit051261]

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 November 6 by spit051261

[der8auer]

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. 

[kicsipapucs]

13 hours ago, Leeghoofd said:

with which Font ? that might helps us a lot

I'd recommend Rubik for the whole site.

[Tech Tested]

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

[der8auer]

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

[M1RR0R]

we also need to highlight the current score the ranking on the right

[noizemaker]

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

[I.nfraR.ed]

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 November 6 by I.nfraR.ed

[TASOS]

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

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.

[dedede223]

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