I would like to match demand and supply keeping in mind the resource and component availability.
User journey
Understanding the bigger picture is essential to design the app flow
Primary Flow
Detailed Flow
Design Considerations
Points based on prior research and user feedback that was taken into consideration while designing the enhanced experience
(i) PROVIDE A FRESH FLAVOUR
The new application release focuses on getting new users onboard and it is essential to create an interface at appeals to new-age users.
Providing an experience that matches to their expectations was indispensable.
(ii) CLEAR DIFFERENTIATION
The planning and scheduling process requires the user to be a quick decision-maker. Hence, it is essential to differentiate between the graphical elements in order to take immediate action.
(iii) MORE IS SIMPLE
The users require a majority of the information upfront as this provides them with an overview at a glance and quick identification of the issues. Additionally, users in major manufacturing industries work with multiple screens. Considering this it is essential for the users to see more data on the screen which would help in the simplification of processes.
(iv) FAMILIARITY IS KEY
Since most of the power users were well-versed with the SAP GUI interface, it would be difficult for them to quickly adapt to a completely new interface. To ensure this, familiarity with the old interface by using conventional terminologies, visual attributes was incorporated.
Design Implementation Model
The app design involved checks on technical feasibility, business requirements, and UI consistencies.
Hence there were tight collaborations with the control team, product development team, domain experts as well as guideline design teams to review the designs. This required continuous conceptualization and iterations.
Design
Collaborate
Review
Test
Iterate
Application Structure
The application consists of 3 main components:
Filter bar -
The user can filter the data from backend using the filters. The user can view or hide or apply multiple filters
using adapt filter dialog.
Gantt Chart -
Operations pertaining an order are displayed on a time axis. The user can change the time horizons using simple zoom in/zoom out interaction
Table -
The sequence of operations is shown in a linear vertically scrollable fashion. The user can also view and compare the attributes of an operation which cannot be viewed in the Gantt chart visualization.
Initial Design Prototype
The initial design proposal was visualized and an interactive prototype was created.
Limitations
The initial design proposed had a few technical limitations such as the interaction between the Gantt chart and table.
Final Design
Final application design after tests and feasibility checks.
