< Design Pattern Library
Shifting Alignments

Price/feature comparison charts are handy for users—but this one could be misleading. The problem is that the column alignment shifts – the bold service level headers and “Select” buttons are not in alignment with the price comparison. The pricing information for the 40Mbps service could easily be mistaken for the 20 Mbps service. Particularly for users that look first at the pricing information and then scan upward, this design could result in incorrect plan selections.

price chart