The layout should be responsive to different use cases and screen sizes and provide a good overview of the information and elements that are relevant for the respective task the user is working on. A lack of overview and not so easy use can lead to errors. A poor user experience reduces concentration and productivity.
Some colleagues have to use their company laptop (with a smaller screen) at home, which makes the question of good use of space on the screen even more important.
(Future:) Users may also want to use Kitodo on a tablet or device with touchscreen.
Suggested solutions
A review of the layout to make better use of the available space and to make it easier to use on different screens would be desirable.
Test whether all functionalities also work on smaller screens, e.g. overlapping cells
Better use of the space, e.g.
Give more space to the content than to headers and footers. In the current version, the website header and footer in combination with the content header can take up half of the screen on smaller screens, e.g. 15.6'' screen size. Even on a bigger screen (23.8') the header and footer can take up up to one third of the screen. Especially more space and more effective design of the structure tree in the metada editor: the display of a structure tree with an average number of elements is incomplete even on a bigger screen (23.8'). In Kitodo 2 the layout provides a complete display even on a smaller screen (15.6'').
Reduce the space between the input fields and buttons
Dropdown menu for the role set (Person's role) like in Kitodo 2
Inline scroll areas instead of inline scroll panes within windows (e.g. template 2, pagination 1)
Disadvantages of inline scroll pane within a window: lack of overview, invisible content, scroll hijacking, more scrolling → leading to mental overhead
Comparing scrolling between Kitodo 3 template (2 inline scroll panes within windows) und Kitodo 2 (1 scroll area) with browser bar and task bar (Ex. short data set monography): Kitodo 3 requires more scrolling than Kitodo 2, especially on a smaller screen.
Additional context
scroll panes within a window: "Users are often perplexed by inline scroll areas because they introduce nested scroll panes, with any inline scrollable areas being placed within the larger scrollable area of the webpage. It’s scrollable areas within scrollable areas – like nested dreams in the movie Inception!" Avoid Inline Scroll Areas (26% Get it Wrong) – Articles – Baymard Institute
Related Issues
Expected Benefits of this Development
A clearer and easier to use layout leads to fewer errors during metadata input and final review and improves the user experience, usability and accessibility.
An effective layout is an important component of (metadata) quality management.
solth
commented
6 months ago
Description
The layout should be responsive to different use cases and screen sizes and provide a good overview of the information and elements that are relevant for the respective task the user is working on. A lack of overview and not so easy use can lead to errors. A poor user experience reduces concentration and productivity.
Some colleagues have to use their company laptop (with a smaller screen) at home, which makes the question of good use of space on the screen even more important.
(Future:) Users may also want to use Kitodo on a tablet or device with touchscreen.
Suggested solutions
A review of the layout to make better use of the available space and to make it easier to use on different screens would be desirable.
Test whether all functionalities also work on smaller screens, e.g. overlapping cells Better use of the space, e.g.
Inline scroll areas instead of inline scroll panes within windows (e.g. template 2, pagination 1)
Additional context
scroll panes within a window: "Users are often perplexed by inline scroll areas because they introduce nested scroll panes, with any inline scrollable areas being placed within the larger scrollable area of the webpage. It’s scrollable areas within scrollable areas – like nested dreams in the movie Inception!" Avoid Inline Scroll Areas (26% Get it Wrong) – Articles – Baymard Institute
Related Issues
Expected Benefits of this Development
A clearer and easier to use layout leads to fewer errors during metadata input and final review and improves the user experience, usability and accessibility.
An effective layout is an important component of (metadata) quality management.
Estimated Costs and Complexity