Web Typography Principles

Interestingly, web design entered the mature stage in which not all technical possibilites are demonstrated, but in which the user is in the centre of attention. Matt Cronin wrote an article a while back which is still highly interesting: 10 Principles For Readable Web Typography. His suggestions become ever more important for any software running in a browser, blurring the lines between stand-alone software and a website.

The principles Matt suggests are:

  1. User-Friendly Headers
  2. Scannable Text
  3. White Space
  4. Consistency
  5. Density of Text
  6. Emphasis of Important Elements
  7. Organization of Information
  8. Clean Graphical Implementation
  9. Use of Separators
  10. Good Margins

Some of them are applications of basic design principles, but nonetheless I agree with all of them.

What is good design?

I guess that every product manager knows that good design goes beyond aesthetics. Although for software products, there are less technical restrictions to the design of the user interface than to tangible products, good design rules apply to software user interface as well.

Dieter Rams is a well-known German designer. His “10 Principles for Good Design” are a very good read on what purposes design has apart from making something look good. I find the principles about being unobtrusive, yet guiding the user, highly important for any product. Vitsoe has nice examples for each of the principles.