Theory
Five screens, five different apps
A rushed FestConnect had a problem: the home screen was blue with rounded buttons, the events screen green with square ones, the profile used a different font entirely, and the register button looked different on every page.
Users felt like they were being thrown between 5 unrelated apps. Nothing felt trustworthy, and every screen made them relearn the interface.
Two forces fix this: branding (one recognisable identity) and consistency (that identity applied EVERYWHERE). Together they turn a pile of screens into one coherent, trustworthy product. This lesson ties the whole visual unit together.
Theory
Branding: the product's identity
Branding is the identity of a product: its logo, colours, typography, tone of voice, imagery style and personality: everything that makes it recognisable and conveys what it stands for.
Good branding in UI builds:
- recognition: users instantly know this is FestConnect
- trust: a coherent, professional identity signals reliability
- emotional connection: a warm, festive terracotta-and-cream identity FEELS like a college fest, not a tax form
Branding is not just the logo: it is the consistent PERSONALITY expressed through every visual choice. It answers: what does this product look and feel like, everywhere?
Theory
Consistency: the identity, enforced
Consistency is applying the same design decisions EVERYWHERE, so the brand holds together. It has several kinds:
- visual consistency: same colours, fonts, spacing and components on every screen
- functional/behavioural consistency: the same action works the same way everywhere: a button always behaves predictably
- platform consistency: following iOS/Android/web conventions so the app feels familiar
- external consistency: matching what users expect from OTHER products they know
Consistency's payoff is reduced cognitive load: users learn the interface ONCE and reuse that knowledge on every screen. Inconsistency forces constant relearning: and quietly erodes trust.
Quiz
Why does consistency across screens improve the user experience?
- It makes the app file size smaller
- Users learn the interface once and reuse that knowledge everywhere, reducing cognitive load and building trust
- It lets designers skip user research
- Consistency only matters for the logo
- It makes every screen look identical and boring on purpose
Show the answer
Users learn the interface once and reuse that knowledge everywhere, reducing cognitive load and building trust
Consistency lets users LEARN ONCE and apply that learning across the whole product: a button that always looks and behaves the same needs no relearning, which reduces mental effort and builds confidence and trust. Option A confuses design consistency with technical file size. Option C is false: consistency complements research, never replaces it. Option D shrinks it to the logo, when it spans colours, components, behaviour and conventions. Option E misreads consistency as monotony: it means predictable PATTERNS and identity, which coexist with variety in content. The core benefit: predictability lowers cognitive load and raises trust.
Think first
How do big teams stay consistent?
FestConnect grows to 30 screens built by several people. Keeping colours, buttons and behaviour identical by hand is hopeless. What professional tool solves this, and how? Then tap.
Show the answer
A design system (or style guide): a documented, shared LIBRARY of reusable components (buttons, cards, inputs), defined colours, typography, spacing and usage RULES, that everyone builds from. Instead of each designer/developer inventing a button, they all use the ONE defined button component, so consistency is enforced by REUSE, not vigilance. It scales consistency across large teams and many screens, speeds work, and documents the brand. (This is exactly what real products, including the platform hosting this lesson, use: a named design system with tokens and components.) The professional answer to 'how do you stay consistent at scale' is: build and use a design system.
Watch out
Branding/consistency slips
Branding = just a logo: it is the whole personality (colour, type, tone, imagery), applied everywhere.
Inconsistent components: different button styles/behaviours per screen force relearning and erode trust.
Ignoring platform conventions: fighting iOS/Android norms makes an app feel alien.
Consistency mistaken for monotony: predictable PATTERNS, not identical content; variety lives within a consistent system.
No design system at scale: hand-maintaining consistency across many screens fails; document and reuse.
Theory
Unit 4 closes: it looks and feels right
FestConnect now has a clear structure (Unit 3) wearing a coherent, branded, consistent visual identity (Unit 4): readable, ordered, recognisable, trustworthy. But 'looks good and works for me' is still not proven for REAL users. Unit 5 closes the loop the whole subject has been building toward: TESTING it properly, ITERATING on the feedback, and making it work for EVERYONE through accessibility: then a final case study. Design made; now, validated.
Summary
Key takeaways
- Branding is a product's identity (logo, colours, typography, tone, imagery, personality) that makes it recognisable and builds trust.
- Consistency applies the same design decisions everywhere, holding the brand together.
- Kinds: visual (colours/fonts/components), functional (same action behaves the same), platform, and external (matching user expectations).
- Consistency reduces cognitive load: users learn once and reuse that knowledge; inconsistency erodes trust.
- Branding is more than a logo: it is a consistent personality across every screen.
- A design system (documented reusable components + rules) enforces consistency at scale.
- Memory hook: one identity, everywhere the same: learn it once, trust it always.