UI vs UX
UI is what the interface is made of. UX is what happens to the person using it. Confusing them produces beautiful products nobody can finish a task in.
Beginner6 min readVanshika02
Design
Why interfaces feel right or wrong, and the rules behind hierarchy, type, and design systems.
10 LESSONS
Why Does This UI Feel Wrong?
That vague sense that a screen is off is usually one of six specific, fixable problems. Here's how to name yours.
Beginner7 min readVanshikaVisual Hierarchy Explained
Hierarchy is deciding the order people see things in — and then making the screen enforce that order with size, weight, colour, and space.
Beginner7 min readVanshikaTypography Basics
Most of an interface is text. Getting size, spacing, line length, and contrast right fixes more than any font choice will.
Beginner7 min readVanshikaWhat Is a Design System?
A design system is a set of decisions made once, written down, and reused — so the tenth screen doesn't need the same arguments as the first.
Intermediate7 min readVanshikaColour Theory in Practice
Not the colour wheel. The four decisions that actually determine whether an interface's colour works: role, contrast, quantity, and consistency.
Beginner8 min readVanshikaAccessibility Basics for Designers
Most accessibility failures are design decisions, made early, cheap to avoid and expensive to retrofit. Here are the ones that matter.
Beginner8 min readVanshikaResponsive Design Principles
Designing one interface that works from a small phone to a wide monitor — by starting at the hard end and letting content decide the breakpoints.
Beginner7 min readVanshikaEmpty States and Error States
The screens nobody designs are the ones users meet first and at their most frustrated. Both are opportunities, and both are usually blank.
Beginner7 min readVanshikaForms That Work
Forms are where users give you something and where products lose them. Almost every rule that helps is about removing work, not adding polish.
Beginner7 min readVanshikaRELATED DEFINITIONS
UIUser Interface
Everything a person can see and interact with in a product: type, colour, spacing, buttons, icons, and layout.
UXUser Experience
What it's actually like to use a product: whether the person knew what to do, how long it took, and how they felt at the end.
WCAGWeb Content Accessibility Guidelines
The accessibility standard most regulations point at. Levels A, AA, and AAA describe increasing strictness; AA is the usual target.