Present Two Options without a Dense Table

Make a comparison usable on narrow screens.

The reading problem

Make a comparison usable on narrow screens.

A concrete example

A wide grid for two meeting venues may become awkward on a phone. Two short sections using the same labels—cost, travel, capacity—can show the same comparison in a linear order.

Try this edit

List the decision criteria first. Give each option the same labels in the same order. Finish with a plain statement of the unresolved trade-off; do not disguise a preference as a measured fact.

Proof on the page

Set Room A and Room B as two consecutive sections. Under each, repeat the labels “Travel,” “Capacity,” and “Cost” in that order, with short values. On a phone, read both sections from top to bottom and ask whether a reader can compare the same criterion without horizontal scrolling. If a number is unknown, leave a visible “not confirmed” instead of a blank cell.

Where the method stops

A linear layout is not automatically better than a table. Some readers need side-by-side comparison, especially with many criteria. Keep the choice small here, and if you use an actual table elsewhere, mark up headers correctly and test it at narrow width. Do not make a recommendation until the deciding criteria are agreed.

Primary reading

These W3C sources inform the general method; they do not certify this guide or your document.