eSwing
Redesigning a Golf Swing Analyzer
Project Manager | Lead Designer
Context
The eSwing hardware records a player's golf swing and displays all the physical data associated.
The hardware was well developed, but their mobile application was cumbersome, and the displayed information was confusing. We were tasked to redesign the interface to make it more user-friendly.
To determine our target user base, we conducted some user testing. We worked through 100+ survey responses and generated this persona.
Overview
Our Objective
Redesign the interface to make it immediately accessible for users of every technological level and build a powerful tool that improves the users game, swing, and satisfaction with eSwing Technologies
My Role
I was responsible for leading the overall visual design of the app, conducting user interviews, and bonding brand strategy and user needs with overall business goals and stakeholder considerations.
Project Timeline & Deliverables
The team delivered:
-
Persona
-
Competitive Analysis
-
Site Map
-
User Flows
-
Wireframes
-
High-Fidelity Mockups
The overall project spanned over the course of 4 weeks.
User Research
We worked through 100+ survey responses and 20 in-person interviews to generate our persona. We wanted to start with broad demographics to ensure we
Survey Results
We found that the bulk of potential users were between 22-30, moderately tech-savvy, and had an intermediate level of golf proficiency. They had issues disseminating information when it was strictly data-based and were looking for a system that would give immediate feedback that they could implement during their practices.
SME User Interviews
We focused our in=person interviews with Subject Matter Experts (namely club fitters
Persona
Phil Woodworth
32 - Accountant
Goals:
-
Wants to improve his swing
-
Likes being able to track his data
-
Wants the ability to share swing data
Frustrations:
-
Doesn’t have time for regular appointments with a trainer
-
Tends to get overwhelmed with too much information on one screen
-
Has a hard time relaxing and swinging comfortably in front of a trainer
"I would practice more if I knew what I was doing right and what I was doing wrong. During a swing change, I want to regularly check that I’m still doing things right."
Site Map
App Structure
After some usability testing, I immediately noticed that the app structure needed a major overhaul. We needed to incorporate onboarding to accommodate our less tech-savvy users
Overall, my presentation was effective in showing the advantages of making this change and our stakeholders were convinced that it was the right move for our system, Shops, and Shoppers when factoring in the future plans for app designs.
Iterations
Shots Onboarding
First Iteration
Goal
To determine if a first download onboarding would adequately explain the Shots system.
Findings
The onboarding was too long and users didn't actually absorb the information given and the confusion persisted.
Second Iteration
Goal
To determine if the length of the onboarding eased confusion for our users.
Findings
Users still don't retain the information needed and are worried about the costs associated with the shots system.
Final Iteration
Goal
To determine if a step by step walkthrough of the Shots system was necessary to ease user confusion and to find out if the extra onboarding was appealing to our users.
Findings
Our desire to stray away from a lengthy onboarding was not going to work. The shots system is central to the eSwing application and needs to be spelled out in order to remove any doubts about its necessity.
Having the walkthrough from the landing page through the shopping cart allowed users to see the pricing for shots and giving them 100 for free kept them engaged. We finally removed any confusion and our users were excited about the shots functionality.
Iterations
Club Selection Iterations
The Club Selection page went through a few iterations which drastically changed our layout.
-
Consolidated Club information to keep the page easily scrollable
-
Added onboarding related to Club input
-
Removed “Default” and replaced it with the make of the club to ease user confusion
First Iteration
Goal
To find an optimized method that allows users to add golf clubs to their bag.
Findings
A lot of users don't carry multiples of a specific golf club. They also didn't appreciate the long scrolling view when each type of club was listed.
Default clubs also cause a lot of confusion.
Final Iteration
Goal
Testing the short scrolling method to add clubs to their bag.
Findings
Users easily understood the plus icon which brings them to the club customization page. It also cleared up the ambiguity behind "default" clubs.
Landing Page Iterations
The Home Page page went through a few changes
-
From a list view to a tiled layout in order to facilitate better viewability and clickability for visually impaired users.
-
Removed the shopping cart icon to make the page more friendly.
First Iteration
Test Goal
We sought to find the best landing page layout for our users. I was concerned about accessibility for those who are visually impaired. We conducted A/B testing with that focus in mind.
Findings
The tile layout was well received and all of our tested users found it appealing. We found that a lot of users felt uncomfortable with the shopping cart icon, we also needed to determine the least stressful method to
Final Iteration
Goal
Determine if the new layout sets users at ease while remaining intuitive and easily accessible.
Findings
By replacing the shopping cart icon with a bucket, the users easily understood that this icon showed how many shots remained while allowing them to buy more from that location.
The tiled page remained pleasing to them and allowed them to easily select what section they choose, even with their non-dominant hand while golfing.
Session Setup Iterations
The Session setup was particularly difficult to finalize due to indecisions in the group. In order to move forward, I sat down with the group and reminded them about the current scope. I advised them that anything outside of the MVP needs to be put in the Next Steps portion of our deliverables and we were able to move forward.
-
Combined session length buttons
-
Added
-
A method to choose clubs
-
Player’s shots information
-
-
Modified Club Selection
First Iteration
Goal
Determine shortfallings within the first design sprint.
Findings
Testers were confused about the difference between Quick Rounds and Custom Rounds.
Second Iteration
Goal
Find any previously undiscovered issues with the design.
Findings
Users felt pressured by the shopping cart icon.
Third Iteration
Goal
Test the reception of the new design focusing on the tester's ability to recognize all of the different features.
Findings
Testers easily found and interacted will all the available features but hesitated over the location and shots section.
Final Iteration
Goal
Test the hierarchy of information in order to ensure proper arrangement.
Findings
Testers had no issues when interacting with this page. They discovered all the features without prompt and were able to quickly navigate the page.
Statistics Iterations
We went through 3 statistics-focused iterations based on our intermediate user feedback all of them gradually bringing us to our final version of the statistics page.
-
Added quick access Share button
-
Combined the calendar and list view to add a much-requested club average page
-
Changed the Accuracy percentage to a time stamp to clear up searching confusion
First Iteration
Goal
Determine shortfallings within the first design.
Findings
Testers hesitated when encountering accuracy percentages. We also found out from eSwing's founder that at this time users would only be able to use one club at a time. They quickly understood the ability to toggle between list and calendar view.
Second Iteration
Goal
Find out if testers are able to navigate the list view with ease.
Findings
Testers experienced confusion between separate sessions. They needed a way to determine which session was which easily.
Final Iteration
Goal
Determine if the users favorably reacted to the new layout which supplied a statistical overview of the life of the selected club
Findings
Both intermediate golfers and professionals were delighted at the addition of statistical views.This view allowed a basic overview while the button brought them to their last round with that club shortened the number of pages needed to encounter in order to get the data needed.