Docs: Activity Arrangement

Mon, 01 Jan 0001 00:00:00 +0000

This function it is used, if a user finds that the sequence/order of the activities and courses is important therefore, she/he like to put them in the right sequence, in order to maximize the courses or activities output.

The user is able to create, edit and delete certain categories and activities and to drag n drop them wherever he likes. The new order/sequence is automatically saved.

Docs: Forms & Fields

Mon, 01 Jan 0001 00:00:00 +0000

As a user I am offered a complex form. In this form I have to fill in various input fields. My entries are constantly validated and the save button remains without function until all entries have been made correctly. All data is clearly arranged and provided with a label.

Certain rules a form has to follow:

Validation

Relevant fields have to be validated immediately.

Field-length

The length of a field depends on the input

Position

All fields are aligned underneath each other in one column

Labels

A label should be displayed above its field

Letters & Numbers

Certain fields should only allow letters and numbers if needed. (for ex-ample, phone number)

If a formular gets too long, it should be separated into more pages with steps.

Required Fields

Required Fields are marked with *
If all fields are required, the * should not be visible
If there are more required fields than optional fields, the optional fields should be required instead with the (optional) tag

UX/UI Demo Documentation – Technical Demos