The original Synced Accounts page was relatively simple with two sections: accounts that were already connected on the top and accounts to connect on the bottom. The Siftery Track app has grown to be much more complex with various sync states and error states. The current design did not support these complexities, which has led to an increase in support tickets and churned customers.
The Siftery Product Team shared their existing user research with me. Primary users are typically leaders within a company—usually with 5+ years of professional experience managing a team—who make monthly or quarterly budgeting decisions.
Many companies have no idea what they’re spending on software and whether or not they’re even using the products the team is paying for. Visibility is extremely important as controlling and managing spend can be a huge cost-saver. Since purchasing in companies is becoming increasingly decentralized, tracking spend has become exponentially more difficult.
Prior to my internship, the team also interviewed and collected feedback about the original Synced Accounts page from existing customers who revealed that they:
After getting acquainted with research previously conducted by the Siftery team and the various support documentation, I created the persona to focus the Synced Accounts page around user needs and solutions for current pain points.
Meet Glen, the VP of Finance who wants to make smarter budgeting decisions, especially because he does not get to initially approve teams’ spend.
To brainstorm features for the product roadmap, I created How Might We and Point of View Statements.
How might we help Glen find out which accounts to connect to get the most complete data?
How might we guide users to resolve error sync states?
How might we guide Glen to resolve the errors?
The IA is organized around the new Synced Account page’s five major features. While I kept the existing major features (or what I consider the essential features on the page), I added minor features that would help the user get the most out of the app. The hierarchy below includes both new and existing major and minor features.
The original user flow didn’t account for the multiple non-active sync states and refresh options. In order to refresh data, users would have to entirely resync their account. There also was no differentiation for the only error state “out-of-sync,” which could have been a connector that was still syncing or uploaded incorrectly.
To compensate for these limitations, I constructed a user flow that includes variations for sync states, recommended actions, and a simplified data refresh process.
To approach the Synced Accounts redesign with a fresh perspective, I explored interactions and organization of connectors while still focusing on the key values: providing better guidance and preventing user errors.
In collaboration with the Product Manager, I explored iterations in columns, hierarchy, and data placement. The strongest explorations maintained the original one-column design because of the space and information it allowed.
We decided to proceed with usability testing with the strongest set of wireframes, which maintained the original one-column design because of the space and information it allowed. Its connectors are organized by type rather than sync states, with recommended connectors called out.
I conducted user testing on my mid-fidelity prototype in InVision to see how users would complete certain tasks once they were given some context. I conducted the tests with individuals similar to my persona and have all used some variation of a budgeting tool that allows them to connect accounts.
Participants were asked to complete:
After the testing, I organized my findings in an affinity map to identify the positives, the issues, and potential solutions. The affinity map helped me prioritize design revisions based on recurring pain points revealed during testing.
Siftery’s design kit was a work in progress, so I followed the existing visual design elements as best as I could using the product’s existing colors, typography, and iconography.
My prototype was shared with the rest of the team for some final feedback. The Siftery engineering team’s feedback was helpful in designing something that worked not only for the users, but one that was possible to create on the back-end too. Through their feedback, I learned that:
To measure how successful the redesign is, we will measure:
This project was challenging yet rewarding because I was able to work with the Siftery team to create the MVP for one of the major parts of the tool. It was challenging at times because the majority of the team worked remotely in different time zones, but I am thankful for everyone’s efforts to bring me up to speed.
I enjoyed solving the problems that users encountered in the original Synced Accounts page—and observing participants validate my solutions! I learned that recommendations and clearly defined states are instrumental in helping users know what’s going on and what to do about it.
The next steps would be to further test and iterate on the design.