Follow me on LinkedInFollow me on TwitterFollow me on FacebookFollow me on Facebook
Categories
Converse Chunks

Vanity websites have had their day: designing for the user

Article

5 years ago

5 years ago

User Experience

Share

Web design has always been about having the right information easily available, no more so than now, and no matter whether you’re an FMCG or a financial services brand.

If your customers can’t find what they need on your website quickly, then no amount of expensive photography, deep content or on-brand graphic design will keep them there. As a back-to-basics reminder, here are 7 essential considerations for re-designing your website so it’s stylish, full of substance and built around consumer needs.

1. Get the thinking done first (before the pretties)

All websites should be based on business goals and user needs. After you’ve figured out the scope of the project, a sitemap and wireframes for each page are important, so you can see how individual pages flow and function. Note that this might include the ability to create one-off campaign landing pages.

Only when those elements are agreed, can you think about how to make it look pretty, with typography, photography, custom illustration, dynamic video and graphics. Even then, there’s more to consider, as per our list below:

2. Be mobile first / responsive

50% of global website traffic is now coming from smartphones and there are now more searches being conducted on mobile devices than desktop browsers. That’s why Google officially confirmed it had rolled out mobile-first indexing in March 2018, which means mobile-friendly content will usually be ranked higher in search results when the user is searching on their mobile.

Google wants you to make your website responsive and enhance the experience for mobile users. Your USERS want you to make your website mobile friendly (and tablet friendly). That needs to be built into your design from day one.

3. Don’t make ‘em wait, especially on mobile

Redesign your website to have a fast loading time for all users on all devices, even the users who might have slow internet connections. Compressing images and text is a good starting point.

Again, be desktop and mobile friendly. If your homepage takes too long to download on mobile, it will impact your traffic and conversions. Google’s already confirmed that 53% of mobile site visits leave a page that takes longer than three seconds to load. Google’s research shows that as page-load time increases from one second to 10 seconds, the probability of a mobile site visitor bouncing increases 123%.

4. Set up home page hierarchies

The fundamental principles of website design never go away.

And visual hierarchy on your home page is one of them. This requires you to prioritise which features are most important, whether that’s a form, a call to action or key menu items. Set this up using size, placement, colour etc. to rank the features – most of this you can do in the wireframes. Base this on your analytics – what are your customers most frequently searching for?

NB. Your call to action should be really obvious to drive conversions, and it should be on every interior page as well as the home page. And it should be consistent, to reinforce the message each time.

5. Don’t get carried away with your navigation

There are plenty of web design trends and exciting new design templates out there. But consumers aren’t driving these trends, template companies are. Consumers just want to find what they’re looking for quickly.

When you’re wireframing don’t make your navigation too complex: stick to the standard menu formats – people respond to what’s familiar.

Try not to have too many options in the menu, or like a big menu in a restaurant, it will confuse people. If you do need to have a lot of menu items use a system of menu filters so people can sift through the layers.

6. Declutter, declutter, declutter

Less is more. Including words, which is where good copywriters come in. Tell your story in as few words as possible on each page. Blog articles or white papers can be more dense, but your web pages shouldn’t assault people with columns of text.
Smaller amounts of text allow you to have more white space (or negative space) on the page, between the visuals and the words. This allows users to more easily focus on the items you’ve identified as priority on each page, (using your visual hierarchies), and make them easier to read – which is important in an era of information overload.

Fewer distractions make for a good user experience. Cleaner designs generally look more sophisticated too.

7. Use visuals that say something

Pics are great for looking pretty and breaking up text, but don’t pick purely decorative images or graphics. Choose or design images that communicate the ideas you’re trying to communicate – which means you can have less text.

And before we go, UX guru Peter Morville has a neat matrix of criteria you might find useful to tick off as you re-design. Ask: Is your content useful, your website usable, your design desirable (emotionally), your information findable, credible, valuable and accessible (i.e., inclusive) to the end user?

Related Articles

CX design and finance brands

New research has revealed that finance brands and consumers are mismatched in what they expect from CX design impacting customer retention and loyalty. So, where can you improve?

Article

2 years ago

User Experience

Improving the hybrid shopping experience

Consumers still value in-person shopping experiences, yet love the personalised and seamless nature of the digital space. A hybrid shopping experience is the answer, but what does it involve for finance brands?

Article

2 years ago

User Experience
Improving the hybrid shopping experience

Top 3 CX Design Trends of 2022

With the pandemic forcing customers to rely on digital platforms, CX design has now become a competitive differentiator. So, what are customers looking for in CX design in 2022?

Article

2 years ago

User Experience
Top 3 CX Design Trends of 2022

API technology and finance brands

API technology makes it easy for your finance brand to access customer data and create personalised products tailored to consumers’ needs. So, how can your finance brand benefit?

Article

3 years ago

User Experience
API technology and finance brands

Subscribe

News and analysis for Financial Marketers

Visit
The Dubs agency

When we're not lovingly crafting finance content, The Dubs Agency works with global clients delivering award winning projects. Check us out to find out more

thedubs.com

The financialmarketer is the publishing arm for the dubs

The Dubs is the content marketing agency for the finance sector globally.