Changes to Zwiftpower Site Design - April 2022

Is the alignment off on the column formatting when looking at your profile?

Appears to be formatted to the right of the cell but should be central? The numbers seem out of line with the title on the cell.

Its affecting my ocd when I look at it.

Edit - This is desktop, ive not bothered with mobile.

1 Like

Its aligned right to the filtering arrows

It should be aligned central under the column title

For whatever reason, Max HR is text-align: center.

Several columns have the text-left class. For example, the position column is aligned to the left despite also having sorting arrows. So that’s somewhat inconsistent.

I think left and centre both look OK, but text-right looks off - particularly with the 20m power column.

The main reason to align right would be to ensure that decimal points or tents/units are vertically aligned - but since the table uses a proportional font, they’re not aligned anyway…

On iPhone
You can increase size according to available space.

2 Likes

On iPhone
you can reduce Ranking empty space [tab individual ranking]

I would like to add my vote to make the row Hight less.

I was expecting more changes like a Big Zwift logo.

3 Likes

On a related issue, could you ask the devs to tinker with the main Zwift site on mobile browsers? The chosen event is squished to the right in a very narrow column, instead of opening a new page, making it hard to see what needs to be changed.

I can’t always update using a laptop and it’s huge pain to update events on a mobile since that functionality was removed from the Companion App.

looks nicer but again does anyone at zwift actually do any testing?

2 Likes

OMG. Zwift considers this an update? Now there’s much less data on the screen due to the larger font which now requires more scrolling up and down and left to right to read the data. This is completely frustrating. Changing the “look” at the expense of less data on the screen, which requires added user input to see the data, is a decrement not an improvement. Please revert back to the old format that is much more functional and user friendly.

4 Likes

A couple of notes of feedback (well, maybe 3)
The new font is easier to read. Especially for those of us who need bifocals/reading glasses. :wink:
There are grey bars on the left and right of the page. These areas could be used for content, but are wasted at the moment.
The “events” link is missing (more or less) I found that the home icon takes one to the events listings, but that is not intuitive.

1 Like

I agree with what others are saying.

  • Use the entire width of the screen
  • tighter row height
2 Likes

One of my race have “ZP” instead of “power”.

At least it worked.

Using edge the change looks good to me. More modern, I don’t personally have to scroll more left-right in my profile view or the race view as far as I can tell yet, so that aspect hasn’t yet been an issue for me though it sounds like it is for others.

The forum button doesn’t navigate anywhere, or give any error, so it’s somewhat of a broken entrypoint, if it’s going to stay like that it might be worth just removing it, or having a short message that links to the actual Zwift forums so it’s not a dead end.

Took me a while to realize the “Events” navigation was gone, and instead of selecting “Events” the entrypoint is now the logo or “home” button. That might confuse a few folks for a minute or two.

Edit: Looks like the Forum button navigation now works, so that part is fixed.

+1 for the line spacing is too big.

Can’t seem to zoom out on mobile (safari on iOS) so when viewing in portrait view you can’t see all the data.

Also profile images on mobile are not being scaled to screen size.

Hate to say it and sound like I’m teaching egg sucking but a round of user testing or even simple A/B split testing with the UX team would have flagged 99% of the issues raised here and would have meant a smoother release and less need for potential extra work.

5 Likes

This might depend on how many columns you have showing. With mine:

I do have to scroll at my normal window size. I don’t if I maximise the window.

I have to scroll down to the end of the 50 entries in order to see the scroll bar, but at least if I click on the space above the table to select that element (or press Tab 50 times), I can then scroll using the left and right cursor keys. Not the most intuitive of mystery meat navigation though.

When using my phone, I’m finding it more convenient to navigate with Chrome set to request desktop mode. That’s not a good thing.

1 Like

It’s barely using responsive design. I mean, it is a bit insofar as there’s some reflow, but none of the tables look any different. I can’t imagine the “desktop” version works very well on a phone.