Do you use bold text and indentation, instead of dividing lines?

Last updated by RebeccaLiu over 9 years ago.See history

Many applications have a lot of content on each form. If this is the case there needs to be some way to separate certain sections. To achieve this separation Microsoft (and therefore most developers) uses separating lines, but this UI is not perfect because:

  • It creates additional visual clutter
  • It is hard to maintain

We recommend using bold instead of dividing lines because:

  1. Bold stands out
  2. Indentation is more important
  3. Developers are not good at keeping the lines aligned - you could create a .NET custom control to do this - but Microsoft do not provide one

    • The dividing lines create additional visual clutter (ever so slight)
    • Each line creates additional performance implications (ever so slight)

Figure: Bad Example - This is the Tools - Options from Internet Explorer and it groups each section in a groupbox - busy UI.

Figure: Bad Example - This is the Tools - Options from Outlook and it uses dividing lines for each section.

Figure: Bad Example - This is an old screen from Code Auditor - the dividing lines are not required.

GoodDivider
Figure: Good Example - This is the new screen from Code Auditor - the bold title and indenting are the best way to show the sections.

We open source. Powered by GitHub