Design Provenance

Approach · 2010s–present framing; human-centred design roots earlier · International service and interaction design

Humanist digital design

Let human needs determine the visual choices.

What is Humanist digital design?

Humanist digital design is an editorial framing for interfaces that prioritize people’s circumstances, comprehension, dignity, and agency. It is not a formally bounded historical movement or a specific rounded visual style. It can be warm and expressive or plain and utilitarian. The important qualities are understandable language, accessible interaction, honest feedback, thoughtful defaults, and respect for different abilities and contexts. A friendly illustration cannot compensate for a confusing process, manipulative choice architecture, or a service that excludes its intended users.

The story

Human-centred and inclusive design have earlier roots. Contemporary public-service systems make the principles concrete through research, shared patterns, content design, and accessibility. GOV.UK’s design principles provide a documented example of organizing digital work around real user needs rather than a fashionable surface.

How do you recognise Humanist digital design?

  • Plain language and explicit next steps
  • Readable typography and robust contrast
  • Inclusive states and flexible interaction paths
  • Visual character appropriate to the person’s situation

Colour, type, layout and material

  • #F3F1E9
  • #263A3B
  • #2F6F68
  • #D99B65

Typography. Use readable type, natural language, and a clear hierarchy. Support text resizing and long labels. Choose warmth through proportion and tone rather than overly playful lettering.

Composition. Organize around the user’s decisions and likely questions. Use progressive disclosure carefully, keep important information visible, and make recovery paths easy to find.

Materials. Semantic interfaces, accessible components, clear writing, and purposeful illustration. Material appearance is optional; the defining medium is the interaction between a person and a service.

Why does Humanist digital design work?

Predictable behaviour and clear feedback can reduce uncertainty. Warm colours or rounded corners do not automatically produce trust. Confidence is built through accurate information, recoverable actions, respectful language, and a service that works reliably for its users.

The principle. Start with the person’s task and constraints, then choose the form that helps. Creativity can mean removing an unnecessary step, explaining a difficult concept, or making a stressful moment easier to navigate. Distinctiveness emerges from care and specificity.

Where it was used

Government Design Principles, UK Government Digital Service and collaborators, 2012 onward. The published principles emphasize user needs, context, iteration, inclusion, and consistency. They offer a concrete reference for a people-centred digital approach.

  • Public services and complex forms
  • Learning and support products
  • Interfaces used in stressful or unfamiliar situations

What to avoid

  • Friendly visuals masking confusing behaviour
  • Invented personas replacing real research
  • Calling a design inclusive without testing access barriers

Try it: a short exercise

Choose a task someone finds stressful. Observe how they complete it, with consent, and note where uncertainty appears. Rewrite one instruction and simplify one decision. Test whether the changes help before choosing a warmer palette or adding illustration.

How do you prompt for Humanist digital design?

These prompts ask for an original piece informed by the style, not a copy of any work. Replace the words in square brackets.

For an image or visual design

Create a humanist-digital [FORMAT] for [SUBJECT] and [AUDIENCE]. Begin with the audience’s actual task, context, and likely concerns. Use clear language, a readable hierarchy, respectful imagery, and a restrained palette appropriate to the situation. Show useful information and recoverable actions. Avoid generic smiling characters, vague reassurance, and visual warmth that hides a confusing process. Create an original composition, not a replica of a named artwork or brand. Explain three decisions that connect the result to this brief. Use supplied wording accurately; leave space for manually typeset text if text rendering is unreliable.

For an interface

Implement a people-centred interface for [SUBJECT] and [AUDIENCE]. State the user need, organize the flow around meaningful decisions, and use plain language with explicit next steps. Provide helpful validation, recoverable errors, transparent consequences, and alternatives to complex gestures. Avoid manipulative defaults and unnecessary data collection. Explain which assumptions still need research and how representative users could evaluate the design. Use semantic HTML, responsive layouts, visible keyboard focus, labelled controls, and accessible contrast. Include loading, empty, error, and success states where relevant. Respect reduced-motion preferences. Use realistic supplied content, not generic placeholder marketing. Explain how the visual choices support the user’s task. Deliverable: [FORMAT].

Lineage

Draws on: Universal design, Scandinavian Modern, Flat design.

Influenced: Universal design.

Sources

  1. GOV.UK: Government Design Principles
  2. NHS: Design principles

Open Humanist digital design in the interactive guide