As part of our web design series, we recently explained the process we follow when designing the UX of a website. If you’ve not read that already, it will be useful to go and have a look first before reading this article.

A study by Forrester Research has found that a well-designed UI has the potential to increase your website’s conversion rates by up to a 200% while UX design could raise conversion rates by a staggering 400%. 

Whether you’re working with a web design and development agency or an independent designer, this process is equally important. Nailing the UI design process is a crucial step towards producing a website that will maximise engagement with your target audience and help you achieve your business goals. 

So, let’s take a detailed look at how to run a successful UI design process.

User Interface (UI) Design at a Glance

The UI design process is the creation of the visual design elements of your website. Think about UI as the way in which you convey your brand’s visual identity and bring your UX to life. The UI is there to facilitate the UX.

How Does the UI Design Process Work? 

As mentioned in our related article, UI design is typically the fourth phase of the end-to-end process of web design.

Earlier in the process, we recommend conducting a visual exploration exercise, using mood boards to gain a clear understanding of how your brand will be conveyed and how your website will look and feel.

That visual exploration phase of the project is a pre-cursor to your UI design, as it creates the visual identity of the website, including use of colour, font, blank space, buttons, and more. Some agencies do this as part of the UI phase, but here at SoBold we like to keep it as its own stand-alone phase. You can learn all about the visual exploration phase and how it works here. 

After you’ve been through the UX design process, you’ll have approved a set of wireframes, which give you a blueprint of your website’s structure and flow before anything is built properly.

Once you’ve approved those wireframes, then the visual design created with the mood boards will be applied to bring them to life. This is essentially how you create your UI.

Your agency will typically begin with the design of your website’s homepage. Like each phase previously, you can expect this UI design process to be collaborative. Be prepared to have all the stakeholders available to provide feedback to your agency, and work with them to perfect the design when it’s combined with the wireframes.

Once the homepage is approved, your design will then be applied across all the pages of your site. Again, this is an iterative, collaborative process based on feedback and revisions.

Responsive Design Testing 

On completion of the desktop designs, your agency partner will work on designing the site across multiple break-points. To ensure your site is responsive across all the most popular devices, the following break-points should be tested as a minimum:

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

You’ll then reach the exciting part, where your website is fully designed for you to view, test, and play around with. Once you’re happy with the design across the different break-points, your agency partner will be ready to prepare the design for a development handover. 

What Does Effective UI Design Involve? 

Good UI design is something that should feel seamless and almost invisible to your visitors when they land on your website. The aesthetics and visual style should be simple and engaging, while not distracting from the UX. 

These days, you only have a matter of seconds to make a positive impression that can retain your visitors’ attention, so it’s crucial you don’t over-complicate things. But what differentiates good UI from bad UI in practical terms? 

Like with UX design, there are some best practices you can follow to ensure your website has an effective, attractive UI. 

Follow these guidelines to create a UI that delivers the desired experience for your visitors and supports your website’s strategic objectives: 

• Keep your design simple and your content succinct
• Prioritise the preferences and best interests of your target audience
• Make your design elements as clear as possible 
• Maintain consistency
• Ensure your brand, and your company’s identity, have been accurately represented through the design
• Use power of visual imagery to capture and retain your visitors’ attention 
• Make your call-to-action as strong and compelling as possible
• Don’t create anything that interferes with the goals of your UX.

Check out our related article for seven helpful tips to ensure your website is designed with great usability here for additional guidance. 

The Importance of Accessibility 

Accessibility is the practice of making technology as easy to use as possible, and fully accessible to everyone. While web accessibility is largely intended to help people with disabilities gain better usage of technology, it’s also much broader than that. 

There are people who have difficulty using certain types of, or aspects of, technology who don’t have a disability. For instance, someone with deteriorating eyesight may find it difficult to read small text on a smartphone screen.

It’s also important to ensure your website is as easy to use as possible for the average person as well, because you should always strive to deliver the best possible UX for all your visitors. Accessibility is a key driver of this.

The Web Content Accessibility Guidelines (WCAG), which are used to define what constitutes good accessibility, lists four key principles of web accessibility that should be followed by all websites. 

This means your website must be:

1. Perceivable
2. Operable
3. Understandable
4. Robust.

Web accessibility is an important topic, so we’ll talk more about that in a separate article. For now, it’s worth noting that any web design and development agency you work with should consider accessibility a top priority when designing the UI of your website. If they don’t, you should challenge them and ask why not.

Here at SoBold, this is built-in to all our design processes. We believe that all technology should be inclusive and equally available to everyone, regardless of their physical ability, location, personal background, or any other factors. 

Some design best practices that we’d recommend you always follow to ensure your website is fully accessible, from a UI design perspective, include: 

• Use contrast and blank space to make your content easy to perceive
• Use bold colours 
• Use font sizes no smaller than 14px for desktop and 13px for mobile across the whole site (although, this does depend on the font you use)
• Use headings and structure correctly to organise content clearly on each page
• Make all your content easy to both see and hear
• Write all your copy in plain, simple language
• Avoid any flashing or blinking imagery or video content 
• Write simple, clear, and helpful error messages.

Preparing Your Website for Development 

As you can see, UI design is mainly a case of applying the visual design that was created with the mood boards to your UX wireframes with the agreed flow. Good UI is no more than a clean, simple design that accurately represents your brand identity. While it sounds straightforward, it’s important to remember this is just one phase in the holistic, end-to-end process of web design. 

To conclude the design process after the UI is complete, your agency will prepare your site’s designs for development. To learn how this process works, understand what to expect, and ensure your own web development process runs smoothly, read our next article in the series here.

Would you like these insights straight to your mailbox?

Your emailSubmit

I consent to my submitted data being processed and stored by SoBold in compliance with Privacy Policy

The moment Marti joined us at SoBold, we were excited and eager to see how she would translate her enthusiasm and energy towards development towards real life projects. We were not let down and she hit the ground running.

2 years later, largely hampered by COVID, we now are getting the absolute best out of Marti. She is incredibly reliable, diligent and talented and she is involved in all of our biggest projects.

Marti has never been one to code for the sake of coding, and she always makes sure she understands the bigger picture before diving into a project. 

⅓ of the Italian SoBold Office crew, we are very fortunate to have Marti and we truly can’t wait to watch her skillset improve and see her continue to work on the biggest and best projects!

We caught up with Marti to find out more about what she gets up to in her day to day life.

At what point in your life did you decide to become a developer?

Having studied Foreign Languages and Literatures, since uni I had a dream to become a successful translator. I came to London to fulfil this dream but I wasn’t sure which field to specialise in yet. So I started working at a restaurant, and in my spare time, I would translate articles for online media sites and magazines, and also produce subtitles for tv series.

Later on, I started a course in software localisation, and this opened up the dev world to me as I had to put my hands on the software source code. When it was time to search for a job, reality had a massive hit: competition was high, work was difficult to find, it was clear I had to invest more time and specialise furthermore.

I felt stuck and didn’t really know what to do with my life. So I went backpacking around the world for a few months, and I decided to dive more into that dev world that I found so interesting. Time wasn’t really a problem while travelling, so I read a lot about web development and took a lot of online courses. I devoured so many online resources, I just couldn’t believe they were all a click away! Since my first “Hello World” project, I’ve found the process of coding and building a website from scratch a beautiful mix of creative problem solving that never disappoints. Long story short, that’s when I knew I wanted to become a developer.

Describe your typical day

I wake up at 6:30am, I feed Coco and Lucy (my cats), I put some tunes on while having breakfast, quick shower. Then it’s checking the weather time: if it looks cloudy and rainy I’ll take the tube, otherwise, I’ll most probably board my Brompton and off we go to the office! Ideally, I like to conclude the evening by doing some form of exercise, usually rollerskating or a walk/run.

What’s your favourite project to date

I really enjoyed working on the new SoBold website, it’s been a huge team effort and the result it’s simply amazing!

What is the best advice you have ever heard?

I once read this quote: “If we all threw our problems in a pile, we’d grab ours back.”

I think it’s a beautiful sentence, it makes me appreciate life every day and makes me very grateful for all I have.

If you had to change careers what would you do instead?

Not sure what but surely something related to sport.

What was your most recent challenge and how did you overcome It?

When you’re a developer, every day there’s a new challenge. You just have to learn how to tackle them. In general, I think talking with a colleague helps a lot. Also “rubber ducking” can be a useful method for debugging code. In both cases, they’re powerful methods that consist in taking a break and articulating the problem in plain language.

What’s your favourite thing to do outside of work?

I’m a big ramp skate fanatic. https://www.instagram.com/martymcroll/

What 3 items would you bring to a desert island?

🇨🇭 🔪  🎸 and  🛌🏽

Would you like these insights straight to your mailbox?

Your emailSubmit

I consent to my submitted data being processed and stored by SoBold in compliance with Privacy Policy

Evaluating and selecting the best option for a bespoke web development project is an important decision, with a lot riding on it. But with so many technology providers, platforms, and agency partners out there today, that decision can be overwhelming. 

In this article, we’ll guide you through this evaluation process, explore the options available, and help you choose the right technology platform for your own web development project.

We all know that a large business or enterprise relies on technology to function. With dozens of sites across different countries, hundreds of employees, and thousands of customers, technology is the heartbeat of your organisation.

You need sophisticated technology to facilitate mission-critical digital assets like your website, mobile applications, staff portals, communications channels, and various other systems. Many businesses also leverage technology to facilitate processes or capabilities that are entirely unique to the organisation, like internal training platforms or bespoke tools for certain departments. 

With that in mind, it’s important to find a platform that can meet your specific requirements and enable you to accomplish your strategic objectives. 

Modern enterprise systems need to be dynamic, scalable, and intuitive, and achieving that involves some complexity behind the scenes. For that reason, it’s often necessary to take the route of a bespoke development project to ensure your business gains exactly what it needs in terms of both functionality and capability.

A content management system (CMS) is the most common technology platform for businesses to deliver these projects, with almost two thirds (63%) of all sites on the Internet powered by a CMS today. This is a type of software used to build websites and similar systems, allowing you to easily create, edit, and publish digital content across a range of online channels and devices. But determining the best CMS, let alone choosing the right one for your own bespoke development project, can be a daunting challenge.

So, let’s explore the situations in which it’s wise to adopt a CMS to deliver a development project. We’ll then walk you through the next steps, giving you the confidence to make the best decisions for your business along the way. 

Enterprise Challenges with Technology 

There are plenty of situations in which a marketing team might be struggling to identify the right technology platform for a project like this. 

Perhaps you need to find a way to deliver something very niche, like building a new website or internal system from scratch. Maybe your project requires you to build a website on a new platform, and that platform needs to integrate with your internal systems like Salesforce, HubSpot, PowerBi, and other back-end applications.

Or, you may be trying to solve a challenge, like finding a suitable way to replace your current legacy systems. If, for example, your current website is built on a CMS like Drupal, and it’s no longer capable of meeting your requirements, you’ll need to find a new platform and migrate everything over.

A CMS is an ideal solution in each of these scenarios, and many others. Of course, with such a vast technology landscape to navigate, finding the right CMS is no easy task. It’s even difficult to know where to begin for most enterprise marketers.

So, let’s take a look at how you can approach this evaluation process in a cost-effective, efficient way.

How to Approach an Enterprise Web Development Project

Firstly, as an aside, it’s important to regularly review and reassess whether your CMS is fit for purpose, even if you don’t have an immediate requirement for something new. 

Modern technology is advancing so rapidly. With that, your users’ expectations – both employees and customers – are evolving as well. You need to keep up with the pace of change and ensure your technology can still meet the current demands it faces from those users.

Back to the task at hand, though. Before you begin looking into different CMS, you should try to define exactly what it is you need from them. 

Whether you’re building a bespoke website or migrating an existing site to a new platform, make sure you know exactly what you want to achieve by doing so. 

Start by asking questions like: 

• What’s the purpose of your project?
• What objectives do you want to achieve?
• What exactly are you looking to build?
• How much budget do you have to spend?
• What existing technology do you need to integrate with? 
• What features and functionality do you need?
• What skills and expertise do you have in-house?

Make sure you have a very specific brief and clear set of requirements to take to whichever solution providers and agencies you’ll be speaking to. If you don’t, you’ll struggle to fully understand whether the platforms you’re evaluating can actually deliver what you need.

Once you’ve got that, you can decide which approach is the best for your project. This could be: 

• Stick with your existing platform and update or build on to it
• Buy a custom, purpose-built, ‘out the box’ platform or piece of software 
• Work with an agency to adopt a new platform and/or build something bespoke.

It’s worth noting that most web development projects for large businesses will have complex requirements that are almost impossible to achieve without strategic guidance and ongoing support from an experienced partner. An agency partner will work closely with you to understand your strategic objectives and requirements, then provide you with platform-specific skills, tools, and expertise to achieve those. We’ll look at this in more detail later in the article. 

Defining Your Requirements 

As mentioned above, it’s important to have a specific set of objectives for your project and know what requirements are necessary to achieve those. These will also ensure the partner or agency you work with understands your brief and is able to deliver the exact finished product you’re looking for.

When scoping this out, there are some common capabilities and qualities most enterprise-grade platforms should have in order to meet expectations. Here are some things you should ensure your new platform – and the agency you work with, if you decide to go that route – can provide for your business:

• Bespoke development 
• Customisable design, features, and functionality 
• Migration from legacy systems to a new platform 
• Seamless scalability 
• A secure infrastructure
• Performance in peak traffic volumes
• Integration with back-end systems like Salesforce, HubSpot, PowerBi, and more
• Ease-of-use in both the front and back-end
• Quick and easy editing capabilities 
• Multi-site development for multiple languages across different countries
• Responsive or ‘headless’ design for web and mobile, enabling omni-channel customer experience.

Your Options for Enterprise CMS 

Drupal 

Drupal is popular among enterprises because it’s a highly secure platform. It’s also great if your team contains technical resources with good coding ability, as it’s very intuitive for people that have more advanced content management skills. 

On the other hand, Drupal can be very difficult to get up and running, and is lacking in terms of simplicity. Because of this, your agency costs will also likely be higher than with other CMSs if you take that route. 

Even if you do have that technical skill in your team, however, the platform itself is somewhat limited with customisation. It’s also worth noting that the version of Drupal most businesses currently use (Drupal 7) is soon reaching end-of-life. This has caused many Drupal users to migrate their existing sites to new, more intuitive platforms, such as WordPress.

Sitecore 

Sitecore is a robust CMS that provides more capabilities than the average platform. It’s popular because it actually offers a fully-managed ‘digital experience platform’ that delivers most of the qualities mentioned in the previous section. 

Sitecore comes with a good level of personalisation and is well suited for bespoke development projects. However, it’s an expensive system, requiring the procurement of licenses to begin using it. It also restricts certain capabilities unless you progress to higher tiers (and costs) of your licenses. 

From a practical perspective, Sitecore operates on quite hierarchical, complex workflows, which may not suit more agile or smaller teams. 

Umbraco

The scalability of Umbraco is great for large organisations, as it allows you to manage a high volume of pages and build out your website to meet the changing needs of your business.

Similar to Drupal, Umbraco is mostly suitable for users with more advanced content management skills and some development experience. This makes it difficult to use for the average marketing team, which increases the likelihood of higher costs, either through more expensive agency projects or even the need to hire someone in-house.

WordPress 

WordPress is the platform that powers almost 45% of the world’s websites. It’s so popular because it’s affordable, flexible, dynamic, and very easy to use. 

There is a common misconception that WordPress isn’t robust or scalable enough for large businesses. However, this continues to be proven as a myth, as some of the biggest brands in the world are now using WordPress for their CMS, from Nike to Bloomberg.

We’ll provide a detailed breakdown of the benefits and advantages WordPress offers in the next section.

Which is the Best Option? 

It’s important to remember every web development project will be different, and each of these platforms are good options in their own way. That’s why you should make your decision based on the solution that best aligns with your objectives, requirements, budget, and other factors. 

One common point related to all these platforms that’s worth noting is that each of them are exponentially easier to use, and will deliver far greater return on investment (ROI), if you have the support of an experienced specialist partner to guide you. An agency with platform-specific skills and expertise will ensure your business gains the maximum value from the platform you select, and help you leverage it strategically to harness its full potential. 

Business Benefits and Opportunities with WordPress

Using WordPress is an excellent option for any business. For large organisations in particular, there are a number of qualities that make it particularly beneficial. 

Scalability and Agility 

The WordPress platform is highly scalable. This means that the size and complexity of your website, and the amount of traffic passing through it, won’t be a concern. WordPress can also grow with your business and easily adapt to continue meeting your changing needs. Scalability is one of WordPress’s most prominent advantages for enterprises.

Low TCO and Strong ROI  

Of all the options listed above, WordPress comes with the lowest total cost of ownership (TCO). Unlike most platforms, you won’t need to bolt on new features or capabilities with WordPress,  nor will you have to worry about costly extra work to manage platform upgrades or updates. Additionally, because WordPress is so flexible and rich with dynamic features and capabilities, it’s proven to deliver strong ROI. 

Flexibility and Customisation 

WordPress is ideal for a bespoke development project because it’s highly customisable. You can use its flexibility to build bespoke features and functionality into your website or create an entirely unique system.

Fast Time-to-Market 

Because of its great usability and simplicity, WordPress allows for a very fast time-to-market, meaning you can deliver your project quickly and efficiently. However, it should be noted that  most businesses will need the support of a skilled agency to be able to achieve that.

Integration 

WordPress is very easy to integrate with other systems, such as HubSpot, Salesforce, and others. This means your business will experience minimal disruption due to integration, whether migrating to WordPress or starting a new development project from scratch.

Usability 

In the back-end, WordPress is renowned for its usability. As a CMS, it’s extremely easy to use, meaning you can get up-to-speed quickly and share responsibilities across more members of your team. 

Performance 

The performance, speed, and ease-of-use with WordPress are all enterprise-grade when building websites on the platform. This means user adoption and retention will be high, ensuring the success of your project and driving greater ROI.

Long-Term Value

When working with WordPress, you’ll also gain advantages that will deliver added value to your business, especially if you have the support of a specialist partner who can help you unlock the full power of the technology. 

The project doesn’t stop with the initial implementation of WordPress, either. As your requirements change, or your project evolves, WordPress is the best platform to adapt with you and deliver value to your business in the long-term.  

Why WordPress is the Future of the Enterprise

WordPress is the most popular and widely used CMSs in the world today. And that popularity has been consistently spreading into the enterprise market over the past decade or so.

This is no coincidence, either. It’s unsurprising to see how quickly WordPress is growing in popularity, as more and more businesses realise the vast potential of the platform and the benefits it can deliver.

When taking into account its unprecedented scalability, flexibility, and usability, not to mention its low TCO, WordPress is one of the leading options for bespoke web development projects for large organisations.

When it comes to evaluating the options for your own project, remember to carefully consider how each platform aligns with your requirements and objectives. Once you’ve identified the CMS that is most suitable to deliver what you’re looking for, consider the value that could be added to your project by working with an agency partner who specialises in that technology. 

Would you like these insights straight to your mailbox?

Your emailSubmit

I consent to my submitted data being processed and stored by SoBold in compliance with Privacy Policy

SoBold Limited (SoBold), a leading digital and web marketing consultancy, is delighted to announce that SoBold has been selected to work with Transport for London (TfL) to build, manage and support a bespoke Cookie Consent Management Tool for use across TfL’s portfolio of websites.

SoBold’s rapid growth over the previous 12 months has seen them become a leading player in the digital and web marketing space. SoBold’s core offerings are now used by over 200 customers worldwide and we anticipate this customer base to continue to grow considerably over the next 12 months and beyond.

SoBold has been an authorised Reseller of Cookiebot since the new General Data Protection Regulation (GDPR) came into place on 24 May 2018. Cookiebot’s tool consists of three main features: cookie consent, cookie monitoring and cookie control and SoBold work with their clients helping them manage, build and integrate these solutions onto their websites. SoBold now manage Cookie Consent Management for clients across numerous different industries.

Transport for London has completed a formal tendering process to procure a new Cookie Consent Management Tool for their tfl.gov.uk website domains. By procuring the tool, Transport for London is best able to align their approach to cookie management with the requirements of data protection legislation. SoBold will work with Transport for London, for a minimum of 12 months with the option of extending the contract for a further 24 months.

SoBold Founder and Managing Director Will Newland, commented:

“We are absolutely delighted to work with Transport for London. This gives SoBold the opportunity to work with a large, well known, corporation and we have no doubt we can play a big part in ensuring Transport for London’s customers can feel safe and confident when sharing information about themselves on the TfL website. This further strengthens SoBold’s position as a leading player in the Cookie Consent Management space.”

SoBold Lead Developer Sam Phillips, commented:

“This is a fantastic opportunity for SoBold to showcase our experience in the delivery of bespoke Cookie Consent Management solutions across a portfolio of websites with millions of visitors per month. The contract with TfL cements our position as a leading CookieBot reseller in the United Kingdom.”

Would you like these insights straight to your mailbox?

Your emailSubmit

I consent to my submitted data being processed and stored by SoBold in compliance with Privacy Policy

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?

Your emailSubmit

I consent to my submitted data being processed and stored by SoBold in compliance with Privacy Policy