WorkAthlete
WorkAthlete
/wɜrkˈæˌθlit/
noun: Workathlete uses sports performance insights & award-winning wearable tech, to transform team's performance and health. Improving output, preventing burnout and promoting health.
Role // UI Design
Year // 2022
The ask.
The scope
The objective of this project was to design the User Interface (UI) and Information Architecture (IA) for data visualisation screens on a smartwatch app that helps users track their daily physical activity. The aim was to create a seamless and intuitive user experience that would encourage users to track their fitness goals effortlessly.
Design Process
We began by examining the user needs and identifying the most critical pieces of information to display on the app's data visualisation screens. The app's functionality required us to include information such as daily step count, calories burnt, distance covered, and active minutes.
We created initial sketches and wireframes to visualise the layout of the information and make sure we were presenting it in the most efficient way possible. The sketches and wireframes went through multiple iterations to ensure that the design was well-optimised for a smartwatch screen.
Once we were satisfied with the wireframes, we moved on to creating high-fidelity UI designs. We used a consistent colour palette and typography throughout the app to ensure that it had a uniform look and feel. The UI design was also optimised for readability and easy navigation, keeping in mind that the app would be accessed on a small screen.
We then conducted extensive usability testing on the app to ensure that the design was intuitive and easy to use. We gathered feedback from users to identify areas for improvement and iterated on the design accordingly.
Navigation and Site Maps
As part of the content workshops and wireframing process, we also focused on the navigation and site map of the website. Through the content workshops, we identified the most important information that should be included on the website and how it should be grouped together.
This information was then used to develop the site map and information architecture for the website.We worked together to define the top-level categories and how they would be organised to create a clear and intuitive structure for users.
We presented Jato with three different navigational options. The first focused on the needs and interests of the users, the second focused on the specific problem Jato's product could solve, and the third focused on Jato's expertise in the field.
After careful consideration and discussion, we collectively decided to go with the third option, as it allowed for a clear and effective presentation of Jato's expertise in the market.
The end result was a clear and intuitive navigation structure that made it easy for users to find the information they were looking for.
The site map and information architecture were tailored to meet the needs of Jato's target audience, ensuring that the website was user-friendly and effective in communicating the value of their product.
The final UI design and IA of the data visualisation screens on the smartwatch app were well-optimised, with an intuitive and easy-to-use interface. The design conveyed the necessary information clearly and concisely, allowing users to track their fitness goals with ease. The iterative process and usability testing ensured that the final design met the user's needs and expectations.
Conclusion
.png)
.png)
(2).png)