Figure 2.

The figures illustrate relevant steps of our iterative design process. The first phase resulted in a global composition design that accurately reflects the content structure (grid layout on the left). In a next step, the design was optimized through additional dimensions such as color, visual language elements such as icons, and illustrations (prototype on the right).