An Iteractive Path on App Design

At JDA Software, I lead this mobile app design project as the User Experience Product Owner. What made me proud and excited about this project was that we were able to apply the iterative design approach and ended up with positive customer feedbacks. 

Screen Shot 2018-04-17 at 4.55.55 PM.png

The Design Challenge: Transferring Existing Experience from Dated RF Device to Modern Mobile Device. 

Informed with business vision for this development project and both internal and external stakeholder interviews, we summarized our Design Themes to the following 4 perspectives: 

  • Save cost in purchasing and maintaining device

  • Increase productivity through reduced clicks and clarified workflow 

  • Reduce training time with graphical interface and intuitive interactions, especially for millennium workers

  • Enable two-way communication between warehouse associates and supervisor 


An Iterative Design Path Integrating Design with Research.

Here's an overview of our design activities. 

 

We followed an iterative model to evolve our design.

This closed loop helped us to inform design with research insights, to expose our design to get feedbacks and then feed those feedbacks back into our design.

Screen Shot 2018-04-04 at 4.03.19 PM.png
 

Step 1. We studied the context, documented current picking flow and built empathy at site visits. 

 
 
 

Step 2. I abstracted my learnings in to activity map and journey map.

My passion in infographic design drove me to restructure my learnings from user study, and turn them into a visual format. Those infographics help me to share my knowledge to more stakeholders and make alignment across the organization.  

 
Warehouse Activity Map_Page_01.jpg
 
 

Step 3. Before the design workshops, I drew storyboard based on my learning from user research. At the workshop, I collected requirements from stakeholders. Then I created wireframe accordingly.

 
IMG_9598.JPG
 
 

Step 4. User Testing with Context Simulation

We conducted user testing with our customer focus group. To simulate the real use context, we prepared some work tasks, cases and product. So the user get a chance to try our prototype with a real work task.  

 
Screen Shot 2018-04-17 at 10.12.27 PM.png
IMG_5775.JPG
 

Step 5. Update design based on testing feedback

 
Screen Shot 2018-04-17 at 10.22.36 PM.png
 

Design Solution Validation

Quantitative Validation - 40% time reduced for the same work

Through usability testing, the new design proved to reduce 40% time spent on the same type of work compared to the old version.   

Previous user flow                              VS.                                     New user flow

Screen Shot 2018-04-17 at 10.41.05 PM.png
Screen Shot 2018-04-17 at 10.40.48 PM.png
 

Qualitative Validation - UX heuristic review

Screen Shot 2018-04-17 at 10.38.02 PM.png

Follow-ups for This Project

Defined Cross-device Strategy


Set up a usability testing lab to simulate authenticated warehouse context.


In addition to project scope, I lead a further design research project to explore the impact of gamified interface on employee engagement. We collaborated with the research lab in University of Waterloo on concept validation.

 

Screen Shot 2018-04-11 at 10.42.46 AM.png
Screen Shot 2018-04-16 at 2.55.55 PM.png