nocnoc.com 06/06 : order management

product designresearch

Conceptual Design
Information Architecture
Wireframing
Visual Design
Usability Testing

PROJECT UNDER
NocNoc.com

DURATION
2 weeks 

The last significant things to focus on in the order management system include job listing page, and order detail page.

these are necessary to run the order automatically from the start till the end. and also help the installer finds all needed information smoothly and manages all tasks successfully by themselves.

When installer enters the Web App, we want them to...
👉🏿 Know what task installer needs to do at a glance
👉🏿 Eager to clear all of the prioritized tasks and clear them easily
👉🏿 Aware the updates from notification
👉🏿 if there is no task here, installer should know what they need to do to get the task

And when they tap to all job pages, we want them to...
👉🏿 See all projects they have based on project status
👉🏿 Find the project they would like to see the detail easily
👉🏿 See status update of the latest order of each project easily

And when then tap to see more detail button of their focused customer, we want them to...
👉🏿 See the important detail of this stage of work
👉🏿 Not be overwhelmed by other information
👉🏿 Can create quotations at every stage of work
👉🏿 Can create survey appointment
👉🏿 Go to Chat easily
👉🏿 Collect order history of the project with a timeline

This wireframe is our first draft in Miro. We use it as a tool to communicate to stakeholders before designing.

After the useability testing and interview session is done, we had found that...

👉🏿 Installers don’t want to see only today‘s and tomorrow’s jobs, they want to see all jobs they have and sort by start working date or status to help them find it easily.
👉🏿 Each installer wants to see the job in advance differently depending on how big the site is and how long it takes because they have to prepare their crews and product due to the job site.
👉🏿 When installers press the start job button, they don't expect to see the job detail since they commonly go into the job description before they press the button.

VISUAL DESIGN

Here is the UI revised flow of the job listing page after UT.

After all main and critical features were designed, our internal team have similar agreement to cut some minor feature in the first launch of new service 2.0 because limitation of time and team. Moreover, we need to communicate this new system's scope of work to admin and operation team, which is one of the main key players on the home service system, resulting in us creating a service blueprint in order to communicate to both internal and external teams to make sure that everyone is on the same page.

In addition, to illustrate PM who will have to decide the direction of which features should be addressed for the next development