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?
- A bespoke client-facing website that represents your brand and provides direct access to your products or services
- An internal web portal, either for training employees or for networking and sharing of information
- A bespoke intelligence platform with powerful data and analytics capabilities
- A new content management system (CMS) that can provide greater flexibility and scalability for a portfolio of multiple sites
- A unique tool to transform inefficient manual processes into a simple digital platform
- A bespoke website that integrates directly with a wide range of other back-end tools and technology, such as your CRM system.
- Experience working with businesses in the healthcare sector
- A strong portfolio of successful bespoke development projects
- The expertise to guide you and help you make the best decisions for your project
- Certifications and accreditations
- Compliance with healthcare sector regulations
- Security and data protection built into the core of your project
- Secure hosting supported by back-up, disaster recovery, and risk mitigation plans
- Ongoing support services to maintain, update, and optimise your site
- Additional advisory services to help you gain as much value from your technology as possible.
- Boosting engagement with customers, with an outstanding UX and personalised services
- Increasing customer retention and loyalty
- Enabling real-time interactions with data and greater analytics capabilities
- Higher adoption rates of internal systems and improved business performance
- Reducing costs by streamlining inefficient processes and removing outdated technology
- Strengthening your corporate network with enterprise-grade security
- Achieving competitive advantages in a highly competitive market.
- Demographics
- Goals
- Challenges
- Motivations
- Preferences
- Frustrations.
- Design look and feel
- Structure and navigation
- Features and functionality
- User experience
- Content and layout
- Calls-to-action
- Speed and performance
- And anything else relevant to your project.
- Innovation
- Creativity
- Clear strategic thinking
- Effectiveness
- Tangible results.
- Make a critical client engagement process increasingly efficient and effective
- Provide each user with a personalised experience that includes tailored investment information and updates
- Obtain more data about user engagement and leverage that to improve other services
- Accelerate and increase investment in client funds, driving significant commercial growth for the firm
- Use an industry-first digital tool to gain significant competitive advantages.
Digital Business
10 March, 2023
How Healthcare Businesses Should Approach Bespoke Web Development to Set Themselves Up for Success
Many businesses in the healthcare sector require some form of bespoke web development in order to remain competitive today. But entering into a bespoke development project can be a daunting challenge, with plenty of risks attached to it.
This article will answer your pressing questions about bespoke web development, and provide you with a step-by-step guide to set yourself up for success when approaching your own project.
In recent years, modern healthcare has been driven forward by great advances in technology. Organisations in the healthcare sector have leveraged cutting-edge digital technology to transform the way healthcare services are delivered for the better.
But with that positive change comes a shift in expectations to improve technology across the board.
Whether you’re a practitioner or a healthcare solution provider, you now must deliver your services to your end-users through the latest digital channels if you want to keep up with the rest of the industry.
If you’re unable to meet modern expectations for an effortless consumer-grade user experience (UX), your clients and partners will be left unsatisfied and may look elsewhere for a more convenient alternative. This can also apply to your internal systems and processes, as your employees also want intuitive digital tools in order to do their work efficiently and effectively.
To achieve this, you need a sophisticated website that serves your users in a way that’s specifically tailored to their needs and preferences, while also supporting your strategic business objectives. Given the complexity of the healthcare sector, that will likely require you to develop a website with bespoke features and functionality.
Of course, any website you develop also needs to be secure and compliant, and flexible enough to adapt as your business grows or healthcare technology trends continue to evolve.
Going Beyond the Basics with Bespoke Development
While a more straightforward, simple website may be sufficient for small and medium-sized businesses, such a limited approach will prevent companies in the healthcare sector from retaining clients and staying competitive.
If you’re struggling to deliver exactly what your clients or other users are looking for, particularly in an industry as technical as healthcare, you may need to build a bespoke website. This could include anything from:
With a bespoke development project, the possibilities – and opportunities for innovation and growth – are virtually endless. You can discuss your current business challenges among your team, and then create something purpose-built to solve those specific challenges.
Of course, coming up with an idea for an exciting new site is the easy part. For many businesses, it’s an additional challenge to know where to go next. To make that easier for you, we’ve provided a simple, proven process here to help you plan and launch a bespoke web development project that will set you up for success.
A Process for Approaching Your Bespoke Development Project
Start with the “why” and think about what you’re trying to achieve
As touched on above, it’s important to have a specific reason for building a bespoke site. Whether it’s to achieve a strategic business goal, like customer growth, or overcome a prominent challenge, like inefficient processes, you need a clear purpose.
Determine exactly what you’re trying to achieve with your website and why it’s being developed. A big part of this will also relate to delivering on a specific need or solving a specific problem for your users as well.
Thinking of how it will help your users in a valuable way will make it easier to understand what sort of features and functionality you’ll require.
List all your requirements and use them to create a project brief
Once you’ve completed that first step, you’ll already see a list taking shape, with requirements for design, usability, capabilities, and so on.
Note down all those things your website needs to do and use that to create a project brief. This is a simple written document containing all the ideas you think are relevant to your site, including both functional and non-functional requirements.
The purpose of this is to make your request as clear as possible for the design and development agencies you speak to.
The more specific and detailed your brief is, the better, and that includes things like your initial ideas for cost and timelines. This will help ensure your agency will deliver what you’re asking for on time, within your budget, and matching your specifications. Without a clear, specific brief, you could wind up disappointed and maybe even over-spending.
Evaluate the options for a technology platform to build on
Most websites on the Internet are built using a content management system (CMS). This is almost certainly the type of platform you’ll want to use to create, edit, and publish all the content on your website and manage things behind the scenes.
Every business is unique, and every bespoke development project is different, so you need to use the work you’ve done in the previous two steps to help you select the right CMS.
By this point, when you’re evaluating platforms, you should already know your objectives, your requirements, your users’ needs, your budget, your existing technology stack, and so on.
Take all these factors and use them to determine which CMS is the best suited to deliver exactly what you want.
Something that’s important to note is that integrating a new website with other systems can be complex, particularly if you’re building your site on a new platform rather than an existing one.
When planning a bespoke development project, you’ll need to consider how easily your new platform will integrate with your other systems.
We recently produced a helpful series of articles comparing some of the leading CMSs for enterprise website development. You can read those here:
Find the right agency partner to design and develop your site with you
As mentioned earlier, you’ll likely need to find a design and development agency to partner with in order to create a bespoke website.
Building, managing, and supporting a high-performance website in the current technology landscape is extremely difficult, especially in a strictly-regulated industry like healthcare.
Not only should you look for a partner with a proven track record of delivering bespoke websites, you should also try to find one with healthcare sector-specific experience as well.
Which agency you choose will have a significant impact on whether your development project is successful, but also on whether or not your new website is successful in the long-term as well. It’s a decision that mustn’t be taken lightly.
Some of the qualities and capabilities that are important to look for when assessing your options for an agency partner include:
What Does a Bespoke Website Require to be Successful?
Once you’ve found a CMS and an agency you’re comfortable with, the next step will be to design and develop your bespoke website.
This will involve working to the requirements you noted in your project brief, but there are also some essential qualities and characteristics of a successful website in the current digital business landscape:
Enterprise-Grade Hosting
Ensure your agency can provide enterprise-grade, secure hosting, ideally with managed services, from a trustworthy provider. Not only is your hosting environment responsible for the security of your site and protection of your data, but it can also influence the speed and performance of your site.
If you’re in a position to build a bespoke website, you’re likely going to be dealing with a high volume of data and a large audience of users, so it’s important that you have a hosting service that can manage that without any disruption to your services.
User Experience
Whatever services or products you provide to companies in the healthcare sector, a great UX is the foundation of any successful website. People working in almost all industries now expect the same convenient consumer-grade experience they receive from the technology they use in their personal lives. Your website needs to be as quick and easy-to-use for your visitors as apps like LinkedIn and Amazon.
This also applies if the sites you’re looking to build are internal-facing for employees. Workforces now also demand a seamless experience with company systems, and providing this will create gains in efficiency as well as competitive advantages.
A great UX usually leads to a strong ROI.
Performance and Functionality
Your website connects you directly to your clients. Flip that to your client’s perspective, your website is a direct reflection of the quality and professionalism of your services.
If your website is slow, or doesn’t give your users what they need in terms of performance or functionality, they won’t hesitate to look elsewhere.
Security
Businesses today run on data. The data of your clients, partners, and your own critical data will be at risk if any technology attached to your network is not secure.
As mentioned earlier, you need to make sure your site is hosted in a secure environment with robust data protection measures in place. But security isn’t just about hosting. Security also comes down to a wide range of best practices, like regularly testing your site and updating your platform.
When your clients and partners are working with highly sensitive medical data, all your technology must also be highly secure and compliant with industry regulations.
Again, these are all critical things that your agency partner should be experienced enough to handle for you.
Personalisation
Personalised user experiences are becoming increasingly important for businesses to deliver to their clients and employees these days. One of the key advantages to a bespoke website is that you’re able to provide each of your users with personalised content and services, tailored to their needs, at each stage of their user journey.
Scalability and Agility
More often than not, a bespoke website is a key point of differentiation and an enabler of business growth. When you begin to achieve that growth, your requirements will evolve and your website will need to be agile enough to adapt easily without disrupting business continuity.
When planning and building your new site, ensure it’s developed with long-term growth and seamless scalability in mind.
The Benefits and Advantages of Bespoke Development
If you’re able to follow this process and incorporate some of these qualities into your new bespoke website, you’ll have something completely unique to your business. This should set you on the right path to accelerated business growth. But a bespoke website, once built and deployed, can begin to deliver a range of additional benefits and advantages too. These include:
The Healthcare Sector Runs on High-Performance Websites
As technology continues to evolve and drive more disruption, it’s becoming increasingly important to keep up with the resulting trends. A bespoke web development project allows you to reach beyond the limitations of a basic website and give your users exactly what they need from your services.
It also enables you to create a high-performance website that’s entirely unique to your business, differentiating you from your competition.
In the current healthcare sector, it’s easy to appreciate why this is quickly becoming a necessity, rather than a “nice-to-have” for many leading businesses.
Discover how global healthcare group, Clanwilliam, used bespoke design and development to take their brand to a new level and transform the capabilities of their marketing.
Would you like these insights straight to your mailbox?
Announcement
31 January, 2023
SoBold launches bespoke online platform that is considered a “game-changer” for global financial services firm
SoBold, the High-Performance WordPress design and development agency, has delivered an industry-first portal for Rede Partners, a private equity fundraising advisory firm that provides fundraising services to PE funds across Europe, North America and the APAC region.
This bespoke portal, built on the WordPress platform, allows institutional investors to navigate upcoming funds advised by the placement agent.
Rede approached SoBold wanting to create a better user experience and improve fundraising outcomes for its customers. Rede wanted to achieve this by replacing its ‘Current Fund Offering’ mailout and PDF with an interactive, personalised, and secure online portal. Rede and SoBold worked in close collaboration to devise a simple, bespoke solution capable of delivering on a complex set of requirements, and that online portal soon became RedeWire.
RedeWire was fully integrated with Rede’s CRM system, Dealcloud, passing back data on user interactions and page views, allowing the team to follow up with interested clients.
RedeWire has been built fully personalisable for users, meaning that limited Partners are able to set all their preferences on first login, and through their account, allowing them to tailor the funds they see on their fund offering dashboard.
As part of the RedeWire platform, SoBold also designed and developed a bespoke front-end editing and approval interface to digitalise their offline fund approval process. This process has enabled Rede Partners and their clients to send out live previews of how a fund will appear on RedeWire, gather real-time comments, or make fully audited edits to a page’s content before submitting it for approval and publication on the RedeWire portal.
RedeWire has now launched to Rede’s full customer base and initial feedback has been overwhelmingly positive. The platform has already seen a high number of account activations and interactions within its first full week of use.
SoBold and Rede will continue to work together to develop RedeWire’s capabilities further and improve the portal’s user experience. SoBold will provide ongoing support to manage the platform and deliver enhancements on a monthly basis.
You can read more on our working relationship with Rede Partners here.
Gabrielle Joseph, Head of Due Diligence and Client Development for Rede Partners said,
“The SoBold team has been a real pleasure to work with and has successfully made our vision a reality. Originally conceived as a game-changer within our industry, we are thrilled with the outcome of RedeWire and have had several clients highlight how intuitive and easy-to-use the platform is.”
“Throughout the project, SoBold clearly understood our vision and provided thoughtful solutions to our needs. Choosing to partner with this team was one of the best decisions we’ve made, and we couldn’t be happier. We look forward to continuing to work with the team as the site evolves.”
Will Newland, Managing Director, SoBold said,
“We’re delighted to see such high early adoption of the new platform. The user feedback has been excellent so far, and this is the first of its kind in the private equity space, creating a personalised experience. We’re continuing to roll out enhancements on a monthly basis and can’t wait to grow the platform further.”
Would you like these insights straight to your mailbox?
Industry News
21 June, 2022
Pixel Pioneers Bristol 2022
If you’ve never been to a conference of any type before, you possibly think you already know the important areas of your profession and can find out any developments from your colleagues or the internet. At least that’s what I thought prior to attending Pixel Pioneers 2022.
Which option sounds more appealing to you? Pick up extra skills on occasion, or go to a conference and absorb a mega-dose of industry knowledge, make connections and enjoy exploring fresh surroundings? Luckily at SoBold we have the opportunity to do both.
The conference covered both ends of the telescope – from broad topics such as energy consumption, to a fifty minute talk about the brief three milliseconds your screen goes blank in between webpage loads. How the visually impaired experience the internet, to technical developments in styling / fonts.
My personal hero was Chris How – his mantra of valuing your customer’s time and giving them small moments of delight strongly resonated with me. In accordance, I want to guide you through the content of the conference, with links to the core material that will best replicate what the SoBold team saw, whilst valuing your precious time.
GAVIN STRANGE : Less Thinkering, More Tinkering
A must watch to boost your levels of creativity. Gavin shares his personal and professional projects with Aardman Studios. Lots of useful insights into reaching the pinnacle of creativity. Highly engaging delivery, visuals and plenty of ‘further reading’ material. Definitely worth watching in entirety. Gavin Strange website – will give you a sense of his creative flair and influences. https://www.jam-factory.com/
“It’s better to beg for forgiveness, than ask for permission.”
Gavin Strange
BIANCA BERNING : Variable Fonts – WTF?
From a technical and design standpoint, learning about variable fonts is incredibly useful. Towards the end Bianca veers into the potential application of variable fonts – imagine a world where your computer mutates its content to fit the viewer’s specific needs. If you’re looking for new avenues for unique artistic features for your website – this talk is for you. Everyone should have a play with variable fonts – try it here https://v-fonts.com/
CHRIS HOW : You Got to Fight for the Right to Delight
Chris’s choice of examples and commentary is intentionally entertaining and eclectic. His approach to design changes your criteria for success and also would decisively influence your next project. Essential viewing. Whether you’re a seasoned designer or developer short of a design, this talk will give you a guiding direction. Information on the Kano product roadmap here. https://www.productplan.com/glossary/kano-model/
LÉONIE WATSON : Accessibility: The Land That Time to Interactive Forgot
Visually impaired people experience the internet through screen readers – the internet described in words. Léonie’s valuable insight will definitely re-balance your priorities and appreciation for how websites should function. Some of the technical history she overviews was a bit lost on the audience but the switch in mindset is valuable. Important to dip into, especially for gleaming a deeper understanding of how a web document is compiled and loaded. It might sound ‘techy’ but it’s like understanding how our lungs work – illuminating. If you haven’t viewed any of your own websites using a screen reader – you definitely should. For a great sense of how the net is best experienced for visually impaired users – just check out her website – tink.uk
LUKE MURPHY : Lightning Talk: Design Tokens – Searching for a Source of Truth
Design Tokens act as a very useful tool for blending the boundaries of where design and development meet, in fact, they act as a technical element that affect design and development in equal measures. If you have no idea what a design token is – this talk could unlock a tonne of structure for your product. Here’s an overview article on design tokens
HANNAH SMITH : How to Make Digital Services More Sustainable
Hannah Smith’s talk invited us to critique our energy consumption and make changes to our habits as both consumers and producers of digital content. She makes the case that space travel is a waste of resources, and that using less lays the path to fulfilment. See if her arguments resonate with you. Hannah’s book recommendation – Doughnut Economics by Kate Raworth
JHEY TOMPKINS : Supercharge Your Skills with Creative Coding
A mad professor of CSS and JavaScript – Jhey has a mixture of technical tricks and interesting libraries for speech recognition. Deadpan yet full of colourful examples, Jhey clumsily demonstrates his collection of magical creations and challenges you, the developer, to break out of your ‘siloed’ mentality for visual presentation. Check out his catalogue of wondrous CSS/JS creations here
STUART LANGRIDGE : You Really Don’t Need All That JavaScript, I Promise
Painting with the broad brushes down to the nat-hair infinitesimally small details, Stuart reminds us of the importance of returning to the basics in order to best utilise the web. Unfortunately some of the libraries he suggests do not have extensive compatibility and thus aren’t for mainstream production… yet. His insight does provide a deeper understanding of the mechanics of the tools we use, although the message is quite drawn out. Example of the shared transitions js library https://codepen.io/drenther/pen/NjzeOO
RACHEL ANDREW : What’s New in CSS?
Rachel Andrew – new css features either in or emerging from or newly arrived from CSS-land. Truly at the coalface of emerging CSS features. For a frontend developer it was akin to being shown new letters in the alphabet that were being proposed. A summary of similar information can be found here – https://www.smashingmagazine.com/2022/03/new-css-features-2022/
Bristol itself is well worth a visit – a centre for nightlife, hedonism and youthful idealism. Simply walking around the harbour area in the daytime will refresh your appreciation for one-of-a-kind shops and overflowing street art. Make sure you have plenty of free space in your phone for all the photos. The SoBold team had a very enriching experience and bonded even tighter as a team. I hope to see you at the next one!
Links to the conference videos will be available via the Pixel Pioneers website.
Would you like these insights straight to your mailbox?
UI Design
18 April, 2023
Understanding the Important Role of Research and Planning When Designing a New Website
Before you begin working on the design elements of a website project, it’s important to begin with, what we at SoBold call, a research and planning phase.
The purpose of a research and planning phase is to ensure that every single decision you make about your design will result in a more effective website, both in terms of your business goals and your users’ needs.
During this phase, you’ll work alongside your chosen agency to define the full scope of your website and all its requirements. This phase will also involve looking closely at your target audience, trends in your market, your competitors, and any data available from your existing website.
This research is extremely useful in shaping the direction you take with your website and helping you to capitalise on certain trends that may align with your strategic objectives.
In this article, we’ll explain how a research and planning phase works to help you know what to expect when entering your own website design project.
If you’d first like to gain a better understanding of the full end-to-end process of web design, read our previous article here.
Website Strategy Workshop
A research and planning phase usually begins with a strategic workshop. This workshop will bring all the relevant stakeholders together, either in person or over a video call, to agree on the goals and parameters of the project.
A workshop is a great collaborative environment to help your agency become even more familiar with your brand, your target audience, and the outcomes you’re looking for from your new website.
Your agency should work closely with you to determine how the objectives you have for your new website feed into your wider business goals. That will be the key to finding the right approach to designing your website.
Once the workshop is completed, the research can begin.
Leveraging Data to Dictate User Experience (UX) Decisions
Every decision you make about your website’s design needs to be informed and justified by data.
As it’s becoming increasingly difficult to capture and retain your audience’s attention, nothing can be left to chance. It’s also negligent to overlook the vast range of valuable insights available to you within your data, and the data in the public domain.
Google Analytics
Your agency should begin by analysing the performance of your website in Google Analytics. This can help to help understand the current behaviours and trends from your website users.
Most businesses use Google Analytics, but few understand the right things to measure. For many businesses, Google Analytics is an untapped gold mine of data and insights that can help you improve site engagement, retain more visitors, and ultimately grow your business.
You can conduct a thorough analysis of things like:
1 – Your Audience Acquisition
Google Analytics can help you identify where your visitors have found you and accessed your website from.
Whether through organic search, social media, direct, or referral, you’ll learn how all your visitors are acquired. This information is vital, as it can allow you to tailor different parts of your website to certain visitors at various stages of their journey with you.
For example, if organic traffic is a key driver of your website traffic, it’s important for your agency to ensure that lots of the hierarchical structure of copy is maintained throughout the site.
This is also helpful in optimising your wider digital marketing strategy, by recognising what’s working well and what isn’t, from a web traffic perspective.
Bonus Tip – If you’re running Google Adwords, make sure your agency partner is aware of all the URLs that need to be redirected, and that this doesn’t affect your ad spend.
2 – Your Visitors’ Demographics
Google Analytics can provide detailed insights into your website’s visitors, with data covering everything from age, gender, location, language, and more. This helps you gain a clear, specific understanding of who’s coming to your website, and that can inform important decisions about your design.
It will also help you determine whether or not you’re attracting the right audience, which could alert you to a need for changes in your design and branding.
Bonus Tip – If you have a lot of visitors from other countries, you may need to talk to your agency about setting up a content delivery network (CDN) on the hosting server to deliver content from that location.
3 – Your Visitors’ Interests
You can use Google Analytics to view information about your visitors’ interests, past searches, and other online behaviour. This can help you identify what they’re looking for when they’re visiting your site. You can then tailor your design and content to match any unaddressed questions, challenges, or needs they might be looking to meet.
4 – Your Visitors’ Behaviour
Google Analytics can give you a graphical representation of your visitors’ behaviour when interacting with your site. This includes where they’ve entered your site, where they went next, what their whole journey through your site looks like, and where they eventually left.
This provides great opportunities to optimise certain pages that aren’t performing well enough. You can also learn what your visitors respond well to from pages that already have strong engagement.
Mapping your users’ journeys may also uncover insights to help you create links between certain services, hone in on special offers that will drive increased conversions, and many other ways to boost engagement.
5 – Your Conversions
Your conversions are a critical measurement of your site’s success. Whether you’re aiming for subscriptions, demo sign-ups, contact form submissions, downloads, or anything else, failing to achieve your conversion targets means something isn’t working.
You can use Google Analytics to set goals for conversions, monitor performance, and highlight areas where you need to improve.
Taking this analytical approach will ensure your website’s design is tailored to supporting your strategic objectives.
Bonus Tip – On July 1, 2023, for continued website measurement, you’ll need to migrate your original property settings to a Google Analytics 4 (GA4) property. Your agency partner should be on top of this though.
Data Tracking
Next, if applicable, your agency should review any existing tracking resources you have in place on your website.
A successful website design is based on many different factors, each an important component in engaging your audience, converting them into clients, and growing your business.
This is why it’s useful to look into key metrics you may use to measure your success against, then use the related data and analytics to inform your design. Tailoring your UX based on your findings will ensure your website is designed specifically to optimise your user behaviours.
Bonus Tip – If you don’t have any additional tracking in place, both HotJar and Crazy Egg are great tools to use.
Analysing External Factors
Understanding Your Target Audience
One of the most important parts of building a new website is understanding the preferences of the audience you’re targeting. You know what your ideal customer profiles (ICP) look like, but do you understand how they behave when interacting with websites online?
Every decision about your website’s design must be made with consideration and empathy for your users. As touched on in the previous section, audience research will include a wide range of variables, including:
This part of the research will contribute towards building user personas and user journeys at a later stage of the design process.
A user persona is a fictional person that you can use to represent the target audience of your website. These personas will help you focus on the desired interactions between the ideal user and the website you’re building. Creating personas also helps to map the users’ needs to your goals for the project.
A user journey is a path that a user may take to reach their goal when using your website. Hypothetical user journeys are created at this stage, as they help to identify the different ways the site’s design needs to enable the user to achieve their goal as quickly and easily as possible.
With these, you can begin to paint a picture of how your target audience will interact with your website, allowing you to create a satisfying user experience.
Industry Landscape
Researching your industry landscape will reveal a great deal about what to do, and what not to do. An analysis of the wider market you operate in will help you benchmark yourself against industry leaders, and highlight mistakes being made by any businesses lagging behind. It’s useful to be aware of any industry trends or points of influence that may inform your website’s design as well.
Bonus Tip – You’re an expert in your industry. Your agency is not, but they are experts in web design and marketing trends. Work closely together by leveraging each other’s knowledge and expertise to paint the full picture of what makes modern websites successful from a design perspective.
Competitor Research
It’s also crucial to conduct a thorough competitor analysis to see what the benchmark is for a successful website in your industry. Conversely, some competitors may provide examples of bad design that can help you identify pitfalls to avoid with your own site.
Around five of your competitors is usually a good number to look into. To do this, your agency should work with you on assessing their websites in key areas such as:
This research will allow you to recognise opportunities, gaps in the market, important trends, and any other insights you can gather.
Making Data-Driven Decisions
Following all this research, your agency will work on developing a strategy for your website, recommending the optimum route through the rest of the design process.
Your agency will provide a report detailing all the findings from the strategy workshop and research. This should often include a sitemap document and a content framework for your site as well.
An agency should always provide the opportunity for feedback and iterations on crucial documents like this, so you should then be given time to review this and provide feedback.
Bonus Tip – Don’t be afraid to ask questions, challenge things you’re unsure about, or change your mind during this feedback and revision process. These are big decisions, and it’s important to be 100% sure about the direction your website’s design is being taken.
Once you’ve worked through this feedback with your agency and you’re happy with everything they’ve planned, you can then move into the phase of the project that focuses on the visual identity of your site.
Bringing it All Together in the Design
A thorough, well managed research and planning phase is an essential part of designing a successful website. By having a strategy backed up by tangible data in place, you’ll be able to work through the remaining phases of the overall design process in a more efficient and effective way.
It also helps anticipate any challenges or potential issues in the design process and allows you to mitigate them before they arise, saving you time and money in the long-run.
This phase is arguably the most important in ensuring your agency can meet your specific requirements and expectations, on time and within budget.
If you’d like to discover what’s involved in the next phase of a web design project, exploring the visual identity of your site, read our next article here.
Would you like these insights straight to your mailbox?
Announcement
23 May, 2023
SoBold Selected as a Finalist for The Drum Awards for Marketing for Digital Transformation
We’re thrilled to announce that SoBold has been nominated as a finalist for an award at The Drum Awards for Marketing.
We’ve been nominated for our team’s outstanding work developing RedeWire, a unique, “game-changing” online portal for global financial services business Rede Partners LLP.
The Drum Awards for Marketing
The Drum Awards for Marketing are intended to highlight agencies and marketing teams that truly understand their clients. Focusing on outcomes, not outputs, these awards are designed to celebrate teams who have demonstrated the measurable value their work has delivered for their clients.
We’ve been nominated as a finalist in the transformation category. This category rewards creative and innovative thinking from agencies who have created a change in model or product to enhance experiences for their clients and their end-users.
The criteria on which the finalists were selected for this category included:
We’re incredibly proud to be named as a finalist for this award, especially since innovation, creativity, and strategic thinking are qualities that we actively strive to put into every project we work on for our clients.
“Game-Changing” Innovation – the RedeWire Platform
Global private equity (PE) fundraising advisory firm, Rede Partners, has a mission-critical process of keeping a large network of limited partner investors (LPs) updated with relevant, timely information about opportunities to invest in client funds.
The previous method of communicating this information to LPs was a large static PDF doc, produced once per quarter, shared with LPs via email. That approach is standard within the fundraising advisory industry, with many of Rede’s competitors using a similar approach.
But the Rede team recognised this needed to become more engaging for their clients, and our team here at SoBold provided an opportunity to innovate and transform this process.
We worked closely with Rede’s stakeholders to understand their challenges and define a clear set of strategic objectives. This allowed us to identify a way to remove this long-winded, one-way communication process with LPs and create a dynamic, interactive online portal.
RedeWire is the first of its kind, and has been identified as a “game-changer in the industry” by Rede’s LPs.
RedeWire successfully met Rede’s complex set of requirements, allowing them to:
The portal has already exceeded expectations for adoption, as it has made one of Rede’s critical points of communication with investors more efficient, effective, and engaging.
Check out our case study to learn more about the RedeWire platform here.
What they Had to Say
Gabrielle Joseph, Head of Due Diligence and Client Development at Rede Partners LLP, said:
“Originally conceived as a game-changer within our industry, we are thrilled with the outcome of RedeWire and have had several clients highlight how intuitive and easy to use the platform is.”
“Throughout the project, SoBold clearly understood our vision and provided thoughtful solutions to our needs. Choosing to partner with this team was one of the best decisions we’ve made, and we couldn’t be happier. We look forward to continuing to work with the team as the site evolves.”
One early adopter of the RedeWire platform also provided highly positive feedback, saying:
“This is a massive time-saver for everyone. I can’t believe how fluid and user-friendly it is. It will be a useful tool in 2023. We’re super impressed.”
Waiting for the Results
The results will be announced at the live awards show on June 15, 2023, in London. Congratulations must also go to our fellow finalists, Yodel Mobile, Braze, and Coterie Marketing.
Please keep your fingers crossed for us until then, and keep an eye out for the results this time next month!
In the mean-time, you can discover how financial services businesses should approach bespoke web development projects to successfully embrace digital transformation here.