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. 

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: 

• 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.

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.

For a comprehensive guide to creating a brief that will set you up for a successful web design and development project, read our useful article here. 

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: 

• WordPress vs Sitecore
• WordPress vs Drupal 
• WordPress vs Umbraco 

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: 

• 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.

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: 

• 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.

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. 

To continue learning, read our comprehensive guide to understanding and evaluating the enterprise options for bespoke web development here.

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. 

In response to COVID-19, we’ve put in place a number of measures at SoBold to make sure we can continue to provide our services to our clients around the world as well as do what we can to help contain the spread of the virus.

It’s helpful to reflect on the fact that we offer a service whereby the performance and outcome of work produced will not be affected at all.

We’ve moved to full-time remote work

SoBold has decided to close our office in London and have our employees work remotely until further notice.

We’re doing this in an effort to help prevent the spread of the virus because, while most SoBold employees are healthy and not in the high-risk category, we appreciate that is not the case for all of those around us, or in the wider community we live in.

We have a responsibility towards these people, including others who work in our building and those we come into contact with during each others’ daily commute.

We’ve set up enhanced support for remote work

We don’t believe it’ll cause much disruption to the rest of the team and business.

Most of our clients, for example, will be familiar with remote meetings; we regularly host virtual meetings between clients and SoBold.

All team members have access to reliable remote conferencing and workflow tools, so they can speak to anyone either within SoBold or outside of the organisation, whenever they need or want to.

This means we can continue to frictionlessly share and work collaboratively cross-functionally, with the ultimate goal of always delighting our clients and partners.

Free support to those directly affected by the closure of their businesses

We want to give back and help businesses and individuals that have been so badly damaged by the closure of their shopfronts, gyms, restaurants and other businesses in the hospitality industry.

We are offering free website help to these businesses during these tough times.

If you would like to get in touch with a team member about this, please email hello@soboldltd.com

Technical Director, Sam Phillips and Managing Director, Will Newland were interviewed by Brent Weaver at Cloudways.

SoBold has been working with Cloudways since 2019 to help host development environments for all of their clients.

You can learn more about Cloudways, Managed Cloud Hosting services by visiting their website here.

See what they had to say in the video below.

The end-to-end process of web design is made up of a number of different phases that should all inform and complement each other. 

When working with a web design and development agency, they should use their expertise and experience to guide you through this process, which consists of:

• In-depth research and careful planning
• Visual exploration and mood boards
• User experience (UX) design 
• User interface (UI) design.

Once you’ve completed each of those phases and you have a design that you’re proud of, your agency partner will be tasked with preparing your website for development.

This article will explain the process of preparing a website for development, helping you understand what’s involved, what to expect, and how to approach it.

Designing  Your Website Across Different Break-Points 

In a recent article, we explained how the purpose of your UX is to help your visitors complete a task or process on your website as easily as possible, ultimately leading them to follow a call-to-action. 

Your UX is brought to life by your UI, which includes all the visual and interactive elements of your website, from colour and font to buttons and scrolling. 

Towards the end of the UI design phase, the next step will be to roll out your designs across a number of break-points. 

Break-points are the screen sizes of devices that your design will fit within. This allows your website to be designed as responsive and optimised for use across a wide range of different devices and channels. 

This is important because certain aspects of your site may not translate down perfectly across different screen sizes. 

Here at SoBold, we design sites across the following break-points, but this may vary from agency to agency:

• 1,920px – For most external computer monitor sizes
• 1,366px – For most laptop screen sizes
• 992px – For most Notebook and iPad devices
• 768px – For most other tablet devices
• 375px – For most smartphones.

If you want your website to be designed as mobile-first, it’s important to raise it at the beginning of the project so your agency can create your wireframes in that context. However, you should only ever make that decision based on real data regarding your target audience’s preferences. 

In this case, your agency should work with you to conduct some additional research and determine the best screen size for your particular audience. This will ensure the UX designers work with the right starting point for your high-fidelity wireframes.

A Thorough Hand-Over from Design to Development 

This phase of a website project involves a process that takes a lot of careful work and close collaboration between the different teams within an agency. 

Here at SoBold, we make a point to ensure the design team talks the development team through all the work they’ve done on your mood boards, UX design, and UI design in detail. This includes explaining the decision making process behind everything they’ve designed.

While a lot of agencies will just hand the designs to the developers and ask them to start building, we believe this is something that should be treated as more of a team effort. Doing so as a core part of our process has proven to add tremendous value to the work our clients have received in recent years. 

It’s beneficial to the overall project for the developers to fully understand why the decisions have been made about the designs. It’s also important that they’re given a detailed run through of what they’re building within the context of the whole site.

For example, there may be a fairly complex block which is built early on in the development process. If the developers are made aware that slight variations of this same block will be used several times throughout the site, they can save valuable time and work more efficiently by repurposing the first block when it’s first built. 

This hand-over is crucial in ensuring the development process runs smoothly, providing you with a high-performance website that meets your expectations, delivered on time and within budget.

A Well Designed Website Ready to Be Built 

After the hand-over is complete, your agency will be able to export all your design assets and the developers will begin building your website. 

While web design may seem straightforward when explained like this, in reality it’s a complex process that requires a great deal of specialist skills and expertise. That’s why it’s so important to have the support of an agency partner you can trust and rely on to guide you. 

Working with a talented agency will ensure you’re able to create a unique design that will resonate with your target audience and help you achieve your strategic business goals through your new website. 

Keep an eye out for our upcoming blog series where we’ll walk you step-by-step through the web development process, making it far more approachable and easy to manage for you.

If you’d like to discover how generative AI technology is transforming the web design and development space, read our recent article here.