Garmin Connect Badges
Garmin Connect Web App • UX Design / HTML / CSSThe overall design of the Garmin Connect badge system was a collaboration with a coworker (Chris Pearson — he wrote an article about it) who delivered the mobile application design, while I provided the design and front-end code for the web application. There was an existing badge system in Garmin Connect, but it was very basic with no social components, and users would earn most of their badges up front and be done with it.
Project Objective
The goal of the redesign was to create a more engaging feature with social components that would keep users engaged long past the launch of the feature. Beyond badges earned for physical activity, we also created a set of badges to help educate users about the application’s features. Reviewing the list of available badges lets “badge hunters” track down the easy points and try out some features they may have not otherwise discovered.
Finding Balance
Balancing the entire system was particularly challenging, as we had created a point system that assigned difficulty to badges, and fed into an overall user level. The level both served as a secondary goal for users, and to help identify other users who may be at a similar fitness levels, and therefore better competitors to invite to a Steps Challenge (another Connect feature). To validate our point system, we sent out surveys to our coworkers to test where they would fall in our system, and if the system aligned with their activity and general fitness.
User Response
The project was particularly rewarding after seeing users’ online response through articles and posts discussing the feature. The Facebook users group regularly has posts from users searching for the Zombie Badge — a viral badge that spreads by participating in a Challenge with an infected user. A small number of us who worked on the project served as “patient zero”.