‘Fix Broken Shit First’ Optimization For Improving Any Website

Last updated |

There is an excellent new technique for quickly improving revenue and conversion rates for any website.

It’s called ‘Fix Broken Shit First’ website optimization.

And it works very well — fixing the most common broken ‘shit’ on your website will lead to very high impact on your conversion rates and revenue. And it often has more impact than doing any A/B testing, or guessing what to improve.

This technique of fixing broken shit was introduced by Craig Sullivan, Arnout Hellemans and Tim Stewart, who proved how effective this can be. So a big shout to these gurus.

Your website has broken shit which is hiding

It doesn’t matter how good the UX, design and copy of your website are if visitors can’t easily complete common use cases due to ‘broken shit’.

And your website probably has a lot of hidden broken shit that needs fixing. I have found that the majority of websites do, no matter how good they look. And I’m not talking about broken links or 404 errors either.

You probably don’t even realize you have hidden broken shit, and worse still, you often won’t realize the big negative impact it’s likely having on your user experience and website revenue.

I think it’s so important that it should be the first step of doing effective CRO (conversion rate optimization) for any kind of website.

Examples of common ‘shit’ to fix first on websites:

  • Poor or not understandable field error validation in checkout
  • Broken/squashed layout on smaller devices with 380 width
  • Mega menus that cover important content and CTA buttons
  • Layout broken on tablet due to stretched buttons or too large images
  • Product image gallery not working properly on mobile
  • Site search not working well or giving bad results
  • Live chat widgets covering and blocking CTA buttons on mobile
  • Pop-ups that can’t be easily closed because the X is too small or hidden
  • Tool tips that don’t work on mobile or their content is cut-off
  • Underlined text that visitors think are links and try to click on
  • Elements that look like CTA buttons but aren’t
  • Cookie banners covering and blocking CTAs buttons on mobile
  • Deleting signup field details when clicking back to them
  • Drop-down selectors for products not working as expected
  • Very slow loading images on mobile product pages
  • Zoom function not working on product images
  • Category page filters that don’t work or show wrong results

How to discover your hidden broken shit

Don’t just rely on checking your website occasionally on your desktop and mobile, or relying on your developers to do this, as you won’t find that much. To discover the most hidden broken shit, you need these tools in particular:

Cross browser testing tools
Getting a tool that lets you check your website for broken shit on all common devices and browsers is essential, and you should use these tools particularly when you launch something new. I recommend Browserstack.com for doing this QA. These are the most common devices and browsers that you need to check:

  • Desktop, mobile (most popular phones including a 380 width one) and iPad latest model
  • Safari, Chrome, Edge, Safari (In-app) and Android Webview

But developers who use these QA tools usually only check if functionality is broken — they often don’t understand if the user experience has become poor, which often becomes the hidden broken shit you need to fix.

That is why you also need tools that give you insights from your users while they are using your website, as this will reveal some of the more hidden broken shit on their journeys. That is why you need the next two tools.

User testing tools
To find the most common and obvious broken shit, I suggest getting at least 5 user tests done on mobile and 5 done on desktop. This where you ask tasks and questions to user testers that match your target audience. You should get the user testers to review the most common journey on your website, from your most common entry pages to your checkout, as this will increase the chances of them finding broken shit on the key parts of your website.

I recommend using Userfeel for doing these user tests, as you don’t need an expensive subscription to use it.

Session recording tools
You need to watch and review 100’s of recordings of your users on your website to find hidden broken shit, on most common desktop and mobile browsers. Hotjar and Microsoft Clarity are great tools that offer session recording.

In particular, you need to filter for and check session recordings with ‘rage clicks’ as they often indicate user frustration with broken or confusing parts of your website. This will often reveal some great hidden broken shit to fix.

But it’s not just tools you need. To ensure you discover the most hidden broken shit, you also need experts.

Get help finding broken shit from an expert in UX or CRO
You also need to use someone in your business or externally who understands UX or CRO to analyze the tool results to discover the most hidden broken shit (the broken shit your developers have missed). If they are good, they will have a great eye for small broken shit that negatively impacts user experience. In the very least you should get your web designer to review your session recordings.

I also recommend getting a CRO website review from an expert like myself, as this will quickly uncover a lot of hidden broken shit for you that your CRO, UX or web designers may not find or notice.

How to prioritize and fix your broken shit

Using these tools and experts you are likely going to find lots of broken shit to fix which will increase your website revenue. So how do you know what to fix first?

  • First  of all fix anything in your checkout or signup flow.
  • Then fix anything on your top entry pages, like your homepage or your category pages.
  • Then fix any elements that are essential to users being able to easily use your website like navigation, filters, search and forms.
  • Then fix the small things that impact less common groups of users, like users who use the less common smallest width phones.
  • Double-check the broken shit is fixed and hasn’t broken something else. This is essential.

Every time you launch fixes for broken shit you need to check that it’s really fixed. Sometimes developers don’t fix it properly, or worst still, their fix breaks something else. So once you have launched the fixes, do another round of session recording analysis to see if anything related has now broken.

Regularly review for hidden broken shit

I suggest you also do this hidden broken shit review every 3 months to check if anything has broken without you knowing it. This is because things can break without launching anything, particularly due to things like auto-updating plugins, or developers updating part of the website code or tags without realizing it has slightly broken a less commonly used part of your website.

So spend some time today using those tools checking for hidden broken shit and then fixing it. It is the first most effective step of doing effective CRO. Then after that you can do further conversion research like doing surveys for your visitors and customers to discover their doubts, issues and frustrations. That will give you even better website improvements and A/B test ideas that will give you better results on your conversion rates and revenue.