Online Order Management System

2021, Order System design, Taipei

Overview

This project is to assist customers in the integration and functional optimization of domestic and foreign order systems, and optimize the company's core services that highlight customers, and help users in different roles improve the efficiency of order management.

ROLE

UI/UX designer (Backend)

DATE

2021/01 -2021/12

DELIVERIES

Concept development
UX strategy
User flows
Wireframes
User experience
User interface

TEAM MEMBER

  • Anchi Hsin, UX designer (Backend)

  • Grace, System Architect

  • Nicole, QA

  • Developer (Backend+Web), 4 members

  • Yuchi Chou, PM

Design Process

Qualitative research & analysis

A deep look into the problem. What are users saying?
We have studied the experience of the order and management process, and collected user feedback, and iterate through User Interviews/Observations/Focus groups.

Here is a summary of findings:
- The search bar and home page banner are confusing — the search looked like a button and the banner felt still.
- Icons were not clearly understood — Navigation bar and Activities page.
- Order the new contact lens is most frequently used however it is a complex process to complete.
- Users wanted to process multiple bookings but the tech wasn’t available.

Persona

Challenges and goals

Pain Points Analysis

According to the initial evaluation of the original domestic and foreign websites, the more obvious user pain points.

Ideation for data visualization

Competitive analysis of medical and order system platform and define what's the best accessibility pattern for visualization to reveal the abnormality and to communicate insights

We set a basic design strategy based on feedback from 20 experienced doctors and customer service staff users. The overall goal here is to design an efficient and easy-to-use platform for collaborative ordering and fitting of contact lenses.

UX Wireframes

At this stage, we use wireframes to discuss with our stakeholders and better understand the features, user permissions, and types of information they want to know. We have created pages with different states and processes based on the information architecture.
(🌐 Provide online version )

Final design

After usability testing, we improved the design based on their feedback. And according to their choice of UI design style used in the final design.

Previous
Previous

Next-Gen. Global Forex Mobile App

Next
Next

Ruten Design Language