Menu

Layout Faults and Improvements

Layout faults are the problems you can see in how the elements of a digital interface are arranged on a screen. They make a system harder to use and give users a poor impression, so spotting them and saying exactly how to fix them matters.

Spotting layout faults

Look for elements that are not lined up with each other (misalignment), gaps that are larger in some places than others (uneven spacing), and buttons or boxes that are different sizes when they should match (inconsistent sizes). An element that is not positioned correctly on the background, such as a text box that hangs over the edge of a coloured panel, is another fault. Using more than one font (mixed fonts) makes an interface look untidy. Words split with a hyphen across two lines slow readers down. Text that spills out of its shape (overflowing text) wastes space, and an element that is far too big for its purpose does the same. Both look unprofessional.

Writing specific improvements

Your improvement must say exactly what to change and where. For example, on a school timetable app, "set the gap between the lesson time and room number to 8 pixels and align both to the left of the card" is specific. "Make the timetable look neater" is not, because it does not say which elements to move or how. Generic answers such as "change the font" do not get credit either: they do not identify which font is the problem or what is wrong with it. Always link your fix to the fault, so if the fault is uneven spacing, name the items that should be evenly spaced and by how much.

Colour is not a layout fix

Changing colour is not a layout improvement; colour is a separate design consideration. Keep your layout suggestions about position, size, alignment and spacing.

Practise this