Inventory App: Product Design and Research
About the Project
Only after understanding a user’s context can you design her experience. Consider the context of a user managing a herd of cattle. How do her past experiences, current environment, and current emotional state affect how she perceives a new app that manages livestock inventories?Photo by Alaina McLearnon
Is she disappointed with the herd's performance? If so, why? Perhaps she struggling to estimate the number of young female cows (i.e. heifers) born each year.
Is internet access necessary to run such a calculation? Why? Maybe a rural facility doesn’t have reliable wifi or cell coverage.
Does she defer the task to another user? Why? Many times such tasks are performed by a visiting sales rep.
In the case of Dairy Herd Inventory Tool, the client’s sales reps had previously used a trusty, albeit clunky, spreadsheet to perform calculations when visiting their customer’s rural facilities. Although the spreadsheet provided a result, the experience of retrieving it was poor.
To improve the tool, we needed to marry users' input with the application's output within a helpful visualization. Visualizing calculations on screen proved difficult for both the rep and customer: data inputs were untethered to resulting outputs; smallish, static diagrams, describing the data were arcane and bewildering.
Understanding a user's context
A portion of a user flow demonstrating one of the various interactions between sales reps and customers
We remedied these issues by closely aligning inputs, outputs, calculations, and visualizations. The calculations were made automatically upon input field changes, providing immediate visual feedback to users. The previously unhelpful static diagram was transformed into a visual flow chart describing the calculation. The chart displayed the input and output fields as well as related information such as benchmark values. Users were able to directly correlate an input or output to its underlying step of the flow. And when used in a group setting, the visualizations were easily seen and understood by nearby viewers.
Wireframe of the new inventory app