This project was with a fascinating technology that can do great things, but unfortunately the previous design of the application made using it difficult. Through a new design, the tool is now in development with a User Interface that is cleaner and easier to use.
The tool I worked on is an application that falls under the umbrella of tools owned and produced by a larger parent company. This company works to make previously unknown information quantifiable in the sports medicine, enabling athletes to reach their optimum potential. This specific tool was developed by a professor at the University of Pittsburg, and allows doctors to conduct and analyze the results of a pivot shift test. A pivot shift test is the test that a doctor performs on a patient with a possible ACL injury. The test involves moving the knee in a specific motion, and attempting to feel the laxity of the muscle. Previously the test was very subjective and often took years to be able to properly perform, but this tool allows doctors to record the test and graph the findings through the use of stickers on the skin. The user is then able to determine the grade of the injury through the test results, in a much more exact fashion.
The previous iteration of this tool was developed by the professor out of University of Pittsburgh, which had a major impact on the design. The design was not intuitive, with parts of the app likely being tacked on wherever as they were developed. The app also featured a large seal for the University of Pittsburgh on almost every page, taking up 50% of the tablet apps screen real estate.
The pages where the test results were displayed were very cluttered and difficult to understand. There were some switches and elements that did not have labels, and other elements that did not need to be included on the already busy screen. Within the app as a whole, there was little consistency between each page, with elements not being in the same location throughout the app.
The client requested a clean, easy-to-use and transparent User Interface that worked in the company’s logo and colors. The previous application had been developed in Swift, with very little design applied. The new design removed large amounts of clutter, focusing on a “drill down” approach to the data. The user is presented with a necessary data primarily, and if they wish to access more granular detail, they are able to view it in a detail page. The University of Pittsburgh Seal was removed, and white space was employed throughout the new design. The task flow was also re-evaluated, with whole portions and screens being removed, as they were redundant and no longer necessary.
The test results page specifically was completely redesigned, with elements being moved to detail screens, less important data being hidden, and objects of less importance being resized. A consistent template was applied to each screen of the application, maintaining a feeling on continuity throughout the entire app. The app was also evaluated and modified to fit best practices for tablet design, as the tool will only be employed on tablets, and not mobile phones.
The client was thrilled with the new design of the app, calling it “clean, simple, and a huge improvement”. The application is currently in development, with the hopes to hit the market soon. The app will be a part of a suite of products produced by the company, with the other applications at present in the development and design stage.
Test data screen with UX notes, before
Test results screen with UX notes, before
Login scren, after
Patient information page, after
Test results screen, after
Test results screen - video controls, after