My blog post a couple of days ago about DI.se’s poor website UX was really just one example of websites that make use of “modern” features while failing to actually make them useful. expressen.se is another example, but for other reasons.
Similar to DI.se, they have a toolbar section for each article with functions like changing the text size, printing the article, and even fancy things like sharing the article on Facebook. The problem is that they choose to have this toolbar at the bottom of the article, not at the top! Granted, some of these functions are likely very rarely used, and only meaningful once you have actually read the article (such as sending an article link through e-mail), but changing the text size is something you will want to do before you start to read the article, not after!
Their stupid design means that in order to increase the text size of an article, you have to follow this procedure:
- Click on the article link you want to read.
- Scroll down to the end of the article (usually somewhere in the middle of the page due to the typical display of the main site content after the article.
- Click on the a a a toolbar buttons to select your desired text size.
- Scroll back up to the start of the article and start reading.
To make things even worse, expressen.se, just like DI.se, doesn’t remember the text size chosen, so you have to repeat this procedure for every article you read.
Why are these things so hard for website designers to get right? Remembering the text size is as simple as storing and reading a website cookie. Even I managed to do it on the ancient Phoenix Help website back in 2002, so why are so many modern news sites still struggling with it?
As I mentioned previously, user experience (UX) design is one of my specific computer interests, and as the project lead for Mozilla’s Firefox support website, I obviously care a lot about website UX in particular.
DI.se, a Swedish financial website, is a good illustration of this. As with many other news websites today, they have a small toolbar strip at the start of each article with buttons for things like increasing the text size (something which can be really useful since most web designs tend to think that small fonts are more pretty than big fonts, and the average physical screen size of new laptops is only getting smaller).
DI.se’s article toolbar. Looks can be deceiving.
Now, the thing that makes DI.se worth pointing out as an example of particularly poor UX design is their decision to make the toolbar about as hard to hit as a housefly.
When you hover the mouse pointer over a toolbar button, the whole toolbar suddenly changes from the button-only, horizontal layout to a vertical one with text labels. This makes all toolbar buttons change place, and your first attempt to click on a button is surely going to be a miss.
Of course, I took the time to point this out to the DI.se webmaster over a year ago, but as with so many other popular websites, the webmaster didn’t respond, and, as is obvious by visiting their website today, didn’t think the problem was important enough to fix.
Maybe it isn’t a huge problem, but it is certainly annoying; especially since the website doesn’t even remember the text size you choose, so you have to redo the procedure every time you read an article!