Essential disciplines · Web & Digital Product Design

UX & Information Architecture

Why the invisible structures that organise digital experiences are just as important as what you can see — and how getting them right separates products people love from ones they abandon.

88%
Users won't return after a bad experience
£1:£100
Cost to fix in design vs. after launch
200%+
Conversion uplift from strong UX investment

What Is User Experience?

UX is every point of contact a person has with a product, service, or organisation — the sum of perceptions, emotions, and responses that shape whether something works for real people.

ISO 9241-210 Definition
"A person's perceptions and responses that result from the use or anticipated use of a product, system or service."
— ISO 9241-210, Human-Centred Design Standard

UX encompasses usability, accessibility, desirability, findability, credibility, and value. It is not a single feature — it is the complete felt quality of an interaction.

🎯

Useful

The product fulfils a genuine human need. Functionality without usefulness creates wasted complexity.

🧩

Usable

The interface is intuitive, efficient, and forgiving. Users can accomplish goals without friction or confusion.

Accessible

Designed so people of all abilities, devices, and contexts can engage with and benefit from the content.

Desirable

Aesthetic quality, brand alignment, and emotional resonance make users want to engage — not just tolerate.

🔍

Findable

Content and features can be located quickly — both within the interface and via search engines.

Why UX Matters

Good UX isn't cosmetic polish — it has measurable, direct impact on user retention, task completion, conversion, and organisational credibility.

Retention
88%

Users won't return after a poor experience

First impressions form in milliseconds. A single frustrating interaction can permanently lose a user — and they rarely explain why they left.

ROI
9,900%

Average ROI reported from UX investment

Every £1 invested in UX early in a project can return up to £100 by reducing rework, support costs, and failed launches.

Accessibility
1 in 5

People have a disability affecting digital use

Accessible design is inclusive design. Ignoring accessibility excludes millions of potential users and creates legal exposure.

Trust
75%

Users judge credibility by design quality

Three-quarters of users admit to judging the trustworthiness of an organisation based on the visual and experiential design of its website.

Conversion
200%+

Conversion rate uplift through UX improvements

Well-designed user flows, clear calls to action, and reduced friction have repeatedly doubled and tripled conversion rates in tested cases.

Support Cost
↓ 40%

Support requests reduced with better UX

When interfaces are intuitive and information is findable, users self-serve successfully — dramatically reducing support overhead.

The Structure Beneath the Surface

Information Architecture (IA) is the structural design of shared information environments. It is the practice of deciding how content is organised, labelled, and connected — so that people can find what they need and understand where they are.

IA is often invisible when it works well, and blindingly obvious when it fails. A confused navigation, a dead-end search, a mislabelled category — these are IA failures, and they erode trust immediately.

The discipline draws on library science, cognitive psychology, and interaction design. Its purpose is to reduce what Peter Morville and Louis Rosenfeld called the "cost of finding" — the mental effort users must expend to locate information.

Good IA creates a shared understanding between those who make digital products and those who use them — a common language of structure, hierarchy, and relationship.

🗂️

Organisation Systems

How content is categorised and grouped. Hierarchical, sequential, matrix, or faceted — the model must match how users think.

🏷️

Labelling Systems

The language used to represent information. Labels should reflect users' vocabulary, not internal jargon or org-chart logic.

🧭

Navigation Systems

How users move through a space. Global, local, contextual, and supplemental navigation must work in concert.

🔎

Search Systems

What users can search, how results are indexed, ranked, and displayed. Search is navigation for users who have given up browsing.

The 8 Components of IA

Rosenfeld, Morville & Arango's influential model identifies eight elements that define a complete information architecture.

COMPONENT 01

Taxonomy

Classification of content into categories and subcategories that reflect how users mentally group information — not how departments own it.

COMPONENT 02

Hierarchy

The parent-child relationships between pages and sections. Hierarchy defines depth — how many clicks it takes to reach any piece of content.

COMPONENT 03

Metadata

Structured data that describes content — tags, categories, dates, authors. Good metadata powers search, filtering, and contextual navigation.

COMPONENT 04

Wayfinding

Mechanisms that tell users where they are: breadcrumbs, highlighted navigation items, page titles, and progress indicators.

COMPONENT 05

Content Inventory

A complete audit of existing content — what exists, where it lives, its purpose, and whether it should be kept, merged, or deleted.

COMPONENT 06

User Mental Models

How users expect a system to work based on prior experience. IA must align with these expectations — or explicitly guide users to new ones.

COMPONENT 07

Content Relationships

How pieces of content connect to each other — related articles, cross-references, tags. These links reduce dead-ends and extend discovery.

COMPONENT 08

Controlled Vocabulary

A standardised set of terms used consistently across the system — preventing synonyms, jargon, and inconsistency from confusing users.

The UX Design Process

Effective UX follows an iterative, evidence-based cycle — not a linear handoff from brief to delivery. Each phase informs the next.

PHASE 01

Research & Discovery

Interviews, surveys, analytics analysis, competitor audits. Understand who users are, what they need, and where current pain points lie.

PHASE 02

Define & Synthesise

Affinity mapping, personas, user journey maps, problem statements. Turn raw research into actionable design criteria.

PHASE 03

IA & Structure

Card sorting, tree testing, sitemaps, wireframes. Define the architecture before the aesthetic — structure before style.

PHASE 04

Design & Prototype

Low and high fidelity prototypes, interaction patterns, design systems. Bring the architecture to life as a testable artefact.

PHASE 05

Test & Iterate

Usability testing, A/B testing, heatmaps, task completion metrics. Validate decisions with real users and refine continuously.

Core Principles of Good IA

These principles, drawn from cognitive science and decades of web practice, underpin every sound information architecture decision.

🎯

Principle of Objects

Treat content as living things with lifecycles, behaviours, and attributes. Different content types have different requirements and should be structured accordingly.

🔀

Principle of Choices

Fewer, meaningful choices beat many confusing ones. Navigation menus should present a manageable number of well-labelled options — not every page in the site.

📢

Principle of Disclosure

Show only what is necessary at each step. Progressive disclosure reveals complexity gradually — keeping interfaces clean without hiding needed information.

🪟

Principle of Front Doors

Users can arrive at any page via search or direct link — not just the homepage. Every page must orient users to where they are and what they can do next.

🗺️

Principle of Multiple Classification

Offer different ways to find the same content — by topic, by task, by audience, by date. Different users have different mental models and search behaviours.

🧠

Principle of Focused Navigation

Don't mix apples and oranges. Navigation systems should be consistent in their logic — combining task-based and topic-based links in one menu creates cognitive confusion.

🌱

Principle of Growth

Design for the future volume of content. An IA that works for 50 pages must be able to gracefully accommodate 5,000 — plan structures that scale.

💬

Principle of Exemplars

Where category names are abstract, show examples. A user unsure whether "Resources" contains what they need will be reassured by seeing a few concrete examples beneath it.

The Cost of Getting It Wrong

"A beautifully designed, perfectly coded site with poor structure and unclear navigation is still a site people will abandon."
🚪

High Bounce Rates

Users who can't immediately understand where to go or what to do will leave within seconds — taking with them your conversion opportunity, permanently.

🔁

Expensive Rework

IA and UX problems discovered after launch cost far more to fix. Structural changes require rebuilding navigation, redirects, and potentially entire content audits.

📞

Inflated Support Costs

When users can't find information themselves, they contact support. Every "where do I find..." query is evidence of an IA or UX failure.

🔎

Poor Search Visibility

Search engines read and evaluate site structure. Unclear hierarchies, duplicate content, and weak internal linking all harm organic rankings.

⚖️

Legal & Compliance Risk

Inaccessible design creates legal exposure under the Equality Act 2010 and WCAG standards. Poor UX that buries required disclosures can attract regulatory scrutiny.

💔

Brand Damage

Users conflate the quality of your interface with the quality of your product or service. A confusing site signals an untrustworthy organisation.

UX & IA: Better Together

UX and IA are complementary, not competing. IA provides the skeleton; UX gives it flesh, motion, and meaning.

UX Design

  • How users feel using the product
  • Visual hierarchy and interaction patterns
  • Emotional resonance and desirability
  • Task flows and user journeys
  • Usability testing and iteration
  • Accessibility and inclusive design
  • Interface consistency and trust signals
+

Information Architecture

  • How content is organised and labelled
  • Navigation structure and taxonomy
  • Site hierarchy and page relationships
  • Search systems and findability
  • Content modelling and metadata
  • Wayfinding and orientation cues
  • Scalable content structures

Together, they create digital experiences where users arrive, orient themselves immediately, find what they need without effort, and leave with their trust in your organisation strengthened — not eroded.