Week 5: Digital Customer Experience – DCX Website Design
Week 5: Digital Customer Experience – DCX Website Design
Welcome to week 5 of our series on the Digital Customer Experience. This week we touch on your website and why DCX Design is the next big step from User Experience (UX) & User Interface (UI) Design.
Digital Customer Experience (DCX) as we’ve discussed is the ecosystem of touch points and interactions a user has with your company or brand.
DCX is the movement of empowering businesses to focus solely on their customer when ideating their sales, marketing and more by looking at the user journey in detail and identifying gaps to produce a better overall experience.
As Simon mentioned in our video on LinkedIn, your website is your central hub of online activity, and for most businesses, this is a potential customer’s first introduction to your business.
If you were to meet someone for the first time – what sort of first impression would you like to make – consider the same for your website.
Sure, you can be selling via Instagram, Amazon or eBay – but for services it starts with a high performing informative website that is easy to navigate and easy to contact you.
Do yourself a favour – go to your website now and read it.
Does it really convey what your business does, who it does it for and how you do it ?
If I was a prospect would that be enough to convince me to pick up the phone or click on enquire now ?
A great DCX for your brand and business means putting your best foot forward and creating the best looking and best interactive front door salesperson possible.
What is UX & UI Design?
Starting off with an English lesson, here are some definitions in case you’re doing some well-informed study for your business (we don’t want anyone to miss out).
If you’re well adept in UX/UI then you may politely skip this part and move on to the juicy stuff!
What is UX Design?
UX Design is the art of creating the most seamless, intuitive and interactive experience, anticipated by meeting the needs and wants of your users. The best UX Design will work so well that many users won’t even notice it – that’s because bad design is what people really remember.
User experience encompasses all aspects of the end-user’s interaction with the company, its services, and its products.
– Don Norman, Cognitive Scientist & User Experience Architect
What is UI Design?
Unlike UX, user interface design is a strictly digital term. The user interface is the point of interaction between your user and your service or product.
UI design considers the look, feel, and interactivity of the product like icons and buttons, typography and color schemes, spacing, imagery, and responsive design.
It’s all about making sure that the user interface of a product is as intuitive as possible, and that means carefully considering each and every visual, interactive element the user might encounter.
3 reasons why your website doesn’t work
Google loves UX Website Design
In May, 2021, Google released an algorithm update that changed the way it recommends and ranks websites in their search results. This update fared friendlier to websites which scored highly in a number of ranking factors.
Google considers anything that takes longer than 3 seconds to load as slow and – fun fact – Google ranks your mobile version and your desktop version differently – both versions need to load in less than 3 seconds – this sends a quality signal to google and is now one of the key deciding factors (in a list of over 200) in your business reaching page 1 – and then position 1.
Another fun fact – the top organic position on google (as in the free listing not a paid or Adwords version) gets between 27 and 35% of clicks – the third position gets between 9 and 10 % and if you’re position 11 or higher you’ll be lucky to get 1% of clicks.
Simply knowing what to look for is one thing, we’ve also provided you with some tips or tools along the way so you know how to check for yourself.
Google’s UX Ranking Factors:
1. Core Web Vitals:
These are a series of metrics focusing on site speed, including how quickly the largest element on each page renders and loads – also known as Largest Contentful Paint (LCP) and Cumulative Layout Shift (CLS), a measure of how much page elements unexpectedly shift around the page.
TIP: Use SEMRush or Google’s PageSpeed Insights to see where you stand and where you can improve. Make sure you run a report before and after any changes so you can track your improvements!
Over 60% of Google searches are made on mobile devices, so the user experience of your mobile website should be your top priority.
TIP: Visiting websites on mobile isn’t going away any time soon. Visit your website on mobile and ask yourself the questions like, is this pop-up necessary? Is this CTA clear enough? Do you know where you’re meant to click? Watch someone use your site who has never used it before – how do they interact with it?
3. Safe Browsing:
People! Hate! Spam! Or anything that feels like spam. Feeling spammy can be laggy pages, odd shapes, excessive text or pop-ups or random font styling. If your site looks like this, it’s likely to cause users to turn the other way and never look back.
TIP: Use your eyes! This is a hard one to teach, some people have the knack and others don’t. Want a spare pair of eyes on yours? Let us know!
*YAWN* Yes we know… but don’t zone out just yet! Data encryption is critical to today’s website user experience. A Secure Sockets Layer (SSL) certificate scrambles data during transit so hackers cannot intercept it. When a website begins with https:// (as opposed to http://), with the “s” standing for “secure,’ you know the website is safely encrypted.
TIP: Google already flags sites without an SSL, so if you haven’t got one yet, make sure you do ASAP!
5. Non Intrusive Interstitials:
We just LOVE Pop-ups, don’t you! No really, we’re not against them! We work in the space of interruptive marketing, and are experts in it, so we know the go. Unfortunately though, not everyone knows how and when to use them! This is then, very, very, annoying.
TIP: When implementing pop-ups, think of the timing, the size, the content. Does it need to be a pop-up? Can it be a banner up the top of your website above the navigation – like a sticky header? Can we deliver this information more appropriately? It’s a trick of the trade, but ensure you’re experiencing and testing before you subject your visitors to.
Your Digital Customer Experience encapsulates both UX & UI design. Your website, in order to create a seamless experience from point A to Z, needs to follow in the footsteps of the way you work.
Where to Start
Your DCX Design will need to cover factors like:
Ensure that anyone and everyone can access your site and are given the features to experience and enjoy it.
Visuals come hand in hand with usability.
As a general rule, assume that at least 50% of your audience will view your site for the first time, or later down the track, from their mobile device.
Content and Information
Think of content less as big bodies of text, and more so callouts, pop ups, headings, labels etc.
3 DCX Design Terms you Probably Don’t Know About
I’ve touched on a term called progressive disclosure, and another called visual hierarchy.
It’s time to touch back on our English lesson and give you some well-valued information that you can whip out at your next team meeting and look like a design-gun.
1. Progressive Disclosure
Progressive Disclosure is a term coined in the early 1980’s that found hiding advanced information and functionalities early on in a customer journey led to increased success of its use later on, or basically, how it’s easier to handle complex features gradually. Encourage the user to move from completing simple actions or tasks to executing more complex ones at a later stage.
This is known as an interaction pattern that sequences information and actions it across several screens (Interaction Design). By showing features and information progressively, it will help users manage the complexity of feature-rich websites or applications.
2. Visual Hierarchy
When it comes to anything visual, think of the importance of visual hierarchy. This is the principle of arranging elements to show their order of importance. By laying out the elements in your design logically and strategically, you can further influence and guide the user to your desired action.
A great way to visualise what should go where on your website is to look into UX Design Heat Maps. These are coloured graphs with red being the most viewed, and blue being the least. They are used to show the elements that compete for the most attention.
This one from Hotjar’s article on Using heat maps to improve your websites UX shows two different types. On the left we have a heat map that shows above the fold being the hottest viewed section of a web page. The right shows where the users eyes are drawn to.
3. Visual Prominence
Visual prominence explains how different formats, i.e. video and image have a higher impact on a user than other elements such as text and icons, on the other hand, visual hierarchy is the placement of these elements.
This relates to the Prominence-interpretation theory which suggests that people determine a site’s credibility by judging prominent attributes of the site that grab their attention. If this interests you, you can read more about it here.
All you need to know for now is that when designing for the digital customer experience or simply looking into website features for the digital customer experience, remember that people love videos and imagery over text and icons. Try using metaphor style imagery to show what you want rather than simply explaining it in bulk text boxes.
Bringing it all together for a Great DCX Design
A seamless website to customer support to social media and beyond will create the best Digital Customer Experience for your customers and audience.
Step 1: Speak to an agency that speaks the language.
Step 2: Work with them to design you a website that: