Latest web update: my thoughts / feedback

With the latest web update the font is also changed if I am not mistaken. When I first saw the new update I thought my video display driver was broken because the font feels really weird. It is burning in my eyes. After a closer look I saw some other “issues” the new font gives. Personally I don’t like it.

Numbers are not monospaced


Because the font does not use monospaced numbers, all columns with numbers are not aligned nicely. This also applies to purchase price. 19.99 looks way less the 18.00. I have drawn 2 lines to show what I mean.

Text font feels to bold
The more heavy font feels too heavy and is more strain full to my eyes. It is burning a little. I prefer a less heavy font.

When I disable “font-family: Gilroy,sans-serif;” on the body.app it fall back to the Helvetica font:
afbeelding
Then it looks way better:


All numbers are properly aligned and the readability is better for me.

Some fields in the edit screen are too small
This is not a new “problem” with the latest update. In my case the Distributor field and Purchase store field are too small:


When editing I cannot see which exact Distributor I have chosen out of these:

Two ways I can fix it for myself:
Make the field bigger:


or make the edit screen bigger, but then I have to increase the width to at least 1600px instead of 900. So I prefer the first.

I am going to fix this in my own local version with my own css overrides for now.

For the other changes: they all look better. The whole application looks more refined now. Thanx for the great job.

Addition: you can enable monospaced numbers with the following CSS:

{font-variant-numeric: tabular-nums}

The Font you now use has support for that.

Thanks for your findings, and thanks for your kind words.

The distributor thing: did you mention that before? I think we have it in our GIT system to be honest. Something that it would be at least helpful to see which chosen item from the dropdown is “currently active” in that dropdown.

As for the monospacing: noted. We are looking into that, and we fully agree. I expect a fix for this to go live within - wait it’s almost 5 o clock here - probably Monday or Tuesday.

I’m sorry to hear about the burning eyes! We might go for a completely different font for the “list based” information - but keep Gilroy in other places. That should reduce burning a little bit :slight_smile:

I don’t think I mentioned the “Distributor / Purchase Store too small” before. I only recently switched to Web, so if it is in you backlog for a longer time, then it must have been somebody else.

The heavy font als applies for the details window. Aka all places you regularly use when using the application maintaining and using your database. If it is somewhere in a settings screen it doesn’t really matter.

The burning in my eyes is even worse with dark mode applications. But luckily you support light and dark mode, so that is no issue :slight_smile:

For now we’ve activated your monospace solution, you can refresh and see it in the regular version as well!

As for the burning

It should be a bit less now - we’ll still consider switching some places to a different font - but we are quite happy with it as it fits our new house style. However - it is important that people don’t burn their eyes of course, and our business is into managing your database - which does require having it easy to be read. So - definitely will be considered (or perhaps even allow users to set a font, which is on the ideas list.

You might consider swapping the ‘Distributor’ and ‘Nr Discs’ fields. That would allow the ‘Distributor’ field to be wider without changing the overall dimensions of the dialog box. Or just put the ‘Distributor’ right above the ‘Edition’ field, like in twazerty’s example, and then place the ‘Nr Discs’ field next to the ‘Barcode’ field to fill the empty slot.

Is there somewhere that we can make suggestions for upcoming changes? If possible, I’d like to make a suggestion about editing the HDR field for 4K releases, please.

I’d just put it in randomly in someone else’s topic!
No in all seriousness I recommend just creating a topic and ask whatever you want.

Not to sure about swapping them. We feel barcode and distributor “fit together logically”.
Putting them below eachother leaves an ugly gap behind barcode, and pushes the “Extras field” down a line too - but it might be the best solution (as in Twazertys screenshot).

:+1: