Usability is crucial to the success of any website, but it’s something that most businesses are still struggling to get right. This article explores what’s required to design a website with good usability, highlights common mistakes you should aim to avoid, and provides advice to help you improve the usability of your own site.
Digital Business Success Depends on Good Usability
Almost every business today has a website. At this stage, it’s safe to assume your business falls into that category. In addition, you may have gone beyond an ordinary website and carried out a bespoke development project to create something entirely unique for your business.
In today’s digital business landscape, having a great website is a necessity. And while developing a business website is no easy task in itself, it’s a challenge you’ve almost certainly already worked through. However, a challenge that you may still struggle with – like many other businesses we’ve spoken to recently – is mastering the usability of your site.
Providing a user experience (UX) in line with the standards of today, that meets the demands and expectations of your target audience, is a complex problem that may be holding your business back from achieving certain goals.
Of course, a complex problem is best solved by breaking it down into simple steps. So, let’s start by looking at the issue of usability, and why it’s so important to businesses today.
What is Usability?
According to ISO-9241, usability is defined as “the extent to which a system, product, or service can be used by specified users to achieve specified goals with effectiveness, efficiency, and satisfaction in a specified context of use.”
In this case, the product in question will usually be a website. And, while user-centric design is an approach to creating a website that’s easy-to-use, usability is the measurement of how well that design has worked.
Essentially, usability is about making the experience of using your website as convenient, simple, and reliable as possible for all your visitors. This is equally important for all kinds of users, whether they’re prospects you’re hoping to convert to customers, or employees accessing an internal process or system.
In a real-life example, if your business had built an internal site for your employees to access corporate resources and training material, usability would be determined by how easy – or difficult – it is to perform basic tasks. This includes actions like logging in, navigating the site across various pages, consuming the site’s content, inputting information into the system, and resolving errors quickly and efficiently.
We each have experiences with usability hundreds of times every day, as we access websites and apps like LinkedIn, Amazon, Gmail, and so on. But there lies the key
Good usability on a website is something you don’t even notice. Bad usability on a website is something you notice, and will remember the next time you have the option of returning to that site or looking for a better experience elsewhere.
Usability can often be the difference between users adopting or rejecting technology. It could be the difference between your website’s visitors bouncing off the home page or converting to become customers.
Common Mistakes with User Experience (UX)
One of the most common, and damaging, mistakes businesses make is assuming they know how their users will think, behave, and interact with their website.
It’s always a risk to assume your users will respond well to decisions you make because you feel they’ll make things easier for you, from the development or management side of things. You should also try to avoid assuming users will understand certain things just because you do.
Often, the opposite is the case.
For example, certain structure and functionality of website menus may be something you assume your users are comfortable with, but are actually difficult for some people to use. You may assume that your users are happy using a website that has pages that infinitely scroll, when in reality that causes a negative experience for them.
A common mistake we see lots of businesses make is deciding what kind of design and functionality they want, without considering who the target audience is and what they need from their experience.
Remember your users are the ones who will determine the success or failure of your investment in this site, so their perspective is the one that should be taken when making important decisions during the design and development.
By making those assumptions, not only will you provide your users with a more inconvenient or frustrating experience, but you may also drive them to find alternative means of completing their task at hand. If that task is purchasing a product or service, poor usability could begin to have a negative impact on your business.
What Do Users Want in 2023?
People expect a seamless experience when using technology, meaning they want websites to be simple, quick, and convenient.
This involves a lot of components, not just in your design and navigation, but also by finding the right balance with things like passwords, pop-up messages, audio and visual content, push notifications, and more.
Typically, a positive user experience will come from:
- Simple, intuitive navigation
- Clear, logical page and content structure
- Large text that’s easy to read
- Clear input boxes
- Helpful error messages
- Simple password requirements
- Large buttons and clickable icons
- Easy undo, edit, and cancel capabilities
- Reliable refresh and back buttons
- Refresh functions that retain any input information
- Tapping or clicking buttons, rather than hovering over
- The ability to pause and scroll through auto-rotating carousels
- Videos with the option of closed-captioning
- Auto-fill for information input in forms.
Users become frustrated when things are presented to them outside of their control or choosing. For example, some of the most maligned features of websites include push notifications, chat window pop-ups, pop-ups requesting feedback, prompts to install apps, requests for access to their camera or microphone, security questions, and so on.
It’s also likely to create a negative experience by presenting things in a way that doesn’t align with the logic of most of your target audience. For instance, if a website has an unclear structure and navigation, many users will be more likely to leave the site rather than persist in trying to use it.
A Word on Accessibility
Usability is sometimes confused with accessibility. While they are related, they are actually different concepts. Accessibility refers to the practice of making technology accessible and easy-to-use for everyone, equally, with a significant focus on those with disabilities and other difficulties.
Web accessibility is covered under the Equality Act of 2010 in the UK. Many organisations now have a legal – as well as a moral – obligation to ensure their websites are accessible, by following a set of principles and standards known as the Web Content Accessibility Guidelines (WCAG). If you’re working with an agency, they should already have accessibility best practices included in their approach to design. Be sure to check this anytime you’re evaluating agency partners for a project.
While accessibility and usability are different, all websites should be designed and developed to be accessible to everyone. This will include some of the same conventions mentioned above, as well as ensuring you cater for people with impaired vision and hearing, cognitive difficulties, those that need to use assistive technology, and so on.
Keep an eye out for our upcoming article taking a deep dive into web accessibility.
Tips and Advice for Improved Usability
1 – Keep it Simple
When it comes to UX, the simpler the better. If something is complicated in its design or functionality, it will likely be complicated to use as well. Always try to keep things as simple as possible to give your site the best chance to achieve great usability.
2 – Get the Fundamentals Right
Similar to the issue of making assumptions about your target audience, it’s important to understand that certain aspects of usability are more objective than they are subjective.
Yes, some people may prefer to hover over a drop-down menu rather than click it, but there are some fundamental principles every website needs in order to provide a satisfying UX. Get these right, and your site’s usability will be in good shape:
- Optimise your site to ensure its pages load quickly
- Make all your site’s content is easy to perceive and consume
- Be consistent
- Give your site a simple, logical structure and navigation
- Use responsive design to maintain usability across different devices and screen sizes
- Use proper headings and sub-headings to organise your pages well
- Make sure clickable buttons and links stand out
- Use distinctive colours and contrast on your pages alongside white space
- Avoid making any of the text, buttons, or other touch-points too small
- Provide clear, useful error messages.
3 – Learn from Experience
Draw on your own experience in your personal use of the web to put yourself in the shoes of your users. If you encounter a feature or process that gives you a bad UX online, make sure you don’t have similar features or processes within your own site.
4 – Test With Real Users
Test your site with real end-users who are part of your target audience. The best way to give your website great usability is by asking people to test it out, gather their feedback, and put those learnings into practice. This is known as usability testing, and is a phase of the design and development process that should be planned into your timeline at the beginning of any project.
5 – Know When to Ask for Help
To ensure your site is built with usability as a priority, you’ll require the support of a good agency partner. Work with a web development agency who can provide guidance from their experience delivering dozens, if not hundreds, of similar projects successfully in the past. A good agency should also help you with crucial processes like usability testing and user acceptance testing (UAT).
6 – Use the Right CMS
Your selection of content management system (CMS) or platform is another decision that can have a significant influence on the UX your visitors will be given.
Some CMSs have a reputation for being clunky, difficult to use, and slow. Others, such as WordPress, are specifically designed to make websites as easy-to-use as possible for visitors. For example, WordPress is built with plenty of functionality that promotes accessibility for those with difficulties using technology.
For more insight into this issue, we recently produced a series of articles comparing the pros and cons of the leading CMSs available today. You can read that here:
The Benefits and Opportunities of Better Usability
Working hard on your usability to create a great UX is something all businesses should be prioritising in 2023 and beyond.
As technology continues to become more convenient and pervasive, people’s tolerance for slow, unintuitive websites and frustrating functionality is rapidly shrinking.
If you do create a site that provides your users with what they’re looking for and meets their expectations, your business will begin to benefit from a number of outcomes:
- More efficient and effective digital processes and services (both internally and externally)
- Greater adoption and usage rates
- Quicker, stronger ROI
- Improved user or customer retention and loyalty
- Commercial business growth.
2023 Trends and Future Predictions
While users’ preferences for speed and convenience haven’t really changed much over the years, their frustrations with poor UX and their demand for greater usability have increased.
With technology now present in so much of our daily lives, people’s pateince for bad experiences is getting smaller and smaller. When it comes to web design, the best way to manage this is to stick to what’s proven to work and give your users what they want.
The most important usability trend in 2023 may be to focus entirely on those fundamentals we mentioned earlier. Keeping things clear and simple is likely to be the most effective approach to UX design for the majority of businesses right now.
Always Ensure Your End-User is Your Priority
You’d be surprised how many websites fail because they don’t provide their users with a straightforward experience that aligns with their expectations. When you’re investing a significant amount of time, effort, and money into building a site for your business, you can’t afford to overlook the importance of usability.
Whether your target users are prospective customers, existing customers, or your internal workforce, tailoring the UX to that specific audience is absolutely crucial. If you do, not only will your users have a better experience, but your business will also benefit from advantages that will begin to drive increases in business growth.
Would you like these insights straight to your mailbox?
- Design
- Development
- Quality Assurance Testing
- Migration and Launch.
- Strategy
- Website Data
- Target Audience
- Industry Landscape
- Competitors.
- Your target audience now has a shorter attention span, and less patience when browsing websites and services online
- Your target audience also has more choice of options than ever before when choosing who to buy from.
Latest from agency
3 August, 2022
Celebrating 3 years with Leonardo Esposito
A fresh-faced Leo joined SoBold in August 2019, with a big booming smile and speaking in broken English. It was immediately clear how driven he was to learn and pick up new skills and it was a no-brainer to offer him a job to join our development team.
For much of his first year at SoBold, Leo was glued to Google Translate to try and properly understand the tasks he had been set, but each and every time the output of his work would be the same, outstanding.
As Leo’s English picked up, as did his confidence and skill-set and he made it clear that he wanted to focus on Back-End Development and he really wanted to take SoBold forward. Leo championed innovation in our development approach and much of the workflow we do today has been driven by Leo’s desire to set the highest of standards.
He is a key figure at SoBold and we are very fortunate to have him.
We caught up with Leo to find out more about what he get’s up to in his day-to-day life!
At what point in your life did you decide to become a developer?
During middle school, I tried to learn how to make games, which led me to development. I started exploring different languages and realized I really liked learning the syntax of as many languages as I could. Eventually, I got into web development, and since then I have tried to expand my knowledge of web development languages, trying out new frameworks, and both front and back end sides.
Describe your typical day
As of now I’m trying out double gym days, which means an early wake up (5.30am), gym at 6am, and finishing at around 8am. Then I go to work, have my day, and when I finish I go home and back to the gym. When I get back home it’s circa 8.30pm, so I have dinner, watch something on Netflix (not too much otherwise I end up snacking), then go to my room, and if there’s time and I’m not too tired I play piano, otherwise I go to bed ready to do it all again.
What’s your favourite project to date
Favourite project to date is Rede partners
Any advice for junior developers?
Never stop learning, be curious, and be always ready to challenge yourself, and question what you do. Change your way of doing things if someone else out there is doing it better.
If you had to change careers what would you do instead?
Theoretical Physicist or Volleyball coach
What was your most recent challenge and how did you overcome It?
Hit a plateau in terms of motivation, but managed to overcome it by getting less on my plate, and focusing on meaning, eventually, it became better.
What’s your favourite thing to do outside of work?
Workout, play music (piano, guitar), play video games (fav ones are Skyrim, Horizon Forbidden West and Fallout)
How do you think the designer/developer relationship could improve?
The main thing is communication and chemistry, once those are there the relationship improves by itself.
Would you like these insights straight to your mailbox?
Industry News
31 March, 2023
The Top Five Business Benefits of WordPress’s Scalability
In a recent article, we explored the topic of scalability, specifically how much scalability the WordPress platform offers. In this case, scalability refers to how WordPress allows you to expand and grow your website with more content, capabilities, features, and functionality.
Scalability is a key influence on whether your investment in your content management system (CMS) of choice will be successful, whether that’s WordPress, Drupal, Sitecore, or any other platform.
When long-term, sustainable business growth is a top priority for your business, you need total confidence that your website can scale to support that growth as your requirements evolve.
WordPress is renowned for its scalability, as it allows you to easily create new features and functionality at will, without the need to invest further time and resources into more development work.
If you do select WordPress as the CMS to build your website, and are able to leverage its industry-leading scalability, this will provide you with a range of benefits and advantages.
1 – Efficiency and Ease-of-Use
With WordPress, it’s extremely quick and efficient to build your website and subsequently add a high volume of new content whenever you need to, without losing any accuracy or quality.
Whether it’s your team or your agency partner managing your site, WordPress is convenient and easy-to-use.
This ease-of-use also applies when it comes to building bespoke features and functionality, so you can keep adding new capabilities as your requirements become more advanced.
2 – Flexibility and Creativity
The WordPress platform is built on the most popular development language in the world, PHP. This language is currently used by more than three quarters (77.5%) of all websites with a known server-side programming language.
This provides tremendous opportunity for creativity, as you and your agency partner can build virtually anything your site needs and integrate it with the platform. That gives WordPress a significant advantage over CMSs built on other less popular development languages.
WordPress also comes with a vast range of plugins which add new functionality, or enhance existing functionality, for your site. Plugins are an essential aspect of WordPress development, because it’s simply not practical or cost-effective to build absolutely everything bespoke.
However, it’s important to note there are some potential drawbacks with plugins that we’ve detailed in a related article, which you can read here.
Ultimately, the support of a trusted agency partner will help you ensure your use of plugins is well advised and risk-free..
3 – Low TCO
This dynamic scalability and great ease-of-use mean that you can use WordPress with a much lower total cost of ownership (TCO) than most other CMS options.
Working with a platform as intuitive and agile as WordPress will prevent you from having to pay for costly extra work to build out new features and functionality for your site.
When you have a new requirement, you can simply use a quality plugin or ask your agency partner to create something bespoke. Both approaches will be quick and cost-effective.
Either way, when compared to other platforms, WordPress delivers unprecedented value for money. This provides you with more budget available to reinvest in improving your site with further innovations.
4 – Fast Time-to-Market
Similar to the above point, WordPress allows you to achieve a much faster time-to-market with your site than most other platforms when developing new sites, features, or capabilities.
From a long-term perspective, as your business grows and new requirements emerge, WordPress can continue to quickly expand and grow easily with useful new features.
This allows you to execute on tactical and strategic requirements as quickly as possible, keeping up with user demands and market trends.
5 – Competitive Differentiation
The aforementioned advantages WordPress has over other CMSs allow you to create innovative bespoke features for your site at scale, at speed, and within a reasonable budget.
This naturally begins to help you gain a competitive edge over your competitors. A high-performance web presence that is dynamic enough to scale with speed and efficiency is a point of differentiation in today’s fast-moving digital business landscape.
Platform Selection is a Key Decision
Scalability should always be an important part of your criteria when selecting a CMS to build your website. WordPress’s scalability, and the resulting advantages discussed in this article, make it one of the best platforms available today.
When you also consider that some of the world’s biggest businesses have websites built on WordPress, that argument becomes even more easy to get behind.
If you’d like to learn more about how some of the world’s leading businesses use the WordPress platform at scale, read our related article here. We also provide useful tips and advice to make creating sophisticated new features and functionality easy for you.
Of course, building, managing, and scaling a high-performance website is a complex challenge. As with any CMS, it’s crucial to find the support and guidance of an experienced agency partner to ensure you’re leveraging the platform to its full potential.
Would you like these insights straight to your mailbox?
Announcement
24 September, 2022
SoBold is an accredited Living Wage employer
SoBold has continued to be an accredited Living Wage Employer and has formally made a commitment to ensure all new and existing staff contracts are renewed at the Living Wage rate as a minimum.
SoBold has been a Living Wage Employer since 2019 and they are committed to ensuring that all staff are treated fairly and remunerated fairly in line with the Living Wage Foundation.
The new Living Wage rates were announced on Thursday 22nd September 2022 and SoBold ensured that all staff pay is in line with this.
SoBold hope to see more agencies within the technology sector follow suit and become accredited.
SoBold Managing Director, Will Newland said:
We are proud of the people that work at SoBold and we truly care about them. Our staff have always been the life blood of our organisation and it is an absolute no brainer for SoBold to be a Living Wage employer.
Would you like these insights straight to your mailbox?
Company Milestone
8 June, 2021
SoBold is a Proud Clutch 100 Fastest-Growing Company for 2021
Clutch is a B2B review and rating platform that spans the IT, marketing, and business services industries. The site annually holds an awards cycle to celebrate the best and brightest service providers from the aforementioned sectors. SoBold are delighted to be one of the Clutch 100 fastest-growing companies for 2021!
“The Clutch 100 growth lists represent the top service providers based on revenue growth over the years,” said Clutch Founder Mike Beares. “Their recognition is only possible because of their willingness to participate and their commitment to delivering the best services to their clients.”
“We are delighted to be recognized as a Clutch Leader. This award highlights our consistent project success and growth as a business,” said SoBold Managing Director, Will Newland.
Would you like these insights straight to your mailbox?
UI Design
18 April, 2023
Exploring the End-to-End Process of Web Design
Summary
In this article, we’ll outline the end-to-end steps of what takes place in a thorough user experience (UX) and user interface (UI) web design process and discuss what modern web design requires to be successful.
—
You may have read our in-depth guide to creating a brief for a web design and development project. A brief can be used to capture all your ideas and requirements before discussing your project with any web design and development agencies.
Once you’ve completed your brief, and evaluated your options for agency partners, you’ll be ready to launch into your website project.
An end-to-end website project is typically organised into phases, which will usually be structured as follows:
We’ve provided a detailed breakdown of these phases in a recent series of articles. This series is intended to give you a clear understanding of the full end-to-end process involved when working with an agency to design and develop a website. This will help you remove any apprehension heading into this kind of project and set you up for success.
The Current State of Web Design
“Design is not just what it looks like and feels like. Design is how it works.”
Steve Jobs, Co-Founder and former CEO of Apple.
While web design does focus on the visual aspects of the site, there’s a lot more to it than just the aesthetic elements like colour schemes and typography.
Web design is a complex blend of branding, user experience (UX) design, user interface (UI) design, graphic design, content creation, layout and structure, accessibility, and much more.
The design of your website needs to be visually attractive but, more importantly, it also needs to be simple and easy-to-use. Your website needs to find the perfect balance between supporting your strategic objectives and serving your clients with a seamless experience. Of course, that’s much easier said than done, which is why it’s so important to find an experienced partner you can trust to guide you through the process.
Outlining the Web Design Process
Phase 1 – Research and Planning
The phase that underpins EVERYTHING!
A good agency will have absorbed everything in your project brief. They should also have worked hard to understand your perspective and your requirements from your website, before you’ve even agreed to work together.
Once you’re preparing to launch the project, the research and planning phase will then go beyond that initial information gathering exercise.
The objective of this phase is to define the full scope of the website, including its design, its features and functionality, its content, and everything else involved.
Your site will be discussed in extensive detail, and then research will be conducted into some key areas that will inform your design and development, such as:
Whether you’re making small updates to an existing design or completely rebranding your business, it’s equally important to use this research to inform every decision you make. That’s because every element of your site’s design must be made to support your business goals and serve your target audience with a great user experience (UX).
This research and planning phase is essential in enabling you and your agency partner to do that.
Phase 2 – Visual Exploration
This exploratory phase involves defining the most appropriate and effective visual direction to take with your site.
The main tool used to help determine the right visual identity for your website is a set of mood boards. These are a visual compilation of different options for colour, typography, structure, images, and other visual components that are used to tell your brand’s story through your website’s design.
A good agency partner will usually present around three mood boards to help shape the direction, then collaborate with you to narrow it down to one final version.
Visual exploration, like most processes within web design and development, will be collaborative and iterative. You’ll be presented with ideas by your agency partner, then given the chance to provide feedback across several rounds of revisions.
Phase 3 – User Experience (UX) Design
The UX design process is the phase in which you work with your agency’s UX specialist to create a blueprint of the website functionality.
This involves creating wireframes (either low-fidelity or high fidelity) that help you visualise the design and outline your website visitors’ flow through the pages into your main calls-to-action. This is the way the website’s design works strategically to drive outcomes that align with your business goals.
This phase takes place before working on the site’s visual design to ensure the two separate aspects complement each other.
Phase 4 – User Interface (UI) Design
From there, your user interface (UI) will be designed. The styles, fonts, and look and feel of the site from the mood boards will be applied to the wireframes.
Your agency will likely present you with a design for your homepage before moving on to the rest of the site. This will typically be done on a desktop screen size, but it can be done on mobile if you want to take a mobile-first approach. Once this is complete, it will then be designed across the relevant breakpoints.
After completing this process, your agency partner will be ready to enter into developing your website.
Making Complex Processes Simple
As technology continues to become more advanced, more and more of our daily lives now take place in a digital-first context. This means:
In order to succeed, your website’s design requires careful planning, research, and a strategic approach if it hopes to meet the demands of the modern client.
Working with a specialist design and development agency is a proven approach to ensuring you gain a website that meets your requirements and delivers on the expectations of your target audience.
Completing a process like the one outlined in this article will enable you to design a website that can become your clients’ go-to online source when they have a need.
As mentioned earlier, we’ve provided a step-by-step guide to each of these phases to make the process even easier for you.
Would you like these insights straight to your mailbox?
