iOS Inventory Functionality

Image

Timeline

December 2018 - January 2019

My Role

UI/UX Designer

Team Members

- UI/UX Designer (John Drach)
- UX Researcher (Sean Baxter)
- Product Owner (JJ)

Tools

Image Image Image

Summary

Inventory is one of the main tools a sales person needs in order to provide accurate responses to his clients. Also inventory helps to identify future state of certain products and availability, that means the sales person require to know if one product is available in order to reserve it.

Problems

For the context of this company the inventory is a set of data that is very complex specially during busy season because the rotation sometimes is too fast that is almost imposible to keep track of what is available plus the only tool they have to check inventory updates every 24 hours so the accuracy is very low. The second biggest problem we found is that the inventory depends on rhe location of the sales person, so it will change from place to place because you require information from different branches of the company.

Solution Requirements

0%

19 of 20 Sales Persons said they find inventory being one of the most important tools on their daily basis.

As a Sales person I want to be able to refresh the inventory in real time.

    As a sales person I want to be able to set up a specific branch to see te inventory of that location.

    As a sales person I need to be able to view inventory for each product available in my catalog.

    User Flow

    After defining the problems and the requirements (aligning business and customer goals) in order to provide useful designs for our team, my first step was defining the user flow and how to integrate this functionality with the other parts of the app already built.

    Image

    Paper Prototype

    Once we had the user flow and how to incorporate that new functionality I created the first low quality prototype to discuss design guidelines , spacing and viability of the project.

    Image

    High Quality Prototype

    Designing according our UI kit, UI guidelines and incorporating the iOS design system

    Image

    User testing with Invision Prototypes

    Using "Craft" plugin for sketch I created hotspots in some of the screen that allow me to test the functionality of the inventory in context, we need to make sure we are adding the service in the right place and for that reason is a good idea to provide some screens before the one we needed to test. We exported the prototype to Invision and then tested with 20 end users.

    Feedback Analysis

    Re Design - Iterations

    User Testing - Iteration

    Decomp Sessions with Dev Team

    Once we had a better and more useful approach to the solution, we had a meeting with the iOS dev team to evaluate the level of effort that this design will take in terms of development time and resources. We do this with every design we get after the user testing iterations, in most of the cases the Dev team is involved in all the process as well to evaluate the viability of the solutions but is just at the end when we calculate time and resources.

    People ignore design that ignores people.
    Frank Chimero, Designer

    Nico Botero 2019

    Image