A module consists of chapters and pages. This is how you start:

  1. Go to the 'Catalogue' menu and click on the button + Create to start creating a new piece of content
  2. Select 'Module or questionnaire' in the dropdown menu
  3. Give you module a title and click on 'create'

Once you have made your module your can start adding chapters and pages.


Chapter

When you created a new module you start with a blank sheet. Here you can start editing. In the left column you can manage your chapters. You can:



Pages

1. Add a page to the chapter

You add pages to the chapter by clicking on the icon of a sheet of paper (no. 1 screenshot).


2. Add a title to the page

Each page begins with a 'Title'. As an editor you have the option to leave out the title, but it's important never to do so. The title is used to display what the previous page was, so that the end user can scroll back (no. 2 screenshot).


How to use the editor

With the editor you can add content to your page. You open the editor by clicking on the + icon in your page. Several options appear. From left to tight the options are:

  • Title
  • Text
  • Block
  • Info block
  • Tip block
  • Quote
  • Multimedia
  • Open question
  • Answer (set or choice)
  • Numerical answer (slider or entry field)
  • Duplicate previous element



Guidelines for making attractive pages

Visual elements on the page

The title is almost always followed by a paragraph of text (psycho-education or the introduction to an exercise), a tip/block/quote and a video or exercise. To keep the personal route attractive, always use at least one visual element on each page. Visual information helps a user to quickly understand certain information and to better recall that information. With visual elements, you can set expectations and direct what is brought into short-term memory, by choosing predictable associations. That's why it's important not to choose visual elements randomly. Users will get frustrated if a visual element doesn't match the content, reaching the opposite effect (e.g. confusion), and making the information more difficult to understand. Within modules you can work with the following visual elements:

  • Multimedia (video, audio, animation)
  • Highlight block
  • Info block
  • Tip block
  • Quote
  • Exercise: text area or choices


Example of a hightlight block


Example of an info-block


Example of a tip-block


Example of a quote-block


End users appreciate visual elements, but make sure you don't use them randomly. Users will get frustrated if a visual element doesn't match the purpose of the chapter or contributes to a better understanding of the information


Can I use an (info- or tip-)block without introductory text?

You can choose to go straight from title to info block without adding any text in between. This is a valid choice if adding extra text would be abundant and only done for form. For example, when you only want to add a video with a tip block above it. Do consider if it really isn't desirable to add some text. A 'bridge' between the previous content and the new content often creates a better flow.


The length of a page 

Optimally, scrolling on a page is kept to a minimum: end users prefer short and clear pages. Nevertheless, user research consistently shows that end users prefer that information that belongs together be presented together (e.g., introductory information and exercise on the same page, video clip belonging to certain psycho-education or a long list or overview on one page). If it belongs together, having to scroll is forgiven. There are some grey areas, so try to decide what is most fitting for your page while keeping these general guidelines in mind:

  1. Offer the user only one topic per page
  2. Present all the information that is needed to understand a concept or do an exercise on one page


The first page of a module

Start every module with an introduction-page. In general, this page starts with a header of the module title (no longer a quote!), an image and a short paragraph of text introducing the subject of the module. This way, the end user knows what to expect. 


Preview your module

Want to see what your module will look like for clients? Take the following steps:

  1. Go to 'Preview' in the menu
  2. Open a chapter by clicking on it and click on a page
  3. You now see the page as it will be presented to the client. Click 'Next' to go to the next page. 


screenshot of where to click on to see the preview


screenshot of what you see when you click on a page in the preview