Skip to content
Get a quote

Madrid · Community of Madrid

UI/UX design in Madrid

Technical information arrives as a table, and a table is the one layout that does not adapt to a phone. The usual outcomes are text shrunk until it cannot be read, columns silently cut off, or a page that scrolls sideways and takes the whole layout with it.

A drawing of a design system for a Madrid store being measured: type sizes, colour tokens, component states and a contrast reading above the WCAG 2.2 AA threshold.

The subjectui-ux-design × madrid

Specification tables that survive a narrow screen

There are three honest approaches and each suits a different table.

A two-column table of property and value needs almost no adaptation and simply stacks, which covers most product specifications. A wide comparison table works best scrolling horizontally inside its own container, with the first column held in place so the reader always knows which row they are on — and with something visible indicating that more exists to the right, because a scroll nobody knows about is a column nobody reads. A very large table is often better replaced on small screens by a summary and a route to the full version. What none of them should do is scroll the entire page sideways, which breaks every other element and is the most common result. Two details finish the job: a caption saying what the table contains, and proper header cells, so somebody using a screen reader hears which property each value belongs to rather than a stream of unattached numbers.

We have no office in Madrid. Our studio is in Rajkot, India, and every project here is delivered remotely — if a supplier who can attend your premises matters to you, that is a fair requirement and we do not meet it.

What a UI/UX design project includes

Three things, and they are the same wherever you are. What changes is the subject above.

  • UX audit against a published checklist

  • Redesign of the highest-revenue templates

  • Design system and tokens, where they earn their cost

The other three, and what each one covers

Each answers a different question for Madrid businesses. None of them repeats this page.

UI/UX design questions from Madrid

Three questions about the subject above. How we work, what it costs and who owns the code are answered on the service page.

What is the most common mistake?

Letting the table scroll the whole page sideways. It breaks every other element on the screen and it is what happens by default, so a wide table needs its own scrolling container rather than being left to push the layout around until somebody notices on a phone.

How should a comparison table behave?

Scrolling inside its own container with the first column held in place, and with a visible indication that more exists to the right. A horizontal scroll nobody knows about is identical in effect to a column that was never published in the first place.

What is needed beyond the layout?

A caption and real header cells. Without them, somebody using a screen reader hears a stream of values with nothing attaching each to the property it describes, which is a table reduced to a list of unexplained numbers — technically present and practically useless.

Get in touch

Planning UI/UX design work in Madrid?

Tell us what you are building and we will come back within one business day.

Invoiced in
EUR
Office in Madrid
None
Reply time
Within one business day