Coming onto this work, I didn't know I would be doing an audit but after seeing how rough the spacing, type sizing, inconsistent inputs, and overall experience was, I decided to propose to the team to take on auditing the product as it was. I kept track of every piece of functionality and realigned each element to be sized, spaced, colored, and used consistently. This was challenging because we were still in the middle of delivering work in 2 week sprint cycles. We had to gradually shift over to using the new system elements which took time and teaching others.
This core system was built to keep the experience consistent while also staying lean to allow for fast iterations for other designers. We were working on 2 week sprints and needed to balance System with Flexibility. Additionally, we were also early in our processes as a team and as a product, so knowing this, I didn't want to pigeon hole us in any hyper specific patterns just yet.
The core feature of this product and main way to interact with the data was by filtering. The component was built to scale across different data views while maintaining a consistent experience. What made this especially efficient was indexing queries behind the scenes so users could use the tool without lag. Aligning on each filter was quite the feat, as the convo usually circled around "and vs or", indexing, security, and overall feasibility.
Since data was decentralized (due to security reasons) this made it virtually impossible to complete work on time, often leading to assumptive decision making and delays.
While the JPO has a good understanding of its key suppliers, there was often limited visibility down into the sub-tier suppliers that provide critical components supporting production.
Workers often didn't know what they would be doing when they showed up to work. This was mostly due to old and out-of-date information and decentralized decision making.
When designing the application, the primary focus was on automated data presentation y using high-visibility colors to immediately capture attention. To achieve this, UI elements such as drop-downs, menus, and borders were intentionally minimized, receding into the background. This allowed the rich, dynamic data to take center stage, ensuring that users could easily process key information at a glance. The contrast of vivid colors against a dark background not only guided the user’s eye but also highlighted important data points, enhancing the overall user experience.