Software & apps · Practical guide

Keep labels when a mobile table becomes cards

A table can transform into stacked cards on small screens while losing the column headings. Visitors see several values without knowing which is a location, status or contact route.

Healthcare scheduling software, planning board and organised folders in a blue, white and orange office.
Choose software around the work your team needs to do.

What to change

Ask your supplier to preserve the meaning of every value when the phone layout removes the table's original column headings.

A worked example

Illustrative example

A contact record becomes a mobile card with explicit labels for Name, Preferred contact and Request status, retaining the meaning of its desktop columns.

Healthcare software workflow connecting task cards, a checklist and a database.
Map the work and the information it depends on.
Healthcare software testing with normal paths and a separate exception route.
Test the exceptions as well as the normal workflow.

Why this matters to your practice

Turning a table into mobile cards can improve readability, but the column headings must not disappear with the grid. A number or date still needs its label. Ask your supplier to show the same entry on desktop and phone and compare the meaning of every value. The mobile version should support the same decision without asking visitors to remember the original table. Include blank values and longer labels, since those cases often reveal missing context.

A practical review example

A desktop comparison may show a branch name, number and status under shared headings. In a mobile card, those headings can disappear and leave unexplained values. Ask your supplier to compare the same entry in both layouts and identify every piece of information in plain language. Include a blank value and a long label, because those can expose ambiguous spacing. The card should support the same decision without expecting someone to remember a header they never saw on their phone.

How to check the result

Accept when a visitor can interpret every mobile value independently of remembering the table's former header order.

A mistake to avoid

Automatically inserting labels through purely decorative styling can look correct while leaving the spoken version just as ambiguous as before.

Turn reading into a next step

Your action checklist

Work through these checks with your team or supplier. Tick the ones you have resolved and leave unknowns open.

Checks to discuss

Record what you know, what is still missing and the answer you need from your team or supplier.

Use project decisions only, without personal, patient or confidential details. Entries stay in this page and are not submitted to Kay & Co. Copy or download before leaving; this page does not save your notes.

Further reading

These sources provide background for the topic. The practice examples and checklist are illustrative planning suggestions from Kay & Co.

Related guides

Need help with this?

Tell us what is getting in the way. Kay & Co. can help you understand the options and turn the next step into something that works for your practice.

Explore software & apps services or discuss your project.

Try the free Healthcare Digital Planner to find your starting priority.