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?
- 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.
- 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.
- 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.
UX Design
11 July, 2022
Speak our language: UX/UI Glossary
For designers, it’s almost an impossible task to effectively deliver a project without understanding the joint language of design. This terminology and jargon can often get thrown around in meetings, although it’s good practice to read the room and speak a mutual language it’s good to get a little insight. Below is a glossary of essential UX/UI terms grouped into topics.
General terms
Accessibility
A measure of a web pages usability for a range of people, including people with disabilities.
Design system
A document that houses design components and styles to use across a website or product, ensuring consistency.
Design thinking
The process of creating and executing strategic ideas that solve problems.
Flat design
A form of design that focuses on minimalism using 2D elements and strong colours.
Human-centred design
An approach that finds solutions with a human perspective in every step of the design process.
Information architecture
Or otherwise known as a sitemap, is the structural design of information.
Landing page
A stand-alone page that a person lands on after clicking from a digital location.
Onboarding
A flow that guides the user through a set of instructions such as choosing preferences, product usage and UI elements.
Responsive design
A design and usability process that adjusts content based on the device screen size.
UI Design
This determines how an interface will look and guide the user on how to interact with a product such a colour choices and layout.
Usability
The quality of the start-to-end user experience.
UX Design
The process of determining how a digital product should work based on relevant user research and best practices.
Acronyms
CTA (Call to action)
A graphical component that guides the user through the main flow and encourages them to take a specific action. Normally it will be the element that stands out most on a page.
CWV (core web vitals)
Are three metrics that score a user experience loading a page, those are: how quickly content loads, how quickly a browser loads the webpage and how unstable the content is as it loads.
GA (Google Analytics)
A web analytics service offered by Google that tracks and reports web traffic.
KPI (Key performance indicators)
A Performance measurement approach based on certain metrics over a certain time period.
MVP (minimum viable product)
A version of a product that is released with just enough features that deliver on the initial user needs to then improve and develop further.
PM (Project manager)
A person that leads a team in order to achieve all the project goals in a set of timelines.
SVG (Scalable Vector Graphic)
A two-dimensional vector-based graphical element that is scalable and widely supported across the web.
SWOT (strengths, weaknesses, opportunities and threats)
A marketing tool that identities assess your business and analyse your competitors.
Design Process
A/B testing
A UX method that involves showing two versions of a specific page or product to see which one works better.
Card sorting
A technique that can be used by both UX designers and users that help determine the information architecture of the product based on logical ordering.
Cluster mapping
In other words, an affinity diagram is for sorting UX user findings into organised sets to lay down the foundations for desirable features.
Competitor analysis
A research method that shows strategic insights into a competitor’s features, functions and even visual positioning.
Eyetracking
A study that allows researchers to evaluate the movements of a particular user when they are using a product.
Focus group
Typically a researcher will talk to a group of people to find out opinions and generate ideas on the product or service.
F shaped pattern
Is a layout designed to guide the user’s eye to specific information based on human behaviour.
Mockup
A visual representation of a product in an environment could be a concept or the finished product.
Moodboard/style scape
Is a collection of visual inspiration gathered from an initial concept to visually communicate an idea.
Prototype
Is an early version of a product that is simplified to test main user journeys and functionalities.
Sketch
There will always be a place for pen and paper. At this stage in the prototyping process, a researcher can quickly come up with design solutions and compare them to determine the best one.
Storyboard
A visual way of communicating the user journey.
Usability testing
An approach that is done typically throughout the whole design process, ensuring that the product has ease of use and matches the user’s requirements.
User flows
A flow that represents a users task from an entry point to a desirable end one.
User interview
A one-on-one chat that can gather information for a user persona and insight on their behavioural habits on a product and or service.
User journey
Like the user flow, a user journey is a route that maps out their journey from beginning to end, the difference is that a journey includes emotions and behavioural choices.
User Stories
A narrative-based resource that sums up the patterns of how they interact with the product, focusing on motivations and frustrations.
Wireframes
A low-fidelity design that focuses just on structure and layout without clouding the mind with visuals. Its purpose is to ensure the interaction between user and interface is solid.
Design elements
Breadcrumbs
A layered component that allows users to navigate through multi-level pages.
Contrast Colour
Ensuring there is enough visibility between two colours to the layer or text is legible and ideally meets WCAG standards.
Grid
Is a layout system with rows and columns, making it easier for designers and developers, also for making clean and symmetrical interfaces for users.
Layout
The order of certain content such as text and images are laid out on a page.
Navigation
An organised hierarchy of information allows the user to find the information they are looking for.
Typography
Typeface or Font. there is a difference. A Font is a weight or variation of a typeface and typography is the arrangement of those styles to ensure it’s legible and appealing.
White space
Or negative space is the strategic positioning of elements on a page so they have room to breathe and for people to absorb content.
Widget
A self-contained design component that has certain functionality.
Would you like these insights straight to your mailbox?
Development
9 November, 2023
Regulation of digital markets: Comparing UK and EU approaches
Digital markets have experienced significant growth and dominance by a few companies and their platforms, raising concerns about competition, consumer choice, and data access. To address these issues, both the European Union (EU) and the United Kingdom (UK) have introduced regulatory reforms.
The EU has implemented the Digital Markets Act (DMA) and the Digital Services Act (DSA), while the UK has proposed the Digital Markets, Competition, and Consumer Bill (DMCCB) and the Online Safety Bill.
We’ll look at the regulatory approaches taken by the EU and UK, highlighting similarities and differences in scope, applicability, the importance of consent and how to get started with compliance.
Data privacy regulations in the European Union
The Digital Markets Act applies to companies designated as “gatekeepers” by the European Commission. Gatekeepers are the owners and providers of what the Commission identified as core platform services (CPS), such as search engines, social networking services, video-sharing platforms, and cloud computing services.
Companies designated as gatekeepers must carry out self-assessments to determine that they have met and continue to meet both quantitative and qualitative criteria. The list of gatekeepers may grow or change over time based on these criteria.
The quantitative criteria include a minimum annual turnover of €7.5 billion in the EU and at least 45 million active monthly users on the relevant platform or service in the last three financial years. Qualitative criteria consider the impact, importance, and market position of the CPS provider.
The DMA’s requirements are similar in many respects to those of the EU’s General Data Protection Regulation (GDPR), but are broader in some ways, addressing additional access to and uses of end users’ personal data.
Data privacy regulations in the United Kingdom
The Data Protection Act 2018 (“DPA”) covers the general processing of personal data in the UK and came into force on 25 May 2018, just before the EU GDPR took effect.
Following the end of the Brexit Transition Period, the EU GDPR became part of UK law through the European Union Withdrawal Agreement, and the Data Protection, Privacy and Electronic Communications Regulations 2019 (Exit Regulations).
The EU GDPR gave rise to the UK GDPR, which came into force on January 1, 2021, as the EU GDPR no longer protected UK citizens’ data. It includes the provisions of the EU GDPR with only minimal changes to the core principles, rights and obligations for data protection.
The UK GDPR and the DPA 2018 (amended version) are now the principal data protection regulations in the UK. They require businesses to protect individuals’ data, obtain consent to collect and use it, and protect data subjects’ rights.
The Privacy and Electronic Communications Regulations (PECR) implemented the EU’s ePrivacy Directive (Directive 2002/58/EC) and sets out privacy rights relating to electronic communications. The PECR came into force in 2003 and .
The “British DMA”: Enter the Digital Markets, Competition, and Consumer Bill (DMCCB)
In the U.K., Parliament has yet to pass the British equivalent of the DMA, the Digital Markets, Competition, and Consumer Bill, or the DSA equivalent, the Online Safety Bill.
The DMCCB applies to digital commercial operations in the UK or affecting the UK market, which are deemed to have Strategic Market Status (SMS). The definition of a digital activity is broad and includes any service provided via the internet.
To qualify as an SMS, a firm must meet criteria such as conducting a digital activity linked to the UK, having substantial market power, and holding a position of strategic significance. Turnover thresholds of £25 billion global turnover and/or £1 billion UK turnover are also considered.
Obligations and requirements
European Union: Digital Markets Act
The DMA imposes various behavioral obligations on gatekeepers. These include allowing third-party interoperability, granting access to user-generated data, promoting fair competition, and prohibiting preferential treatment of the gatekeeper’s services.
Gatekeepers must appoint compliance officers and submit annual compliance reports to the Commission.
Additionally, gatekeepers are required to inform the Commission about mergers (any “intended concentration” irrespective of whether they’re notifiable under the EU Merger Regulation or national merger rules. (DMA Art. 14.).
United Kingdom: Digital Markets, Competition and Consumer Bill
Strategic Market Status (SMS) firms in the UK will be subject to strict behavioral obligations under the DMCCB. These obligations revolve around fair trading, open choices, trust, and transparency.
The specific requirements will be tailored by the Digital Markets Unit (DMU) and the Office of Communications (Ofcom), the regulatory bodies overseeing the DMCCB and the Online Safety Bill, respectively.
SMS firms must also report proposed acquisitions meeting certain thresholds to the DMU.
EU vs. UK processes
European Union: (Digital Markets Act)
The EU’s legislative-driven model designates gatekeepers based on size and imposes behavioral expectations through regulation. The European Commission develops and enforces these requirements for compliance from gatekeepers.
United Kingdom: Digital Markets, Competition and Consumer Bill (DMCCB)
The UK’s approach involves more regulatory discretion. The DMU and Ofcom determine if a company has Strategic Market Status and tailor specific remedies accordingly. This approach allows for a more flexible and tailored oversight of digital platforms.
Participatory regulation
In the UK, both the DMU and Ofcom adopt a participatory regulation approach. This means regulators work closely with target companies to develop behavioral expectations and codes that can be enforced. The companies conduct their own Duty of Care analysis, which is reviewed by regulators that provide guidance and work collaboratively to define behavioral codes.
This means that beyond what’s defined by the two regulations, gatekeepers and SMS are required to determine their own privacy requirements to apply to third-party businesses using their services.
The importance of consent management for EU, EEA and UK companies
While both the European Union’s Digital Markets Act (DMA) and the United Kingdom’s Digital Markets, Competition and Consumers Bill (DMCCB) emphasize the significance of obtaining user consent for data processing activities, there may be variations in specific requirements and implementation.
To address these differences and get ready for data privacy compliance, follow these steps:
1. Understand the regulations
Familiarize yourself with the specific consent requirements outlined in both the DMA and DMCCB. Identify any variations in terms of lawful bases for processing, explicit consent, and additional obligations.
2. Assess your website or online platform’s data processing
Assess your organization’s data processing practices and identify any areas of noncompliance. Scan your website and check its degree of GDPR compliance.
3. Implement a leading European consent solution
Choose a consent management platform that enables GDPR and ePrivacy-compliant user consent collection and signaling for DMA compliance. Ensure that the CMP provides features such as granular consent options, secure recordkeeping, and user-friendly interfaces.
The specifics of CMP implementation do depend on what platforms you’re using, like your CMS, as well as other tools, including Google Tag Manager and other services. Cookiebot CMP is flexible, has direct integrations with leading website platforms, and can be installed with just a few lines of JavaScript. There’s also a cookie WordPress plugin.
4. Customize consent banners
Tailor the consent banners displayed on your website or online platform to meet the specific requirements of each regulation. Provide clear information about data processing activities, purpose specification, and the ability to manage preferences.
5. Update your privacy policy
Review and update your privacy policy to align with the requirements of the DMA and/or DMCCB. Include details about the types of data collected, the purposes of processing, parties with access to the data, and how user consent is obtained and managed.
6. Train your team
Educate your staff about the nuances of both regulations and the proper implementation of consent management. Ensure they understand their roles and responsibilities in obtaining and managing user consent.
Final thoughts
The UK and EU regulatory initiatives are creating de facto global digital risk management standards, by taking significant steps to regulate digital markets and addressing concerns related to market dominance, competition, consumer choice, and data access.
While the EU has implemented the DMA and DSA, the UK is in the process of enacting the DMCCB and the Online Safety Bill. The approaches differ in some aspects, but there’s a shared goal of promoting fair competition and protecting consumer interests.
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?
Development
9 June, 2023
Craft vs WordPress: Which Platform is the Best Option for Your Business?
When you’re responsible for managing a new website development process, you’ll have some difficult decisions to make. Two of the most difficult decisions will be finding an agency that you can trust, and finding a content management system (CMS) that will give you the flexibility and performance to drive your business forward online.
Your CMS will play a significant role in helping you meet your specific website requirements and enabling you to achieve your strategic goals.
We’ve compared lots of different CMSs in our recent series of articles, and each of them have their own strengths and weaknesses. In this article, we’ll compare WordPress and Craft.
Ease-of-Use
It’s vitally important to ensure that the platform you choose is straightforward to manage. You’ll want a platform that’s approachable, with a low barrier for entry, to avoid any challenges in the daily running of your website.
Craft’s Ease-of-Use
Whilst Craft is an open-source CMS, it requires technical development expertise in order to manage the platform once built. Management for non-technical teams will likely be difficult, thus limiting you in your ability to build out content and new features over time.
If you do have expertise in-house, that will allow you to manage your website more easily, as the CMS itself is efficient for publishing and managing content.
Craft also makes it easy to collaborate and share responsibilities across teams without any interference or complications. For example, you can save draft versions of pages and share them with colleagues – with private links that don’t even require you to be signed in – before publishing live on your site.
WordPress’s Ease-of-Use
Conversely, WordPress is specifically built so that content can be managed in-house. WordPress provides you with a convenient, intuitive user interface (UI) that allows quick and easy publishing, management, and editing of content on your sites.
Put simply, WordPress is a more traditional CMS that’s suitable for a wider range of users and teams. It allows you to easily manage the content on the front-end, whilst also facilitating a quick time-to-market for the development of your website.
This ease-of-use also helps to share responsibilities throughout your team.
Flexibility
Flexibility will always be high on your list of priorities when looking for a CMS. Tailoring your platform to fit your own unique requirements is a crucial capability in today’s digital business landscape.
How Flexible is Craft?
Craft is all code-based, which allows you to build virtually any type of website you want, with great flexibility. The only limitations, really, will be with the platform-specific development capabilities of your agency.
How Flexible is WordPress?
WordPress also offers a great deal of flexibility and customisation, but the difference here is that it’s unlikely you’ll need to alter much about WordPress’s pre-existing tools and features to be able to build a website you’re happy with.
With WordPress, you have everything you need to build a high-performance website. But that’s complemented by the flexibility to make enhancements and seamlessly scale the platform with new bespoke features if you wish to.
Integrations
Before you select a CMS, you’ll need to ensure it can easily integrate with any existing systems your business has in place. Whilst most CMSs will be able to integrate well with a variety of third party systems, it’s important to be aware of any limiting capabilities of the platforms.
Craft’s Integrations
Integrations with the most popular third-party platforms are typically supported in Craft through plugins. However, you may need to integrate manually with platforms using API’s.
While this gives you more control over your CMS’s functionality and security, it’s another area in which you’ll likely have to spend more time and money on agency development work. Those integrations will also need to be maintained and updated manually as well, which may be a financial and time burden on your agency.
WordPress’s Integrations
WordPress’s global popularity means that it’s readily compatible with most of the third-party systems you’ll already have within your business.
You’ll have a wide range of native plugins available that will integrate your WordPress site with virtually any other tool. Even if you have more advanced requirements, it’s usually easier for your agency partner to do this bespoke development work in WordPress than it is with other CMSs.
Developer Communities
Investing in a platform that’s supported by a community of developers will provide you with additional benefits and advantages. It’s always helpful to have other users working to continuously create additions and updates to help the CMS grow and improve.
Craft’s Community
Craft has a passionate community working hard to help enhance the platform, but it’s only a fraction of the size when compared to more mainstream CMSs like WordPress.
Still, size isn’t all that counts here. Craft’s community is very supportive and highly active on channels like Slack and Discord. Craft also has a StackExchange, which is a Q&A forum that many developers use to share learnings as they work through projects.
The WordPress Community
At 20 years old now, WordPress’s popularity and global market share means it has an enormous community supporting it.
WordPress’s community consists of millions of users who work tirelessly to offer support, collaboration, knowledge sharing, events, and much more.
Any questions, problems, or requirements you have are often answered very quickly by members of the WordPress community. This also results in exciting new enhancements and features being released on a near-constant basis to drive the platform forward.
Being part of the WordPress community will also give you access to free events that help users learn to get as much value as possible from the platform.
Cost and TCO
Cost is a key factor when choosing a CMS. It’s also important to remember the up-front costs aren’t the only thing you need to consider here. Since your CMS is a long-term investment, you should be looking for a low total cost of ownership (TCO) for all your related costs over time.
Craft’s Initial Investment and Ongoing Costs
With Craft, you’ll need to purchase either the pro or enterprise plan. Pro comes with a one-time payment of £250 per project, and an additional annual payment to continue receiving updates. The cost of the enterprise plan will vary depending on your requirements and usage.
As mentioned earlier, the costs associated with the platform may also be high. This is due to the need for agency support across many aspects of your project, from setting up your website, to integrations, to ongoing maintenance.
The actual costs of development with Craft may also be higher than with other CMSs because of the smaller scale and more specialist nature of the platform.
It’s also worth mentioning that Craft CMS hosting services are more limited than those of WordPress, again likely making them more expensive.
WordPress Cost and TCO
On the most part, WordPress is a more cost-effective platform than Craft, with a lower TCO.
WordPress is free-to-use, limiting your initial costs to just hosting, development agency fees, and post-deployment support.
As touched on earlier, achieving a much faster time-to-market will allow you to launch a quality website quickly so you can begin gaining strong ROI right away.
Another cost-related benefit of WordPress’s ease-of-use is that if there’s bespoke development work you need your agency to complete, it will usually come at a reasonable cost. Because Craft is such a niche and technical platform, bespoke development work often comes at a premium in comparison to the more widely-used WordPress.
When the WordPress platform receives updates, it’s often fairly quick and straightforward for your agency partner to test and maintain your site.
These advantages add up to create a lower TCO for WordPress than you’ll have with other enterprise CMSs.
Conclusion
Both Craft and WordPress are both great CMSs in their own right, and would serve most businesses. Although, it’s difficult to deny that WordPress is a much more approachable platform than Craft for the average user.
If you’re a team with a great selection of existing development skills, Craft can provide you with some innovative capabilities and could be the right platform for you.
The key thing to remember when making this evaluation is that you should select the platform that directly aligns with your own specific circumstances and requirements.
Every business, and every web development project, is different. Carefully consider your objectives, budget, users, in-house skills, and any other factors that may come into play. That should allow you to determine which CMS is the right one to deliver what you need.
If you need more help finding a CMS for your new website project, read our comprehensive guide to understanding and evaluating the options for large businesses here.
Would you like these insights straight to your mailbox?
Digital Business
9 February, 2023
Usability Explained – How Better User Experience Can Help You Grow Your Business in 2023
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:
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:
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:
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.