Interpretive plaques

The Definitions Room

Museums explain their terms to their visitors. These are the interpretive plaques for every word this museum uses.

User experience (UX)

The whole of what a person understands and feels while using something: before they begin, while they are in it, and after they are done.

The experience is not the screen; the screen is a trace of it. When an experience is called bad, what is usually meant is that the product asked a person to do the system's thinking for it.

تجربة المستخدمSource

User interface (UI)

The surface where a person meets a system: what they can see, what they can touch, and what they are able to do.

A good interface forgets itself. If a person notices the interface more than the task they came to do, something has usually gone wrong.

واجهة المستخدمSource

User research

Studying the people who will use a product — by watching, asking and testing — before decisions are made rather than after.

Research is not there to prove a design right. It is there to find out where it is wrong while that is still cheap.

بحث المستخدمSource

Wireframe

A preliminary drawing that fixes what appears on a screen and where, with no colour and no final typography.

A wireframe is left grey on purpose. Colour pulls the conversation toward taste, and at this stage the conversation needs to be about order and priority.

المخطط الهيكلي

Prototype

A version of a design that can actually be tried — enough to test an idea without building the whole product.

A prototype is valuable because it is cheap to throw away. One that has become too precious to discard has stopped being a prototype.

النموذج التفاعلي

Design system

The agreed decisions — colour, type, spacing, components — from which all of a product's interfaces are built, documented so that everyone uses them the same way.

A system is an agreement, not merely a component library. A library without the agreement becomes a collection of exceptions.

نظام التصميمSource

Right-to-left (RTL) design

Designing an interface that reads right to left, as Arabic does, so that direction, layout and motion are mirrored — not only the text.

The most common mistake is to translate the text and leave everything else in place: arrows point the wrong way, motion enters from the wrong side, and a gradient begins at what is now the end.

التصميم من اليمين إلى اليسار

Accessibility

Making a product usable by as many people as possible, including those using a screen reader or a keyboard alone, and those who see colour differently.

Accessibility is measured by what a product does, not by what it meant to do: sufficient contrast, a visible focus ring, alternative text, and a heading order that makes sense.

إمكانية الوصولSource