Following my post on the article “Revenge of the Experts” in Newsweek two weeks ago I spent some time looking at their website. The overall look & feel of the website is very pleasant. It does the job. I find it makes the reader feel like reading their articles and highlights other stories pretty well, which a publication website is supposed to do. But wait! I am a Usability guy… Enough of being positive like that! I have to find errors, mistakes, areas for improvement, write a report, do recommendations, etc.

Luckily, I found something to criticize and something that allows me discussing a bit about interface controls, an issue people take too much for granted. When designing an interface, every time there is an interaction, you need to identify the best “control” to make this interaction happen. Should I use a button? Should I use a check box? A scroll bar? Build a navigation? Or just use a plain old link? The way I see this, making this decision is both a very rigorous process and also a highly contextual one. For every kind of interaction there is a set of appropriate controls that are more effective at enabling that interaction. Depending on the rest of the interface a specific control may also be much better than another one. That is if you are not the super control that can enable any kind of interactions! Yes, there is a perfect control out there that solves all problems and looks “cool” in your interface at the same time.

The magic word ladies and gentlemen is “sliders” . Yes, sliders. I remember not so long ago designing a form for one project and one of the stakeholders told me: “Optimize it for users, but… make sure there is a slider in there as well!”. Well, turns out, sliders are not that great at solving any interaction you have to design. That’s what I’d like to highlight in this post using Newsweek website as an example. Sliders on their article page are used in two places: first, as a way to change the font size on the interface, second, in a “widget” to control the date range to retrieve popular stories. In both instances, a different kind of control may have worked better.

Font size selection is for good reasons fast becoming a must have accessibility feature on text heavy websites. The task here is simple. A user finds the font is too small. The user could be a person with a partially impaired vision for example. In this case the website offers a way to increase the size of the text font. How well does this particular control address this issue? Well, not too well. First there is clear inadequacy between the control design and the task at hand. The task addresses the need of potentially visually impaired people, but the active part of the control (the small round cursor) is so small that even a person with no visual problem will have problems clicking on the right spot. Second, does the task require the user to select a value within a wide range of options (a task the slider is good at addressing)? No. The user just wants to increase the size of the font (or reduce it maybe) and see the result right away. In that sense, why use a slider? As an interaction designer I would stick to the good old “-” and “+” button here that are much better control to address the task at hand.

What about that second slider on the interface? Well, I would argue that it does a pretty bad job as well. In a “widget” in the right column of the website, a list of popular stories is highlighted. By default this list highlight the day’s popular stories, but users (via the slider) can select articles from a different date range. Again, different problems with this control. The first is in its design. It is usually advised to display values on a slider to let users know more about the range they are choosing from. Here, there is no way before interacting with the control to know in advance which value I will be able to choose.

The second is related to the task at hand. In this respect, I do not have enough experience with publication websites to know if my point is valid or not. I am wondering what kind of range people are interested in selecting when they are looking at the most popular stories. My guess is that today’s most popular stories is good enough for most readers, but if they want to change, why limit the user to 7 days max? (the case today on the website) And why letting users select a range like the last 4 days? Maybe user research actually showed this was right, but I am not convinced it is at this point. What of three buttons or a kind of navigation that says “today”, “last week”, “last month”? Would that be enough? I am not sure, but although the slider looks cooler, in the end users will care about efficiency and effectiveness, especially on a website like Newsweek.