As technology continues to evolve and advance rapidly, more of our daily lives are taking place in a digital-first context. When marketing your products and services, this means:
- 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.
Modern users demand the same speed and convenience they get from the industry-leading sites and apps they use every day. That means you only have a matter of seconds to make a positive, memorable connection with your visitors.
UX design, therefore, serves as a critical phase within the end-to-end process of web design. This is essentially the practice of creating a website that allows your visitors to complete a process, take an action, or fulfill their need in as few steps or clicks as possible.
Despite its ever-increasing importance, UX design is a process that many businesses, and even many agencies, still struggle to get right.
To ease this challenge, and help you ensure your own website’s UX is designed effectively, we’ve written this article to outline the process in detail. We’ll also provide advice and tips to help you ensure your website can provide your target audience with an experience that drives them towards your desired outcomes.
What is UX Design?
The aim of UX design is to make it quick, easy, and convenient for your visitors to complete a task or process, or follow a call-to-action. Your UX involves everything from functionality, navigation, accessibility, layout, structure, and even the site’s content itself.
Designing your website in a way that’s intuitive and easy-to-use will provide your visitors with a satisfying UX. It’s important to note here that UX design shouldn’t be confused or bundled up with user interface (UI) design. UI design is its own separate phase of the process that comes slightly later.
Understanding the Design Process as a Whole
Research and Planning
Earlier in the overall design process, before you approach the UX, you should’ve gone through a thorough research and planning phase with your design agency.
This is important in ensuring that every decision you make towards your UX and UI will produce a more effective website capable of meeting your business goals and your audience’s needs.
Working alongside your agency, you’ll use this research to define the full scope of your website and all its requirements. This will include the creation of user personas and user journeys. These will help you determine the most simple and efficient flow for your visitors to take through your website to each call-to-action, and this is how your UX is created.
This research will guide both your UX design and UI design processes.
Related reading: Understanding the Important Role of Research and Planning When Designing a New Website.
Visual Exploration
Your agency partner should then produce a set of mood boards that you’ll use to create the aesthetic style of your site in line with your brand. These mood boards help you visualise the way your website will look and feel when built.
This is a precursor to your UI design, and it’s done before the UX phase to ensure the overall style is correct before any more design work is completed.
This is another collaborative process, where your agency should advise you with their expertise and experience from delivering successful website projects in the past.
Related reading: What is Visual Exploration in the Process of Web Design?
The UX Process
Information Architecture
The information architecture of your website is devised by building a sitemap, which is a map of all the necessary pages across your entire website. You’ll likely have an existing one from your current site, but this will probably need updating based on all the new research and strategic planning you’ve done.
From the sitemap, you’ll have a list of all the pages and content required to populate your site. Your agency will then build out a content base framework, noting any content that you need support in developing.
The users’ navigation through the site needs to be tailored to the objectives you’ve set and the research findings from earlier. It also needs to be built in a way that allows for flexibility and scalability later, as your requirements evolve and your business grows.
High-Fidelity Wireframes
Wireframes are used to design the user experience of your website. This is essentially like creating a blueprint of your website’s pages prior to beginning the actual design work, detailing the site’s flow and the users’ journey through it.
These wireframes are used to determine how the user can reach their desired outcome, or reach your desired call-to-action, in as few clicks or steps as possible. Remember, the purpose of UX design is to optimise that journey.
Here at SoBold, we use high-fidelity wireframes that provide a clear, detailed representation of the users’ flow to all calls-to-action. This is directed and influenced by the things we learned in the research and planning phase.
These wireframes are typically built on a standard desktop size, but they can be done on a mobile device screen size if you want your site to be designed mobile-first.
Wireframes are used to create the UX so you don’t get distracted by the visual design when evaluating the user journeys. This allows you to focus completely on the flow and the experience the user will have when visiting your site, without worrying about the aesthetic elements. It proves to be a much more effective approach towards creating an experience that will satisfy your visitors and help you achieve your objectives.
Again, this will be a collaborative process in which you’ll work closely with your agency, providing feedback on the wireframes to ensure they align with your requirements.
Once the mood boards and the wireframes are approved, all that’s left to do is apply the design to the wireframes to bring your website’s design to life. This makes the UI design process very quick and easy from here.
A Quick Word on Accessibility
Accessibility is a crucial aspect of any user experience.
Accessibility refers to how easy and accessible technology is for all users, regardless of their physical ability, location, personal background, or any other factors. While accessibility is primarily a concern for the UI design team, it’s also important in optimising your UX as well. After all, a website that isn’t accessible simply cannot be considered to have a good UX.
If accessibility isn’t included as a core component of your web design process, you should raise this as a concern with your agency.
Here at SoBold, accessibility is a key part of all our design processes, as we believe that all technology must be fully inclusive and equally available to everyone.
Related reading: You can learn all about what it takes to deliver good usability through your website in our related article here.
Finding the Optimum Balance
As touched on earlier, your target audience will be visiting your site with a goal in mind, and the UX is what enables them to achieve that easily.
Of course, you also have business objectives to achieve through your website, which must also be supported by UX design. That creates the need for balance between a UX that serves your visitors and supports your business strategy simultaneously. Your design should also play the important role of directing visitors to the calls-to-action that you want them to engage with.
Finding this balance is a challenge, and one that could have a negative impact if you get it wrong. This is where the guidance and expertise of a specialist agency partner becomes so important. All design is collaborative and iterative, and UX design is all about compromising to find the right balance.
The Business Benefits of Great UX
Finding a design agency you can trust, and investing the time to work with them to craft a truly outstanding user experience, will prove well worth it in the long-run.
UX design is complex, but the right agency can guide you by demystifying the process and helping you make the right decisions at every step. Finding that aforementioned balance between your strategic objectives and your target audience’s best interests can have a transformational impact on the performance of your website.
Providing your visitors with a great UX can deliver a wealth of other benefits as well, not only to the performance of your website but to your wider business too. For instance, a study by
Some of these additional benefits include:
- Boost SEO and brand awareness
- Improve audience engagement
- Reduce bounce rates
- Increase conversions
- Drive more sales through your website
- Accelerate business growth
- Improve customer retention and loyalty
- Gain competitive advantages.
Your UX isn’t Complete Without User Interface Design
The key thing to remember is that good UX design is really just helping your website visitors travel from their entry point to wherever they need to get to as easily and efficiently as possible.
In the UX phase of your project, you need to consider who the user is, what they’re aiming to do, and then determine how to enable them to do that with an intuitive design.
Once your UX design begins to come together, and you’re satisfied with everything, the next step will be for your agency partner to begin to design your user interface.
While UX and UI are separate, they’re also intrinsically linked. They need to work together seamlessly and complement each other in order for your website to be successful.
If you’d like to take a step back and learn more about the overall process of web design, read our related article here.
Would you like these insights straight to your mailbox?
- Brainstorming and ideation
- Assistance in research and information-gathering
- Writing copy
- Writing code
- Image and video creation
- Data analysis
- Automating manual processes.
- GPT-4 was released as an upgrade to Chat GPT. GPT-4 can understand images, process 25,000 words in one go, earn a top 10% score on complex exams, and even demonstrate some advanced reasoning capabilities.
- Adobe released Firefly, which is a programme with a range of new generative AI features. It can create outstanding new content using simple language, with almost-unlimited creative options like turning 3D compositions into photorealistic images and automating advanced video editing processes.
- GitHub launched CoPilotX, which can supposedly boost coding speed by up to 55%. CoPilotX has similar features to Chat GPT, but will be used by software engineers and developers to boost productivity and time-to-market.
- And, just last week, Stability AI released its Stable Diffusion XL model, offering photorealism through an intricate editing interface. It’s reportedly built with around 2.3 billion parameters.
Digital Business
28 February, 2023
Seven Simple but Effective Tips to Improve the Usability of Your Website
Providing your website’s visitors with a great user experience (UX) is a challenge. Especially for corporate websites that require sophisticated features and functionality, this can be an ongoing struggle. But it’s a challenge you need to solve if you want to stay relevant and remain competitive in today’s digital business landscape.
Usability is the measurement of how easy or difficult your website is to use for your audience. Good usability makes the experience of using your website as convenient and simple as possible for all your site’s visitors.
Despite the obvious value of this, usability is often neglected by businesses when building a website. That could be because you don’t have the time or budget to follow best practices, you don’t have the in-house design expertise, or you simply aren’t aware of just how important usability is today. Whatever the reason, you can’t afford to take the risk of releasing a site with a poor UX.
Understanding the Importance of Web Usability
You’d be amazed by how many websites these days fail to give their users an experience that delivers on their basic expectations. If your website falls in that category, poor usability may have an influence on whether your users adopt or reject your site. This could be the difference between a visitor abandoning a poorly designed page or sticking around and converting to become a customer.
So, how do you ensure your website doesn’t end up on this ever-growing list of failures?
The key is to focus on your users’ needs, and put yourself in their shoes when planning, designing, and developing your site.
Even if your site isn’t customer-facing, good usability is also crucial for internal systems. Employees are users too, and their adoption – or rejection – of your technology will also have an impact on your business.
This is easier said than done, we know. That’s why we’ve provided a selection of tips and advice to help you overcome this challenge.
How to Improve the Usability of Your Website
1 – Keep it Simple
Whenever you’re thinking about UX, always follow the rule that simplicity is best. If a website has a design or functionality that’s complicated, its usability will suffer. Try to keep things as simple as possible at all times.
2 – Nail the Fundamentals
While some design choices, like colour and font, can be argued as subjective, there are certain aspects of usability that are more objective. Getting the fundamentals right will help you ensure you’re delivering great usability.
For example, optimising your site to ensure its pages load quickly, organising your pages with proper headings and sub-headings, making sure clickable buttons and links stand out, avoiding making any text or touch-points too small, even providing clear, useful error messages, and so on.
3 – Adhere to Accessibility Guidelines
Usability shouldn’t be confused with accessibility. Accessibility’s purpose is to make all technology accessible and easy-to-use for everyone, equally, with a significant focus on those with disabilities and other difficulties.
To ensure your website meets the current requirements for accessibility, you need to follow a set of principles and standards known as the Web Content Accessibility Guidelines (WCAG), linked here.
If you’re working with an agency, they should have best practices for accessibility already incorporated into their approach. Make sure you check this anytime you’re evaluating agency partners for a website project.
4 – Learn from Experience
We’re all users of websites, and we all know how it feels to encounter a frustrating UX. Use your own experience of this to try and build empathy for your users and what they might like and dislike. Any time you come across a website that gives you a bad experience online, make note of this and ensure you don’t allow similar problems to creep into your own site.
5 – Don’t Make Assumptions
While the previous point is important, it’s also crucial to realise it’s not enough. Using your own experience will only get you so far and, in some cases, it could even cause additional problems.
Remember that usability is dependent on delivering for your target audience’ personal preferences when interacting with your website. It’s always risky to assume you know how your users think and feel.
Don’t make decisions about design and functionality without considering who the target users are and what they need from their experience. This leads us nicely into the next point.
6 – Test With Real Users
It’s always necessary to test the usability of your site with real people who are part of your target audience. The best way to ensure your website will provide a great UX is by asking real-life users to test it out, collect their input, and put that feedback into the final version. This is known as usability testing, which is a phase of the design and development process that every successful project requires.
7 – Know When to Ask for Help
All of these tips are helpful to be aware of, but for the average business they can be daunting and difficult to put into practice. That’s why the majority of large businesses with outstanding websites have worked alongside a specialist agency partner with expertise in user-centric design. To ensure your site has great usability, it’s often necessary to find the support of an agency who has proven experience delivering similar projects successfully.
Usability Should be a Priority
Usability is crucial to the success of any website, but it’s something most businesses are still struggling to get right. Ultimately, though, your users are the ones who will determine the success or failure of your investment.
You have to put yourself in their perspective when designing and developing your site, and that includes getting real people’s feedback and approval. Only then will you create something that meets your target audience’s expectations for speed, convenience, and simplicity.
If your website provides a clunky or frustrating UX, most users today won’t hesitate to go elsewhere rather than waiting around to complete their task on your site. If that task in question is purchasing a product or service, you’ll see that poor usability will eventually begin to have a negative impact on your business.
Following the tips and best practices listed in this article will help you avoid that trap and create a UX that’s better than most websites. Doing that will begin to drive positive outcomes like greater adoption rates, improved customer retention and loyalty, and a stronger return on investment.
To continue learning with a deeper dive into the topic of web usability, including more insight into its principles, additional guidance on design best practices, and current trends and future predictions, read our related article here.
Would you like these insights straight to your mailbox?
Digital Business
29 March, 2023
Just How Scalable is WordPress?
When looking at content management systems (CMS), scalability refers to the ability to expand and grow your site with more content, capabilities, features, and functionality.
Your CMS is a long-term investment, and its scalability will have a strong influence on whether or not that investment is successful.
“When sustainable business growth is a top strategic objective, you need full confidence that your web presence can seamlessly scale and evolve to support that growth.”
This requires a platform that allows you to quickly and easily create new features and functionality. Ideally, you should be able to do this without having to invest significant time and resources into additional costly development work.
WordPress is One of the Most Scalable Platforms Around
Evidence of WordPress’s great scalability can be found in the fact that almost 45% of the world’s websites are built on the platform. That includes global enterprises such as investment firm Blackstone, research and advisory leader Forrester, the NHS England, and leading pharmaceutical company Hutch Med.
This is because WordPress websites can seamlessly scale as your needs change and your business grows. You can easily add a high volume of new content to your site at speed without compromising on quality.
WordPress is also renowned for how easily you, or your development partner, can build bespoke features and functionality, so your site can keep evolving with new capabilities to support more advanced requirements.
“No matter the size or complexity of your site, WordPress can provide fast, intuitive development capabilities with ongoing growth acting as a natural outcome.”
Using WordPress at Scale
Developing, managing, and maintaining a high-performance website at scale is a complex challenge. For that reason, it’s important to work with an experienced web design and development agency who can enable continual growth and support you through it.
Part of your agency’s services will include configuring your platform, and building your site in the back-end, in a way that encourages long-term scalability. We’ll explain our own approach to this in more detail in the next section. But first, let’s look at some of the fundamental ways to use WordPress at scale:
Bespoke Features and Functionality
If you want to build out your website with new capabilities, WordPress stands above all its competitors thanks to its ability to develop bespoke features that are unique to your site.
WordPress is built on PHP, which is the most popular development language around, as it’s currently used by over three quarters (77.5%) of all websites with a known server-side programming language. With PHP, WordPress has a significant advantage over other CMSs, because it allows you to create virtually anything and integrate it with the platform.
WordPress Plugins
WordPress also comes with a vast range of plugins, which can help with adding to, and enhancing, the existing functionality of your site. Plugins are an essential aspect of WordPress development, but it’s crucial that you only choose the most reputable, tested, and proven plugins.
Your agency partner should be experienced in this plugin selection and use their past experience to recommend the best ones to use for your specific requirements. Your agency partner should also be able to advise you on how plugins will scale with increases in website size or traffic volume to help preserve your site’s performance.
Using plugins that are not regularly updated, or that come from unknown development owners, could harm your site by making it heavier, slowing down your page loading times, and possibly even creating security vulnerabilities.
Using a particularly large number of plugins is another situation that could result in slower loading speeds or other performance issues. Be mindful that use of plugins can reduce the bespoke development time needed to build your site, and the use of too many plugins could cause performance issues. If you find yourself in this situation, it could be an indication that your development partner might actually be taking shortcuts.
The Importance of a Trusted Partner
Whether you’re using plugins or building new bespoke features, your agency will be able to take care of all of these crucial aspects of your development for you. Their support and guidance will ensure you can expand your site freely without running into any technical issues.
Once you have everything you need in place, your agency will then be able to accelerate the speed at which you can scale moving forward. A great agency partner will also provide you with ongoing education and support, allowing you and your team to build your site out easily and efficiently by yourself too, whenever you want or need to.
Taking a More Scalable Approach – Building with Blocks
While many agencies still use a more traditional method of developing sites with WordPress, taking a block-based approach provides even greater opportunities for dynamic scalability.
As an alternative to the time-consuming practice of inputting text and images into a rich text editor in your CMS, the block-based approach allows you to create each page on your site more easily with a set of pre-built components.
Components are blocks of code with pre-defined style and input types. You can use and re-use these components across multiple pages of your site to scale it at a much faster pace. Any time you want to create a high volume of new content, you simply pick your already-built components and place them in the correct positions.
This is an approach that enables virtually limitless growth of your website at speed with a high level of quality and accuracy. Building components that can be reused across your site will also deliver added benefits like increased efficiency and reduced costs. This in turn provides you with more time to focus on developing better services and experiences for your site visitors.
The block-based approach to building websites is another way to make your WordPress platform leaner for better performance as well, because it removes the need for a bloated library of unnecessary plugins and features.
An Enterprise-Grade CMS
Scalability should be a key aspect of your criteria when selecting a CMS to build a website. Rapid growth and flexibility are crucial for your platform of choice.
Despite some still mistakenly thinking it might not be up to the task, you can use WordPress to build large, robust, high-performance sites at speed, and easily adapt them as your requirements change.
This arguably makes WordPress one of – if not the – best CMS options available today. When you look at some of the world’s leading businesses currently using the platform to great success, that argument becomes much easier to appreciate.
Like with any CMS, though, the key to successful scalability is having the support of an experienced, trusted agency partner behind you, ensuring you’re leveraging the platform to its full potential.
Would you like these insights straight to your mailbox?
Announcement
1 November, 2022
SoBold announce Cyber Essentials certification
SoBold announce their Cyber Essentials certification for the third consecutive year which demononstrates their commitment to delivering secure technical solutions to their new and existing clients.
Cyber Essentials is scheme which helps guard your organisation against a range of common cyber threats. SoBold’s resilience across a range of internet facing devices was tested and approved, ensuring there were not any major critical vulnerabilities discovered
SoBold Technical Director, Sam Phillips said:
With an ever growing cyber threat, Cyber Essentials certification is becoming more and more important to maintain. Protecting both our clients data and websites is of the upmost importance and successfully passing the more thorough Cyber Essentials guidelines new for 2022 shows our commitment to this.
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?
Industry News
25 April, 2023
The Changing Roles of Web Design and Development in the Age of AI
Summary
In the first few months of 2023, generative AI has burst on to the scene and begun to change our relationship with technology forever. Already, there’s plenty of evidence to suggest that people in a wide range of jobs will have to adapt quickly or risk being replaced. In this article, we explore the impact AI is having on the web design and development industry, as well as how businesses, and people, should approach working with this innovative technology.
———
AI tools are nothing new. We’ve all been using them for years, from chatbots to predictive text to voice-controlled assistants like Siri and Alexa. But the recent mainstream adoption of AI tools such as Chat GPT, and the rapid advancement of the technology itself, has caused huge disruption across a number of industries.
Many assumed that people like marketers, software developers, and UX and UI designers would be some of the last ones at risk of having their jobs taken by AI, due to their need for creative skill and use of human emotion. Ironically, these roles have been some of the first to come “under threat” over the past few months.
AI’s speed and efficiency is already forcing us to ask questions about the future of the web design and development industry. With that in mind, one question in particular has dominated discussion online so far this year:
Are our jobs in danger of being taken by AI?
By now, you’re almost certainly aware that AI offers incredible value by accelerating workflows and augmenting skills. Some of the most beneficial use cases lie in:
AI can also devise entire business and marketing strategies, solve complex problems, and even create its own AI-powered applications from scratch. Perhaps most importantly, it can do all these tasks in a matter of seconds, when most of them would take a human several hours, days or even months.
The Latest News and Tools (at the Time of Writing)
Over the past few months, there are more and more AI-powered tools being released on an almost daily basis.
The number of AI tools that have been released recently is staggering, and the capabilities of some of them is truly mind-blowing. Just last month, in March 2023:
It’s both exciting and terrifying to think these highly intelligent tools are just the tip of the AI iceberg. When you consider how common it’s now become to use AI to develop even more advanced AI, it seems that the rate of evolution will only continue to increase exponentially from here.
How is AI Transforming Design and Development?
While these AI tools are extremely impressive, it’s not as straightforward as simply plugging them in and sitting back while they literally do your work for you. It’s possible we may get there one day, but right now we believe we’re a long way off.
These tools are highly sophisticated and intuitive, and their adoption is probably going to change the way we all work forever. However, this should be seen as technology that will augment and enhance people’s ability to do their jobs, or create new jobs entirely, rather than “steal” them away from us.
The current use cases for AI are mostly just ways for you to do your work, much faster and more effectively. This could either be done by automating processes to save time, or by supplementing your existing skill-set with new capabilities with the help of AI. For example, if you wanted to convert your code from one language into multiple languages, you would be able to do this with the help of Chat GPT.
When it comes to user experience (UX) design, one crucial thing AI will always be missing is human empathy, emotion, and understanding. A company looking to create a high-performance website that supports their strategic business goals and engages their target audience will fail if they don’t take into account human understanding and collaboration between them and their web development agency.
Outlining the What and the How is important, but the Why is arguably what drives great UX and UI.
“Design is not just a visual experience, it’s an emotional one. It should make people feel something.”
Nathan Shedroff, Author and Professor of Design Strategy
UX design is a nuanced, collaborative process, focusing on the specific requirements of the business and the specific needs of the target audience. You can save a lot of time using AI to produce a high volume of early conceptual designs or accelerate your copywriting process. But without the human element, none of these things will be authentic or anywhere near the required standard.
Potential Concerns and Risks with AI
Of course, we’ve not even mentioned the rising concerns and risks associated with AI yet. Just last month, over 1,000 technology leaders and influencers signed a petition to halt the development of generative AI until more governance can be introduced to ensure its safety.
There are still some serious grey areas regarding the use of this technology in business as well, from regulations and legal implications to the copyright of creative work like logos and images. These are providing opportunities for a wide range of new forms of cyber crime, phishing, and “deep-fake” imitations which could spiral out of control if left unchecked.
There are also plenty of moral issues surrounding AI that we must consider. For example, what implications will there be for our society if global businesses do begin replacing humans with AI on a large scale?
A key concern is that Generative AI is also having a significant impact on the environment, which is a conversation most people seem to be avoiding for the time being. With the global fight to reduce carbon emissions intensifying, and more businesses placing sustainability at the core of their values, there needs to be some action taken to balance those priorities with the efficiency and speed enabled by AI.
The SoBold Perspective
From our perspective, as a leading design and development agency, we believe that people will always want and need to work with other people. Personable relationships, real-life experience, and critical thinking are all essential parts of our work. In many cases, that’s also what many of our clients value most about our services.
Granted, we’re always looking for innovative new ways to push the boundaries, and AI is an incredible tool that will help us do that. But it won’t replace crucial human characteristics like empathy, emotion, and subjective opinions.
It will, however, help us spend less time on low-value tasks, and more time to focus on building stronger relationships and gaining a deeper understanding of our clients’ needs. That will only result in improving the work we deliver, which is something we’re always striving to achieve.
The Verdict on AI (for Now)
This year will probably be looked back on as a turning point in history when AI was introduced to the world. But this technology won’t replace too many jobs just yet. Instead, it will enhance our ability to work smarter, faster, and more efficiently.
For now, the only people at risk of losing their jobs to AI are those who fail – or refuse – to adapt to this new way of working and embrace the change. Similarly, if you’re using AI because you’re being lazy or complacent, that will also cause problems. You should never use work produced by a generative AI tool without checking its quality and accuracy, and you’ll always need to add a human touch before considering it finished.
On the other hand, if you’re forward-thinking and agile, embracing AI will make you exponentially better at your job. Here at SoBold, we’re personally most excited by how AI has the potential to help us vastly improve the service we deliver for our clients.
Of course, this technology is evolving so fast that it’s difficult to predict where we’ll stand a year from now. We’ll be discussing this, and lots of other important trends, in our new monthly newsletter.
Would you like these insights straight to your mailbox?
