A redesign of a power meter iOS application
A redesign of a power meter iOS application
This redesign project was conducted independently and is not affiliated with 4iiii in any way. As a frequent user of the 4iiii app, I was motivated to undertake this independent redesign project.
4iiii specializes in power meters for road and mountain bikes, enabling cyclists to monitor their live power output during rides and track this data within the 4iiii app or other compatible platforms.
The main focus points for the redesign based upon heuristic evaluation:
The goal of the heuristic evaluation was to identify the areas on which to focus on. The app allows users to fulfill their tasks, but the overall user experience can be improved.
The following key insights were identified for this project:
The identification of the app's purpose and target users allowed me to develop two personas, each representing a distinct user group with specific needs and key tasks.
The creation of user flows, based on the key tasks, enabled me to pinpoint the specific screens that required the most attention for this project.
There are four important flows for this project:
I compiled a collection of competitor apps, which served as valuable inspiration during the wireframing process. This analysis helped me understand common design patterns and best practices within the industry.
Recognizing the critical importance of the devices-screen, I used it as the foundational element, iterating on the designs of other screens accordingly.
The wireframes were translated into high-fidelity prototypes, incorporating 4iiii's brand identity, particularly the prominent purple color, alongside a neutral gray color palette. SF Pro, the default typeface for iOS, was selected to maintain consistency with the target platform. The design was initially developed in light mode and subsequently adapted for dark mode.
The goal was to make improvements to the navigation and be more consistent with buttons, layout and colours.
This project provided an opportunity to synthesize learnings from the courses, with a particular emphasis on UI design principles. I utilized this project to explore and implement variables within Figma, enabling the efficient creation of both light and dark mode versions of the interface.
I did make the decision to limit the number of screens and focus on the ones that were important for my personas, so a next step could be to do the remaining screens. For example, the screen to save/discard a workout could be more detailed instead of just a simple pop-up dialogue box.
There were no actual users involved in this project, so that could also be another step to get some actual feedback from users on the existing app and my redesign.
A trip-planning platform catering for people who are in search of new adventures.
View case study