Michael Eriksson's Blog

A Swede in Germany

Redesigning for the worse / Blogroll update

with one comment

Last October, I added the Daily Sceptic to my blogroll. Today, I have decided* to remove it again. This in part due to a lower relevance and (my subjective feeling of) less, and less valuable, content as the COVID hysteria, countermeasures, whatnot have subsided.** The main reason, however, is a disastrous redesign.

*I do not currently have access to my WordPress account, and there might be a delay before the actual removal takes place. (This due to various notebook crashes and reinstalls, as discussed in earlier texts. To post on WordPress, I only need my email account.)

**Should they flare up again, I might revisit the decision.

To first look at the big picture:

I have been on the Internet since 1994, and it seems that web design tendentially has grown worse, year by year, that almost every individual redesign of a website makes it worse than before,* and that bigger organizations and organizations with more money tend to have worse websites than smaller ones.

*Indeed, this is not the first time that I abandon a site due to a misguided redesign.

A key issue here might be that web design is best kept simple, while there is a drift towards the more complex, e.g. because the more complex might, in some shallow sense, look fancier (at the cost of usability), that a design firm might be hard-pressed to charge money for something less fancy (even if more usable), that an executive/manager/product-manager* might push for the more fancy looking, etc., etc. As a special case, there seems to be a great unwillingness to accept the “default look” of HTML, which leads not only to excessive CSS-customizations but also, often, a reduced readability or usability, be it because pages from different web-sites look unnecessarily different** or because the default look was superior to begin with.***

*As a software insider, I can attest that many of the problems that the outsiders blame on the software/web/whatnot developers are actually caused by others. Developers usually have little say on topics like “user experience”, “look and feel”, what workflows are available and how they are structured, etc. (Which is a shame, because the developers are often better qualified and more insightful on such topics than those who do make the decisions.) Then there is the complication that the visual design of e.g. a website or a software is often done by others than those who implement the design.

**Which, sadly, appears to be seen as an advantage by the decision makers: Who cares about usability? The main thing is that we can push our unique corporate look/identity/whatnot! We need to stand out! We need to be unique! Besides, the visitors are not supposed to read and be informed, they are supposed to look at pretty pictures and be impressed!

***Fiddling around with the look of various control elements is particularly ill advised. For instance, some modern designs make it hard to determine whether a checkbox is actually checked, because no check mark is present. (Does that non-standard, specific to this one website, change of color mean that the checkbox is now checked or that it is now unchecked?) One extraordinarily idiotic website (I do not remember which one) had designed a radio-button to look like a checkbox.

A particular sub-issue could be that some individual designers want to experiment with various features, display their technical skills, whatnot, rather than favoring usability.

How to do good web design? Keep it simple, stupid!* Focus on readability and usability, not looks. Be user-driven, not design-driven. Do not make assumptions about the user (especially, that he is an idiot) or his wishes—ask him. Etc.

*This “KISS” principle applies very much to software development (and many other areas) in general. It is often one of the first things taught—and one of the first things forgotten. (And, possibly, is rarely taught to non-developers, e.g. product managers.)

Looking at the Daily Sceptic in detail:

Between my discovery of the site and the redesign, the main-page layout consisted of a long list of entries, somewhat like on a regular blog, most of which contained either own contents or a lengthy/article-sized quote from elsewhere (with some minor own comments), while a once-a-day entry contained a “news roundup” with a list with links to and one-sentence descriptions of texts from various other websites and news services. (This “news roundup” was (is?) the main source of value.)

The site was by no means perfect, but except for three things, this worked very well and was highly usable. All three things would have been easy to fix within the old design, and the second was easy for the user to work around (once wise the problem):

  1. The site had not made up its mind whether, for the individual entries/pages/whatnots, it should follow the “give the entire text in the list, with the option of opening it in a separate page to, e.g., give a comment” paradigm or the “give a taster in the list, and let those interested open the full text in a separate page” paradigm.

    Instead, the site combined the disadvantages of both systems, by giving a long-but-incomplete version of the text in the list. Those wanting to skim forward to open interesting seeming texts in separate pages were hampered by the length; those wanting to read the text without using separate pages could not do so, because the whole text was not present.

  2. The internal system, contrary to most blogging platforms, seemed to have two pages for the same text, one reflecting the abbreviated contents of the list and one reflecting the full text.

    In order to get the full text, the user had to scroll down to the end and click “Read More”, after which he was lead to the full version. However, what most experienced users are likely to do was to read a paragraph or two and then, if interested, click on the heading. (Or, on a site with a sufficient proportion of interesting texts, click on the heading in a blanket manner.) Unlike other platforms, however, this did not bring the user to the full version, but only the abbreviated version already seen in the list.

    (During my first few visits, I was highly annoyed to find, a “Read More” at the end of what should have been the full text, forcing me to another page visit. With time, I just scrolled down to the “Read More” of the original list in the first place.)

    Moreover, the lengthy/article-sized quotes ended with a “Worth reading in full” and a link to the original text. If the text is worth reading in full, why am I not? Either the actual full text should have been provided or I should have been linked to the full text to begin with.* This half-measure just wastes time. (Also see excursion.)

    *The semi-pointlessness of this approach is demonstrated by the same text often occurring both as a quote and as an entry in the news roundup.

    (Again, highly annoying during my first few visits, but something that I later worked around by just scrolling down to the “Worth reading in full”, while ignoring the Daily Sceptic’s version entirely.)

  3. Like many other sites, the comments were not immediately accessible even on the full version of a text. This is a near incomprehensible error, especially with an eye at how common it is. Show the bloody comments by default!

    Specifically, do so without a requirement to register and/or log in. Such a requirement might be acceptable for writing comments, but not for reading them.

The new design?* So bad that I will stay clear of the site for the time being:

*As observed during today’s (2020-06-06) visit. The statements need not be true at the time of reading.

  1. That very useful list is gone.
  2. The news roundup has been moved to a separate page and, it appears, a separate page per day, implying that I cannot just go to the same page every day, but have to go to the main page and pick out whatever the current day’s page is.
  3. The (new) main page is poorly designed, wastes space, and has replaced the original list with a much shorter two column list.

    The “shorter” implies that further pages must be visited to find all entries of the day (or since the last visit)—which is not possible without JavaScript. At the end of the page there is a “Load More” button, which should (a) have been a link, (b) should have loaded* more. Instead, it unnecessarily uses JavaScript to do something or other.** General rule: Never, ever use JavaScript for something that can be done with a regular HTML link.

    *Or, better, switched to a “page 2”. I have not investigated the details of Daily Sceptic here, but a common issue with other sites that use formulations like “load more” is that the new page begins with a repetition of the original contents, for a major waste of time—I want more contents, not the same contents again.

    **Presumably, to load more, but I will not activate JavaScript for any random site—especially one with foreign and, therefore, untrusted-even-should-I-trust-the-site contents. Correspondingly, I cannot test this.

    The two columns are a worsening relative a straight list, and columns are usually a bad idea in HTML to begin with—an attempt to imitate a paper design without a feel for the actual medium. (Generally, adopting something from the one medium to another can be highly sub-optimal. Even in good cases, adaption (note spelling) is necessary and often not even that gives a good result.)

  4. The comment issue has not been fixed. Arguably, cf. below, it has been made worse.
  5. On the upside, the site has now made up its mind on the two aforementioned browsing paradigms, settling on short descriptions with a full page view. The “Read More” issue seems to have disappeared as a side-effect. However, the “Worth reading in full” issue remains. Indeed, it has grown worse, because I cannot now jump from the main page directly to the original article. Instead, I have to first visit the Daily Sceptic’s version, and then jump to the original article.
  6. There are now three (!) highly intrusive requests for donations at the bottom of each (!) page.* By all means, ask for donations if you need money (running a popular website can be expensive—I understand that), but be polite and discreet—no-one likes to have a begging hand shoved in his face every two minutes.

    *There might be some discussion whether this should be considered design or content. As they seem to appear without variation on all pages, I consider them design for the purposes of this text. Similar points might apply elsewhere.

    This is the more annoying, as the site provides comparatively little own contents. The main benefit was always the news roundup with contents from other parties; and of the other entries, only roughly half were own contents, with the other, and often more interesting, half being the lengthy/article-sized quotes from other parties.

    Moreover, the third of these intrusive requests contains an inexcusable “We ask for a minimum donation of £5 if you’d like to make a comment or post in our Forums.”:

    Not only is this amount utterly and entirely out of proportion,* but the site is effectively punishing visitors for contributing value to the site.

    *Really, £5! Compare this with what can be had for the same amount elsewhere.

    (Generally, it is absurd, utterly absurd, how many websites seem to think that they are doing their visitors a favor by allowing them to contribute, while it is often these contributions that give the site value in the first place. This obviously in forums, many wikis, and sites like Youtube, but at least sometimes on other websites, blogs, whatnot. Steve Sailer is, again, a great example of a blog where almost all the value comes from the commenters.)

  7. According to an announcement there will now be advertising. Their choice, but it will worsen the “reader experience” and it will make me even less likely to visit.

Excursion on general technologies and trends:
I am often tempted to blame such problems on developments in technology, e.g. increased use of JavaScript (should be minimized) and CSS “position: fixed” (should never have been invented and should never be used). However, the Web has a long history of idiocies and over-use. For instance, Flash was long a problem, but is now almost gone. For instance, one of the early banes of web design was frames, and they have been very rare for at least a decade, maybe even two.

Moreover, at the end of the day, technologies can make it easier to make poor designs, but the blame ultimately rests on the designer (and/or whomever gives the orders).

A partial exception to this is responsive web design (and, maybe, adaptive web design), which pretends to solve a problem that does not exist,* and causes enormous increases in efforts, complexity, JavaScript use, etc. Another partial exception is a drive to design exclusively or primarily for smartphones, which often leads to pages that look like shit in and wastes space for a desktop browser, while, typically, not being very impressive on a smartphone either.**

*Or, rather, would not exist, if the design was solid in the first place. Design well, and the exact same page will look good in both a desktop browser and a smartphone browser without dynamic adaptions. Indeed, in the days of yore, where “mobile versions” were common, a flawed redesign of the “desktop version” often moved me to use the “mobile version” on the desktop too—as it was usually better designed for desktop use than the redesigned desktop version…

**Yes, there is an apparent contradiction of the previous footnote. From memory, I would say that the old “mobile versions” used a look-and-feel which was simply a less complex version of a regular desktop version (cf. the above comments on keeping it simple, etc.), while the modern try to additionally use an Android- and/or iPhone-inspired look-and-feel, including ideas like removing links in favor of big buttons or button-like constructs and preferring many low-information pages/screens/whatnot to fewer high-information dittos. (As an aside, I would welcome it, if the smartphone OSes looked and behaved more like desktops, to the degree that screen space and lack of keyboard/mouse allows it.)

Excursion on earlier writings:
I have a number of older texts dealing with both web design and software development on my website proper.

Excursion on “Worth reading in full”:
To quote and discuss portions of a text, in conjuncture with a “Worth reading in full” (or something to the same effect), is not wrong. I have certainly done so myself. In the case of the Daily Sceptic, there are at least three problems: (a) that this is done on a very large scale, (b) that the link to the original only comes at the very end,* and (c) that the own comments, analysis, whatnot are small in comparison to the quoted text—and usually quite superficial. There simply was not much point in reading the Daily Sceptic’s version over going straight to the source.

*Without checking, I suspect that I have always or almost always linked at the beginning of such texts—and I certainly will try to remember it for the future.

Excursion on utter idiocies:
To illustrate how far some idiots can go, there actually are websites that try to impress the user by playing music when he visits, or accompanies the main page with a spoken message. (This disregarding both that most users will not hear the music/message in the first place, that those who do might be pissed off, and that third parties might be disturbed.) A very common problem is the use of overly large, utterly uninformative, and constantly switching images, which do little but annoy the visitor. (This as part of the deliberate design. Advertisements can have a very similar effect, but are a separate issue.) Generally, overly large and utterly uninformative images, even when not switching, appear to be a staple of corporate web design.

Advertisement

Written by michaeleriksson

June 6, 2022 at 4:09 pm

One Response

Subscribe to comments with RSS.

  1. […] worsened to such a degree that I decided to abandon them, including FML ([1]), Etymonline, and the Daily Sceptic ([2]).* Also see [2] for a little more on the general […]


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: