Reinout Tiekstra

Strategy and Design of Products and Services

› Menu
Theorie & bronnen

Theorie & bronnen

Introduction

Noordhoff Uitgevers is making a gradual transition of their educational content from print to digital. They started by building a proprietary Learning Management System on a Flash-based framework. Because of the rise of the tablets and the BYOD trend in schools the publisher felt de need to port the system to HTML5. 

client

Noordhoff Uitgevers

role

Interaction & visual designer

Strategy

Noordhoff Uitgevers is making a gradual transition of their educational content from print to digital. They decided to port their learning system from Flash to HTML5. The design needed to conform to the style guide of the new learning system. The content management needed to be simple and flexible. We developed four xml-templates to do the trick. 

Design

The content needs to look good on a tablet, desktop and digital schoolboard. Different screen sizes and browsers. We chose to use several breakpoints. The presentation of the content adapts to the screen size.

There are four presentation forms the student can encounter to explore the additional content of a subject:

  • Wordcloud
  • Carousel
  • Mindmap
  • Hotspots

Wordcloud

Carousel

Mindmap

Hotspots

Mediabox
The mediabox is filled with an assortment of media: text, video, audio and pictures related to a subject.