5.0

View in English

5.0 Introduction to Part 5: UI/UX Design

This part is about where software meets the people who use it. That covers a lot: the research that reveals what users need, the interface and design system that present it, the words that guide action, the accessibility and language support that make it usable by everyone, and the frontend engineering that delivers it into the messy reality of real browsers and devices. It is tempting to treat all of this as decoration you apply at the end. Please resist that. This is where all the upstream work either reaches the user or falls apart, and it is decided long before the last screen is polished.

For large teams, product design is really a coordination problem. When dozens of squads ship into one shared product, independent decisions pile up into a mess: duplicated flows, contradictory terminology, inconsistent components, and a language pipeline nobody owns. The fix in every chapter here has the same shape. Turn one-time decisions into shared, governed assets, such as personas, a design system, a content strategy, an internationalisation (i18n) framework, component libraries, and performance budgets, so that many teams working separately still add up to one coherent experience.

Enterprise and government raise the stakes further. Enterprise software often has captive users, and they pay for poor design in training, errors, and support load rather than by leaving. Government services reach the entire public (including people in crisis, on old devices, with low digital confidence, or with no alternative provider), so design quality becomes a matter of equity and civic trust. Here, accessibility is not a nice-to-have but a legal mandate: public bodies are required by law to build software that people with disabilities can use, and plain-language and language-access obligations frequently carry the force of law as well.

Chapters in this part

  • 5.1 UX foundations: The research, user modelling, and design-thinking practices that let an organisation make evidence-based product decisions instead of guessing, and give every team the same map of the user.

  • 5.2 UI design and design systems: The craft of shaping what people see and touch, and the shared, governed system of tokens, components, and patterns that keeps thousands of screens across many teams coherent.

  • 5.3 Accessibility: Building software that people with disabilities can perceive, operate, understand, and use, treated simultaneously as a legal duty, an ethical duty, and simply good design.

  • 5.4 Content and communication design: Shaping the words, messages, and communications a product uses to help people act, in plain language and a consistent voice, because words are interface.

  • 5.5 Internationalisation and localisation: The architecture that lets software adapt to any language and region, and the workflow that translates and culturally adapts it for each locale.

  • 5.6 Frontend engineering: Building the client-facing layer for an environment you do not control, with attention to framework longevity, rendering strategy, performance, and resilience.

  • 5.7 Mobile application development: Building for mobile devices, covering native, cross-platform, and progressive web approaches; platform design guidelines; offline, battery, and fragmentation constraints; app store distribution; and mobile security and accessibility.

  • 5.8 Design research and usability testing: Reducing the risk of building the wrong thing through generative and evaluative research, the right method for each question, usability testing done well, representative recruiting, and synthesis that actually changes decisions.

  • 5.9 Service design: Designing the whole service a person experiences across channels and over time, front-stage and back-stage, using service blueprints and journey maps and aligning the organisation behind the service, not just a single screen.

  • 5.10 Data visualisation design: Choosing the right chart for the question and encoding data honestly, applying graphical excellence, accessible and colour-blind-safe palettes, and clear annotation, so a chart informs a decision instead of misleading it.

How these chapters interrelate

These chapters form a single throughline from understanding to delivery. UX foundations (5.1) establish who the user is and what job they are trying to do. UI and design systems (5.2) give that understanding a consistent visual form. Content design (5.4) supplies the words that carry it. Frontend engineering (5.6) ships the result. Accessibility (5.3) and internationalisation (5.5) are not separate stages but qualities woven through all the others: an accessible, translatable experience is designed into shared components, content patterns, and code from the start, never bolted on later. Chapter 5.3 in particular leans on chapter 5.2 to solve accessibility once in each component, and on chapter 5.6 to preserve it in semantic, standards-based markup.

The part also reaches across the guidebook. The “assets over one-offs” pattern here mirrors the shared-platform thinking of chapter 8.4 (platform engineering and developer experience), and the values and ways of working in chapters 1.1 and 1.4 set the organizational conditions that make design coherence possible at all. Accessibility, visual-regression, and performance-budget checks belong in the delivery pipelines of chapter 8.1 (CI/CD and delivery), so quality is enforced on every change rather than audited right before launch. And the real-user monitoring (performance data collected from actual users’ devices and networks) that frontend performance depends on connects directly to the observability practices of chapter 9.2. Done well, the work here is what makes the systems described elsewhere actually usable by the people they are meant to serve.