Design User Interface
Overview
This page provides the details on designing the transactional user interface and performance dashboards.
Steps
Design Transactional User Interface
Identify the points different roles interact with the system from the process model.
DIGIT UI design guidelines are available here.
FIGMA designs using the above Guidelines are available here. Feel free to copy and modify as per your needs.
DIGIT UI Accelerators available in React and Flutter implement these Guidelines as reusable components and UI frameworks. The entire source code is open and available here.
Design Performance Dashboard
DIGIT Decision Support Dashboard (DSS) looks like below.
Each of the widgets corresponds to one service and that displays basic performance metrics for that service. This can be further drilled down to the below view for deeper analysis.
The performance metrics and dimensions identified of the service can be mapped to different available visualizations in DSS.
Last updated
