This shows you the differences between two versions of the page.
|
en:mgp_3 [2010/11/15 10:12] |
en:mgp_3 [2025/09/25 13:37] (current) |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| + | ====== 3. Ergonomics ====== | ||
| + | In this chapter the general way to use the geoportal' | ||
| + | |||
| + | |||
| + | ====== 3.1 Page structure ====== | ||
| + | |||
| + | All the pages are composed of: | ||
| + | * **A header** : the horizontal stripe and one or more lines with general functions | ||
| + | * **A menu on the left side** : the specific functions of the geoportal | ||
| + | * **A principal part** : Static and dynamic information in connection with the actual function | ||
| + | * **A footer** | ||
| + | ====== 3.2 Navigation principles ====== | ||
| + | |||
| + | The navigation principles are the same on every site page. | ||
| + | |||
| + | On the 1st and 2nd level, the navigation is organized in the vertical navigation bar on the left side, with mouse-over effect and highlighting of the active link by means of color change from blue to orange. | ||
| + | |||
| + | {{ : | ||
| + | |||
| + | From the 3rd level downwards, navigation is incorporated in the page contents. | ||
| + | |||
| + | {{: | ||
| + | ====== 3.3 Presentation of the content pages ====== | ||
| + | |||
| + | The pages generally display a frame with a title composed of: | ||
| + | * the function of the superior level | ||
| + | * the actual function | ||
| + | |||
| + | {{: | ||
| + | |||
| + | |||
| + | On the 1st navigation level, the pages contain a brief presentation of all the 2nd level functions. | ||
| + | |||
| + | On the 2nd navigation level, the pages contain the specific information for the actual function. | ||
| + | ====== 3.4 Footer ====== | ||
| + | |||
| + | {{ : | ||
| + | |||
| + | |||
| + | === Top of the page === | ||
| + | By clicking on the link mentioned above, the user can go back to the top of the page. | ||
| + | |||
| + | === Other information and copyright === | ||
| + | At the bottom of every page, on the right, the following information is displayed: | ||
| + | * © Editor | ||
| + | * Legal aspects concerning the use of the website | ||
| + | * Contacts | ||
| + | ====== 3.5 Languages ====== | ||
| + | {{ : | ||
| + | |||
| + | |||
| + | The geoportal is multilingual : Luxembourgish, | ||
| + | |||
| + | |||
| + | ====== 3.6 Paginated lists ====== | ||
| + | |||
| + | {{ : | ||
| + | |||
| + | All the lists with search results are paginated and contain the information split into different pages. The properties of the list contents are displayed: | ||
| + | * Total number of items in the list | ||
| + | * Links to the different list pages, where the actual page is displayed in bold characters | ||
| + | * Arrows to open the page before, or the next page | ||
| + | * A button to display the complete list without pagination | ||
| + | |||
| + | ====== 3.7 Sort ====== | ||
| + | |||
| + | {{ : | ||
| + | |||
| + | |||
| + | All the lists can be sorted by any of its columns, either in ascending or descending way. | ||
| + | |||
| + | After being sorted, the list is reinitialized and the first list page is displayed. | ||
| + | |||
| + | ====== 3.8 Tags ====== | ||
| + | |||
| + | {{: | ||
| + | |||
| + | To clearly present the contents, tags are frequently used. | ||
| + | |||
| + | Every tag header reacts to clicking. When a new tag is opened, the fields in the actual tag are automatically validated before switching to the new tag. | ||
| + | |||
| + | |||
| + | ====== 3.9 Actions ====== | ||
| + | |||
| + | FIXME | ||
| + | |||
| + | |||
| + | The different actions that can be done at a certain stage are represented by hypertext links, whose clickable text explains the action. | ||
| + | |||
| + | The different options are simply separated by the character | ||
| + | |||
| + | Except for the very specific actions, the current actions will generally use the following terms: | ||
| + | * **Create** : to create a new entity | ||
| + | * **Modify** : to modify an existing entity | ||
| + | * **Validate** : to validate and store encoded values | ||
| + | * **Cancel** : to disregard the newly encoded values and restore the original values in the fields | ||
| + | * **Back** : to go back to the element before or to the upper level | ||
| + | |||
| + | The text is completed by an indication of the entity on which the function operates. For example "Back to the order list". | ||
| + | |||
| + | ====== 3.10 Colours ====== | ||
| + | |||
| + | {{: | ||
| + | |||
| + | |||
| + | A simple colour code is used in the interface, to specify the current state: | ||
| + | * **Blue** : validated and inactive part | ||
| + | * **Orange** : activated part currently undergoing modification | ||
| + | |||
| + | Note : For tags without any content, the text remains blue and italic, and will not be reactive to clicking. | ||
| + | |||
| + | ====== 3.11 Procedures with multiple steps ====== | ||
| + | |||
| + | {{: | ||
| + | |||
| + | For complicated procedures with an important number of intermediary actions, the user is guided through different steps like shown in the example. | ||
| + | |||
| + | The steps already passed and validated are indicated in normal font, the current step in bold font, and the next steps in italic font. | ||
| + | |||
| + | At every moment, the user can go back one ore more steps by simply clicking on the link of the corresponding step. | ||
| + | |||
| + | ====== 3.12 Warning messages ====== | ||
| + | |||
| + | The geoportal exchanges information with its user. This can be data or information concerning the user's actions. | ||
| + | |||
| + | ===== 3.12.1 Information message ===== | ||
| + | |||
| + | When an action of the user does not give any visible result on the screen, the system shows a message to indicate that the action has been done with success. | ||
| + | |||
| + | {{ : | ||
| + | |||
| + | ===== 3.12.2 Error message ===== | ||
| + | |||
| + | In case of an error, when entering data, the system alerts the user that some rules have not been respected and specifies the problem that has to be corrected. | ||
| + | |||
| + | {{ : | ||
| + | |||
| + | ===== 3.12.3 Confirmation request ===== | ||
| + | |||
| + | The user sometimes has to proceed to actions which cannot be reversed. To evitate mistakes with heavy consequences, | ||
| + | This happes in form of a confirmation message to be validated by clicking on the « OK » button, or the « Cancel » button. | ||
| + | |||
| + | {{ : | ||