transition everything to Discourse

How can I make this site better? Let me know what you'd like to see!

Moderators: MattKingUSA, khz

User avatar
bluebell
Established Member
Posts: 927
Joined: Sat Sep 15, 2012 11:44 am
Location: Saarland & Frankfurt, Germany

Re: transition everything to Discourse

Postby bluebell » Fri Mar 08, 2019 3:07 pm

martibs wrote:I'm a relatively new user here, and coming from using the Elektronauts forum for some time now, I must say the UX on the (ancient feeling) phpBB is a let down. So I was not surprised to find this thread here.

There are some arguments here that the phpBB UX is superior on desktops, and I can understand that argument even though I don't agree, as it is a matter of subjective taste. However, the same can not be said of the UX on mobile devices. Discourse is far better in this regard, simply due tue the fact that it is actually been designed for those platforms as well.

More and more people are now using mobile devices when browing the web, and chosing a platform that is more platform agnostic seems obvious to me. There's also the argument that having a modern looking interface could attract (or not scare away, rather) new users.


2 more cents:

- The Elektronauts forum is one of the ugliest I have ever seen. When I see this crappy font I think of "Yep, some youngsters wanted to create a modern looking website". No, these are no jpg-artefacts, it’s really that ugly:
elektronauts.png


- It’s never the look that attracts or keeps users, it’s always the content. So yes, if linuxmusicians.com looked as bad as Elektronauts I'd be here anyway.
You do not have the required permissions to view the files attached to this post.

martibs
Established Member
Posts: 17
Joined: Mon Oct 15, 2018 7:06 pm

Re: transition everything to Discourse

Postby martibs » Fri Mar 08, 2019 7:47 pm

I agree, that is an ugly font. It is, however, your browsers rendition of the website. This is the CSS font property:

Code: Select all

font-family: NHaasGroteskTxPro-55Rg,"Helvetica Neue",Helvetica,Arial,sans-serif;

Unless you have one of the former fonts installed, it is the browsers sans-serif type font that is used. And the look is the result of your browsers rendition of that font.
This is how it looks on my system, running Firefox on Fedora, with Deja Vu Sans as the sans-serif font:
Screenshot from 2019-03-08 20-29-59.png


When I see this crappy font I think of "Yep, some youngsters wanted to create a modern looking website"

Yeah, I guess this is pretty revealing of your attitude, when young people wanting to create something modern is considered to be negative.
You do not have the required permissions to view the files attached to this post.

User avatar
bluebell
Established Member
Posts: 927
Joined: Sat Sep 15, 2012 11:44 am
Location: Saarland & Frankfurt, Germany

Re: transition everything to Discourse

Postby bluebell » Fri Mar 08, 2019 8:07 pm

martibs wrote:I agree, that is an ugly font. It is, however, your browsers rendition of the website. This is the CSS font property:

Code: Select all

font-family: NHaasGroteskTxPro-55Rg,"Helvetica Neue",Helvetica,Arial,sans-serif;

Unless you have one of the former fonts installed, it is the browsers sans-serif type font that is used. And the look is the result of your browsers rendition of that font.
This is how it looks on my system, running Firefox on Fedora, with Deja Vu Sans as the sans-serif font:
Screenshot from 2019-03-08 20-29-59.png


When I see this crappy font I think of "Yep, some youngsters wanted to create a modern looking website"

Yeah, I guess this is pretty revealing of your attitude, when young people wanting to create something modern is considered to be negative.


Too many people think that "modern" (in other words: different) is automatically better. I doubt that playing around with fonts and large spaces reaches this goal. Too many coders want to change things for change's sake. Isn't it an attitude, too, when people want to change things without thinking it over if they will increase usability or at least look better after the changes?

User avatar
milk
Established Member
Posts: 111
Joined: Tue Jan 05, 2016 9:08 am
Location: Edinburgh
Contact:

Re: transition everything to Discourse

Postby milk » Fri Mar 08, 2019 11:15 pm

that first screenshot make me think font rendering isn't correctly configured there.

"Too many people think that "modern" (in other words: different) is automatically better. ... Too many coders want to change things for change's sake"

i wonder why you would say that? as it's not case in this instance. to say that is to ignore the valid qualitative example immediately prior raised regarding trying to hit the "jump me to the first post in the thread i haven't seen" on mobile. or, from here, it appears maybe you don't believe that people on mobile have UX problems with the existing situation? or that it it's not important? which would essentially be disregarding of the viewpoint of those who have different experiences to you.

"I doubt that playing around with fonts and large spaces reaches this goal"

as was mentioned way back, a theme with a lot of whitespace is /easily/ correctable. it's just a bit of CSS.

"Isn't it an attitude, too, when people want to change things without thinking it over if they will increase usability or at least look better after the changes?"

by the way you describe the situation, it comes across as an attitude of seeing things as black and white. naturally, engineering is about compromises, but i think there is truly a way to accommodate and address all the concerns raised.
they/them (nb/gq/tg, ta)
wiki.thingsandstuff.org/Audio and related pages - a collection of mostly Linux and free links (OpenID auth for anti-spam, try DW)
Linux Digital Audio and Music Workstation Comparison Matrix - collaborative Google Sheet

martibs
Established Member
Posts: 17
Joined: Mon Oct 15, 2018 7:06 pm

Re: transition everything to Discourse

Postby martibs » Sat Mar 09, 2019 7:42 am

bluebell wrote:Isn't it an attitude, too, when people want to change things without thinking it over if they will increase usability or at least look better after the changes?

What I have been saying over the last few posts, which you seemingly have ignored, is that the UX and look is improved on mobile devices, and that the desktop UX/look is a matter of subjective taste. So that statement isn't valid.

Anyway, I didn't intend to get into an argument over classical-vs-modern. I just wanted to say that I think the forum would benefit from switching to a more up-to-date platform.

User avatar
bluebell
Established Member
Posts: 927
Joined: Sat Sep 15, 2012 11:44 am
Location: Saarland & Frankfurt, Germany

Re: transition everything to Discourse

Postby bluebell » Sat Mar 09, 2019 9:30 am

milk wrote:that first screenshot make me think font rendering isn't correctly configured there.

"Too many people think that "modern" (in other words: different) is automatically better. ... Too many coders want to change things for change's sake"

i wonder why you would say that? as it's not case in this instance. to say that is to ignore the valid qualitative example immediately prior raised regarding trying to hit the "jump me to the first post in the thread i haven't seen" on mobile. or, from here, it appears maybe you don't believe that people on mobile have UX problems with the existing situation? or that it it's not important? which would essentially be disregarding of the viewpoint of those who have different experiences to you.

"I doubt that playing around with fonts and large spaces reaches this goal"

as was mentioned way back, a theme with a lot of whitespace is /easily/ correctable. it's just a bit of CSS.

"Isn't it an attitude, too, when people want to change things without thinking it over if they will increase usability or at least look better after the changes?"

by the way you describe the situation, it comes across as an attitude of seeing things as black and white. naturally, engineering is about compromises, but i think there is truly a way to accommodate and address all the concerns raised.


The font rendering on my machines is ok. Maybe MacOS does better than Linux but there are huge differences regarding the clearness of different fonts. Arial or Bitstream Vera are great, many webfonts look only good in huge sizes.

We should distinguish between progress and change. Progress offers, change forces. Examples:

- CSS and User-CSS: progress
- Ugly "modern" websites with ridiculously big fonts and spaces (death by scrolling): change

I need progress (User-CSS) to fix the change (big fonts, big spaces, annoying pictures for pictures sake)


- VoIP as a technology, WiFi, Asterisk: progress
- VoIP as replacement for ISDN: change

- Having VoIP inhouse and via WiFi to my wife's shop in the neighbourhood allows me more flexible telephone calls at very low costs. What a cool progress.
- German Telekom recalling ISDN and forcing me to use VoIP on the incoming/outgoing line leaves people in my 3000 souls town without an emergency call at blackouts. Yes, even the mobile phone doesn't work at blackouts. Some call it progress but it's a change.

I need another progress (affordable UPS) to be able to do an emergency call, at least for about the 1st hour during the blackout (battery capacity).

What offers additional freedom/choices or makes something objectively better (e.g. faster internet at the same cost) is progress. What takes away something that I liked is change.

Don't mess them up. This has nothing to do with black/white thinking.

Lyberta
Established Member
Posts: 682
Joined: Sat Nov 01, 2014 8:15 pm
Location: The Internet
Contact:

Re: transition everything to Discourse

Postby Lyberta » Mon Mar 11, 2019 3:34 am

Oh, by the way, this forum is unreadable on my desktop PC because I have monitor with high PPI. Thankfully, I have forced the minimum font size in Firefox so now I can read text... but the white space is so small that text fields tend to blend into each other. Oh, the irony.

I think the biggest problem is that CSS has the ability to set the size of something in "pixels". I think this is a fatal mistake. There should be never be anything absolute in CSS because all the screens are so wildly different that it is impossible to make anything look good everywhere if you use pixels or other absolute stuff (wait, are pixels the only absolute thing in CSS?) in CSS.

On my websites I decided that I only specify font sizes in percents and I use 1/16 of em as a virtual pixel so everything (EVERYTHING!) will scale with font size.

Oh, and here's how that forum looks on my PC:
You do not have the required permissions to view the files attached to this post.

wolftune
Established Member
Posts: 1291
Joined: Fri Feb 24, 2012 7:40 pm
Location: Portland, OR
Contact:

Re: transition everything to Discourse

Postby wolftune » Mon Mar 11, 2019 4:01 am

The CSS pixel is a crazy thing, but not really related to device pixels exactly. I don't really get it and only skimmed this: https://stackoverflow.com/questions/273 ... calculated

Anyway, this is far from the worst way that web standards are done weirdly/wrong or are abused by careless developers.
Aaron Wolf
Music teacher, scholar
http://wolftune.com

Lyberta
Established Member
Posts: 682
Joined: Sat Nov 01, 2014 8:15 pm
Location: The Internet
Contact:

Re: transition everything to Discourse

Postby Lyberta » Mon Mar 11, 2019 7:47 am

Sure, that's why I put the word "pixel' in quotes. Most browsers allow you to set the ratio between physical and logical pixels and that's what I did to make sites more readable on my monitor. The problem is that it is still 1:1 by default at least in Firefox and it makes a lot of sites look like shit that way.

Tbh the pixel problem is not only CSS problem. It is a general GUI problem. In my game engine I decided to do away with concept of pixel until the last step in rasterization so everything will be scaled according to PPI of the monitor or the settings of the user.

EDIT: styles/prosilver/theme/common.css

Code: Select all

body {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 10px;
   line-height: normal;
   margin: 0;
   padding: 12px 0;
   word-wrap: break-word;
   -webkit-print-color-adjust: exact;
}


UGH, 10px? Good luck reading that, also padding in pixels, that totally breaks with different font size.


Return to “Suggestion Box”

Who is online

Users browsing this forum: No registered users and 1 guest