Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Version History

« Previous Version 3 Next »

This guideline will give comprehensive insights on how to develop a consistent, user friendly and accessible new openIMIS frontend module.

Content

01 Introduction to openIMIS’s Design

The following section will give you a short overview of the as-is situation of openIMIS’s user experience (UX) and user interface (UI). Therefore, we will introduce you to the current situation of openIMIS’s frontend, the found potentials and problems as well as the objectives of having this Design Guideline in place.

Current Situation (Release 2024-10):

Based on the Project Student Project 2024 UI/UX the UI and UX of openIMIS were evaluated. The approach included three different methods to collect information about the usability of the software. The first method which was applied was a user survey to get direct, anonymous feedback on the overall frontend. Secondly, a usability testing phase was done, including three attendees. Lastly, the current state of the UI/UX were checked against standardized heuristics.

The outcome of the evaluation can be found here: 02 Potentials & Problems.

As a result of the analysis it can be said, that openIMIS does already implement several design elements to enhance the user experience. With a moreover consistent UI and “Material Design” as a baseline framework, it isn’t mandatory to completely implement a new design strategy. That’s why the following design guideline will help developers to implement new frontend modules, still based on the current openIMIS design-

Potentials and Problems:

As mentioned in the section before, potentials and problems were found during the analysis. All possible enhancements were documented (List of findings). All findings were checked against an evidence or observation. Lastly, recommendations to solve those problems were invented and documented as well.

Objectives:

The following Guideline will have the objectives mentioned below:

  • Ensure a consistent UX/UI of openIMIS

  • Introduce the design principles of the software to new developers

  • Providing information to develop new frontend modules

  • Enhance accessibility and efficiency of the openIMIS platform

02 General principles

03 Branding overview

04 Navigation Guide

05 UI-Component Guide

06 Accessibility Guide

  • No labels