Using Code To Optimise UX
Understanding the user journey is half the battle for improving your conversion ratio. Code is simply HTML, CSS, and Javascript to ensure your website displays perfectly across devices.
Is Your Web Page Mobile Friendly?
User or page experience is not to be confused with content information.
- UI = good-looking design
- UX = fast and logical accessibility
So how important are they?
Google clearly states that a great page experience doesn’t override having great page content. However, we don’t know the weight of each object. Data is only as good as the expert analysing it.
Fast websites = good information delivery. (It does not mean quality information).
Website speed tells a story
Although quantifying an acceptable ‘experience’ on a website is subjective, Google believes it testifies to its trustability and legitimacy and should be measured.
The logic is, ‘If you invest in your website’s speed, then surely you care about your online presence.’
Speed can be computed, measured and graded.
Google would argue that it has conducted extensive research into what makes for the ideal UX, and they are generally correct.
Hence, in June 2021, Google released the Core Web Vitals update, which includes UX metrics as part of SEO.
Essential metrics for a healthy website
Did the page load quickly, and are all elements present and correct? Again, it is all about the quality of data accessibility.
Web Vitals Metrics
- Largest Contentful Paint (LCP)
- First Input Delay (FID)
- Cumulative Layout Shift (CLS)
- Defining the Core Web Vitals metrics thresholds
Quantify The Experience Of Your Website
Google wants a fast and furious search experience where the user is everything. The above are all subsets of Google’s page experience” score. It is Google’s way of keeping us honest and in tune with the user experience.
Google offers its stats that slow load time equals higher bounce rates. These come as no surprise.
Adhering to these new rules is essential for a high Google ranking.
- Some are simple, like HTTPS, which secures your site.
- Intrusive interstitials are ads or pop-ups that hide content and are made for poor UX.
- Core Web Vitals are another thing altogether. They compose three user experience quality metrics: loading, interactivity, and visual stability. These are basically how fast and how well a web page loads.
- Mobile-friendly is a mixture of all of the above. Web vitals is a way of measuring responsive success across devices.
Vanilla Circus can help you with all of the above.
- Sometimes plugins are suitable,
- Sometimes, Javascript needs further deferring,
- More often than not, images need optimising,
- CSS could need improving for mobile
- Colours need a re-think
- CTAs need an update
A host of minor tweaks can improve your user’s experience of your website and, most importantly, allow them to buy into your brand and open their wallets.