Since the NoVon hardware device does not have a separate screen for control, the mobile app serves as the main interface for users to adjust the pressure, power, and timer while wearing the product on their chest. The app can control a maximum of two connected devices, and users can use additional functions such as log check and correction, battery check, and product connection.
The goal of the redesign project was to create an intuitive and aesthetically pleasing user interface that made the user feel familiar with the hardware device by utilizing colors and components similar to the main body. The redesign aimed to address the issues with the initial design that fell short of understanding of users who use devices and apps together
For the redesign project, I updated the existing style guide that I had created during the initial project. The noVon style guide was confirmed by the head office and included the components of the noVon app based on the design concept. This style guide proved to be very useful for communication with developers during the hand-off phase. Because the style guide was well-structured and comprehensive, I did not need to create a new style guide for the redesign project.
The overall screen composition was designed to be similar to the hardware device, but it was optimized for usability. Functions that could only be accessed on mobile devices were also added to the screen. The power button on the hardware device was replaced with a start/pause button in the app, which was changed to a switch button and placed at the top of the screen. Detailed screen designs could be checked by running a prototype.
Since the noVon device is not cheap, users typically use only one device. Therefore, the main screen users see is the screen connected to one device. In this case, the control area on the right is activated only when a new device is added. Even if the connection is lost while using two devices, the devices can be reconnected.
On the log page, users can check their monthly usage record, as well as their daily usage time. The app also provides usage limits to guide users on safe usage, and users can manage logs by adding, modifying, or deleting each usage record.
Additional features can be found on the More page. Icons were designed to help users easily understand each function.
The noVon GUI project was my first GUI project, as well as my first time working as an outsourcing employee. There was a lot of trial and error and difficulties. As a first-year designer, I initially thought GUI design was simply graphic design and did not fully understand usability or product characteristics. To alleviate my previous regrets and improve on areas that were lacking, I carried out this renewal project briefly. Although the new design could not be applied to the app, I am pleased with the design of this version, which was created with greater usability in mind.
