An independent archive of typography.
to participate.

Topics

Formats

Typefaces

TIM online textbook

Contributed by Lisa Staudinger on Jul 30th, 2020. Artwork published in .
    TIM online textbook 1
    Photo: Lisa Staudinger. License: All Rights Reserved.

    Custom interface re-design of the online platform “TIM – The Interactive Material” for Aalto University. TIM is an online textbook platform that enables teachers to share not only written content, but also give students interactive exercises to further explain the lessons.

    The re-design, done by Lisa Staudinger, was focused on improving the legibility of the textbook material on screen, as well as increasing the attractiveness of the platform for teachers and students alike. A combination of Source Serif Pro, Source Sans Pro and Source Code Pro was chosen for this task.

    With its highly readable shapes even in small sizes, and extensive number glyphs (many lessons on the platform contain complicated mathematical formulas), Source Sans Pro proved the perfect fit for the body text and additional UI elements. Headlines set in Source Serif Pro compliment the body text, and add a classic touch not often found in digital online learning materials. Source Code Pro is used for code snippets and exercises, since much of the material on the platform is programming related, as well as to clearly separate user comments from the main content.

    The redesign had to be mostly cosmetical, without touching the actual underlying site-structure, as the custom Aalto University version had to stay as compatible as possible with the main branch of the platform at Jyväskylä University.

    Screenshots from “Object-oriented programming in C++” and “Basic Course in C programming” courses, CC BY-NC-SA 3.0 Pasi Sarolahti, Essi Jukkala, Jussi Hietanen.

    TIM online textbook 2
    Photo: Lisa Staudinger. License: All Rights Reserved.
    TIM online textbook 3
    License: All Rights Reserved.
    TIM online textbook 4
    Photo: Lisa Staudinger. License: All Rights Reserved.
    TIM online textbook 5
    Photo: Lisa Staudinger. License: All Rights Reserved.

    Typefaces

    • Source Sans
    • Source Code
    • Source Serif

    Formats

    Topics

    Designers/Agencies

    Artwork location

    Post a comment