I was approached by my friend who was doing research for the UW school of engineering. He explained that he had created an application, and would need some help redesigning the front end and UX of his engineering application. Here is the process.
Making this particular engineering calculation required engineers to reference multiple photos to measure out dimensions of models. This process was tedious, and usually takes 20 minutes or longer to do this by hand.
Create a responsive online calculator application for that will help UW engineer students, and improve the tedious process of making this calculation.
UW Engineering School
UW Engineering Students, and other engineers
This is a responsive engineering application that allows engineers to perform a state equation calculation.
Statemodel RND Enter allows engineers to enter system information and get the state equation matricies and the transfer function.
This page served as an introduction to the calculator. As a returning user, we provided a way to begin a new model or open an existing file from a past calculation. We also had included a way to see an example if they are unfamiliar with how the calculation works.
Upload a file
This is where users could upload their past calculations. I made sure to clearly state what file formats they were able to upload.
Upload a photo
The engineers needed to upload a digital version of their model. The idea was that as they continue to scroll down, the image would also scroll down as they complete the measurements on the next page.
Here is where the engineers could input their numbers. The image would scroll down on the left side of the page as they scroll.
We had given the option to export the calculation in 5 different languages. They also had the ability to change the format of the equation. They answer would be plugged into the boxes below, and they could copy or download their calculation. Initially I had a positioned start over button on the bottom, but I ended up repositioned this.