The Web is full of success stories. To balance things out I’ll share 5 case studies of website redesign failures (including the story of one of our colossal fails). Let’s start with how we redesigned one of our services and lost almost half of user engagement in the process.
We draw icons. At the very start of Icons8, it became obvious that we weren’t able to hack Google AI to invent hundreds of icons every month, so we needed some help. Who better to turn to than the people that actually needed these icons – our customers! That’s how the Request Icon feature was born 3 years ago.
For the last 3 years it looked like this:
The idea is simple: people request the icons they need and other people vote for them. We draw the most popular requests. Every day. And it’s working.
This demands some explanation.
We went back and forth with adding/removing an Ideas&Votes link from our main menu. It never got great results except for short-term popularity bumps. Basically, it meant that old clients who knew about this feature before were reminded about it and gave it a second go.
However, new people who never expected requested free icons ignored the menu.
Note. We tried to rename – Ideas&Votes to “Request icons” with the same result. Second bump. Based on our usability research, people tended to ignore the feature based on a set of incorrect expectations. (“It is expensive”, “It’ll take a long time”, or “It’s some kind of scam”)
Well, that’s easy. Icons8 overall traffic showed steady growth during the same period of time which led to some proportional growth of the feature’s popularity.
The red dashed line is the actual traffic. We had some analytics tracking problems so half the traffic just vanished from the chart.
Apparently, it took us a few years to realize that the best time to fulfill a need is right as it arises. Just like people forgetting to buy milk while shopping, they forgot about the menu link when they needed an icon.
The decision was obvious. This one:
comparted to:
To be honest, the graphic below is pretty much useless. I just think it’s pretty, so it’s staying in. The “miss an icon?” hint was launched on January 18, 2016; and provided us with 75 people on a daily basis using the “request icon” feature.
Everything was great. Until we decided to make things even better.
After the redesign, the feature looks like this:
What did we actually achieve?
Important: our overall traffic didn’t change. The same amount of people visited this feature’s page. We definitely improved the overall “look” of the feature but lost a few good bits on the way.
People requesting icons need to know 2 things:
The thing is, the old design answered the first question and the new design answered the second one. Seems like if you don’t want a ~50% drop, answering the first one should be the top priority.
To answer Does this “request” thing really work? we use Votes and Comments.
Voting means that it has a life of its own. People vote, there is a queue, and it’s moving. So the feature IS working.
That’s the critical difference between the two designs. In the old design, I immediately understood that the number meant votes.
Old design:
New design:
What is this digit supposed to mean? Position? ID? Days left? Without knowing what the digits mean we can’t be sure if the request service is working.
Another sign of life is the comments. We’ve used them to comment on the status of an icon, but people were actually commenting on requests, flattering and bribing each other. The place used to be full of energy and life… until all of a sudden everything was gone.
The new design had no comments — our users were speechless, just like me.
There is only one big question here, What am I voting for?
In the old design, the average number of votes an icon needed to get in order to be drawn by us was ~30. With the new design, that number was ~15-16. Actually, last time I checked, it was 9. But 70% would be way too dramatic a number for the headline of this article.
Nine votes may seem good for companies with 9 employees, but it could lead to a large number of custom icons being drawn for small, niche projects, not community approved ones. Suddenly all 9-person companies hate me now.
The decrease in average votes is, partially, due to the “voting” problem mentioned above. People won’t vote if they can’t understand the system. Another reason is the descriptions.
Within the old interface, you were able to see the description of every request on the page you landed on by scrolling down, choosing what you liked, then voting for it.
The new interface forced users to click every request in order to see its description. Every time.
The initial motivation to scroll down through many requests, having some fun along the way reading other people’s descriptions and requests, and voting for the ones we liked, was killed. Thus our voting numbers decreased by ~50%.
Quite easy. We need to bring back the “queue” effect.
To be honest, the new design has a Recently Created Icons section, an indication that the feature is live. However, you need to scroll down in order to find it.
People have no motivation to scroll. If they don’t understand what’s happening on top they have no idea what to look for below.
For starters, here’s a short to-do list:
By trying to make the service simple and minimalistic we complicated user’s experiences. Getting rid of a few tiny details dissolved the whole sense of a queue and availability was lost, leading to a bunch of unanswered questions and reduction of user engagement.
Digg established itself as one of the most popular social bookmarking websites of the 2000s. But seeing a rapid growth of Facebook and Twitter in 2010, Digg decided to switch focus from social bookmarking to social networking.
Basically, they wanted to make it easier for users to share content with their friends and follow what their friends have shared.
The problem is, by 2010 most people already had accounts in the major social networks and they saw more news than they could gobble up.
One of the early-adopted users summed it up pretty clearly.
This drastic change in core logic was not taken kindly by the users, and according to reports by Hitwise Intelligence, Digg’s traffic plummeted 26% in the U.S. and 34% in the U.K. Digg called it a “bumpy start” when they sent a message to its community.
By 2012, things had gotten so bad that Digg was sold for $500,000 having been previously valued at around $160 million in 2008. Quite a hit!
Digg made a strong comeback under the new owners, but it’s interesting to theorize what might have happened if Digg didn’t decide to change their strategy which resulted in the redesign of the service.
The British retail giant spent two years and a whopping £150 million on developing a new website. The initial reviews were good. Customers acknowledged a new focus on great visuals, the magazine-style editorial which looks great on tablets.
However, there were also customers who were far from impressed with the new design and they raised concerns at both usability and performance issues. Like this person, for example:
There were other complaints as well:
Abovementioned issues led to an 8.1% plunge in sales, which resulted in a £55 million loss. In total, Marks & Spencer lost over £200 million.
In 2015, CNN rolled out a new website design. According to CNN Digital Editor In Chief, the new website will cater to its readers on social media and will become more mobile friendly. The new design will also put emphasis on pictures and videos.
Sounds great on paper, right? But in reality, the website redesign was met with a lot of negative feedback from its readers. CNN even had to close comments at some point after readers vented their discontent with the new design.
So, what went wrong after a new CNN website went live? Well, a lot! First of all, technical issues. The new website took about 20 seconds to load since they started using larger images. This also led to another problem – the website consumed 20% CPU to display its homepage.
To add to the technical issues, there were several usability issues as well. The emphasis on larger images resulted in fewer headlines appearing above the fold, thus displaying less content than before and forcing people to scroll down a lot. This wouldn’t be a problem should the load time of new content wasn’t such a pain. Some readers also reported the navigation was not intuitive at all.
Rob Griffiths in his article goes into more details comparing new and old CNN website designs. His verdict on the website redesign, “Pretty? Sure. Usable? No.”
In 2009, Target decided to part ways with Amazon, ending their decade-long relationship. The retailer wanted to regain control over its online sales. Two years later, in 2011, Target presented a new website design.
As we saw in the example of Marks & Spencer, two years of website development doesn’t guarantee success. There were many usability issues with the new website that led to customer’s disappointment.
Since when it is a good practice to show “out of stock” products first?
Item details vs. Item specifications, what’s the difference?
AdSense? Really?
So, why after two years of development a new website was riddled with so many basic but unforgiving errors? Well, in the press release Target revealed that more than 20 technical partners had been working on the development of a new website. That’s far too many. Miscommunications could happen since different companies were working with different parts of the website. Lack of testing considering how many issues were on a rookie level.
What saved Target from a big disaster is their chain of brick & mortar stores around the country. Had they been an online store only, their losses could have been more significant.
Most of these websites went through radical redesigns, which are often referred to as revolutionary redesigns. We’ve seen many companies apply these revolutionary redesigns in the recent years, often resulting in traffic drop, conversions decrease and eventually profit losses.
Following aspects contribute to failures in revolutionary designs:
Now that we know which factors contribute to website redesign failures, what do we do to ensure our new website rolls out smoothly?
The answer to this question is evolutionary design. There are many benefits to evolutionary approach:
Words of wisdom: If you decided to do a redesign of your website, do it right, do it evolutionary. Learn from the mistakes of others rather than your own, because they might be very costly to your business.
An elaborate redesign in an exceptional solution to old problems, if only it’s not too late. Check out While I Was Redesigning a Boarding Pass, Paper Got Old.
If you’re tired of redesigns just like me, have fun reading Don’t Listen to Users and 4 Other Myths About Usability Testing. Even if you’re not into usability, it has some amusing pictures.
About the Author
Andrew is a content manager & usability consultant at Icons8. He started his career as a phone support specialist, telling jokes while customers were rebooting their computers, then moved to usability testing and professional writing.
This is where we place all the possible blocks that we use for our articles…
Creating illustrations for a children’s book is challenging, especially if you're not an artist. Learn…
Nostalgic typefaces are trendy and more varied than ever. Discover the story behind vintage typography…
Curious about the diverse world of nostalgic fonts? Keep reading to explore typography from the…
Check out arrow icons in different aesthetics and get some inspiration on how to implement…
Step-by-step tutorial on generating AI illustrations for the online school landing page design.
This website uses cookies.