Interesting article. One comment I'd make about point 4. (Required vs. extraneous) is that it's often tempting to collapse and hide CTAs in the name of clarity, but by doing this we can sometimes remove useful user actions that end up confusing the UX.
In your example you've hidden the 'buy now' button. I'd argue that this is probably the most important CTA on the page (I'm assuming this is an ecommerce site) and without it there is no clear way for a user to buy the product or add it to basket.
So while I agree with the spirit of this point, sometimes we need to resist the urge to strip everything back if it sacrifices usability and clarity.
Thanks for your input Stephen.
I agree and, as I mentioned in the article, there are "many schools of thought on this from the standpoint of usability".
Visual decluttering is a great thing to do to designs, certainly after it's built and has real content. I do have a few pieces of feedback:
- The designs used as an example have incredibly wide paragraphs. I know this is not the core of the article, but it does set a bad example for new designers.
- There are some clear aligning issues in section 3, with the last paragraph not aligning to the grid.
- You take a perfectly fine results list with three clear actions and hides it under a stupid "more" button. Bad, bad UX. If anything, you'll want to remove the added / availability row below the title.
This is an amazing example of a table being decluttered: