A redesign of Zion Bancorp's internal client management system to improve client.
How I started
Fundamental to managing clients across Zions Bancorp’s eight subsidiary financial institutions, Treasury Gateway Admin (TG Admin) had a noticeably outdated interface, non-intuitive workflows, and poor error feedback. Despite this, users logged in everyday to oversee tasks ranging from profile management to security token creation. As a result, users adapted to TG Admin’s many challenges and created workarounds, achieving relatively high satisfaction.
As a researcher and designer, I was approached by the project manager to implement a new feature, oversee the migration of TG Admin to the Liferay platform, and to reevaluate the interface. I identified areas for improving the overall user experience and integrating new functionality, with a focus on reducing the reliance on workarounds. Furthermore, given the frequency of use and the large user base, I sought to minimize user change anxiety as much as possible. By addressing these crucial improvements within TG Admin, my aim was to enhance the Bancorp’s ability to meet the needs of its clients.
DURATION
10 two-week sprints
METHODS
User research
Rapid usability testing
Wireframing
Prototyping
MY ROLE
Sole Researcher & Designer
TOOLS
Adobe XD
Teams
WCAG AAA Compliant Design
At a glance
PROBLEM
Users find it difficult to navigate TG Admin and invest valuable time learning how to circumvent its challenges. As a result, the efficiency of client management suffers and impacts Zion Bancorp's ability to meet client's needs.
INSIGHTS
Users are comfortable with the current product and have invested so much time into learning workarounds that they are anxious to learn a new system.
SOLUTION
A client management system that saves users time and ultimately improves Bancorp client satisfaction by prioritizing:
Learnability
Error feedback & prevention
Change management
Let's look at the details
My methodology
To start off research, I thoroughly familiarized myself with the product to develop a preliminary understanding of potential user experience issues. I recruited a dedicated cohort of daily users, ensuring their availability for frequent interviews and testing sessions. Leveraging insights gathered from user research, I defined the problem, actionable improvement strategies, and potential solutions. Throughout the design process, I maintained an iterative approach, regularly engaging with my user cohort to refine and validate the implemented ideas.
Below you can see the details for each of these steps.
USER INTERVIEWS
User 1
User 2
User 3
Tell me about your friendships
I interviewed three people on their experiences making friends. My intention was to identify three different types of people who, although at different stages in life, would represent a wide base of users looking for friends.
I gathered all of this data on an affinity map, sorting by their habits, their frustrations, and their desires.
What I learned
Users typically don’t go out of their way to make friends.
Users have specific preferences for activities and locations when spending time with new people.
Users want to meet people who have similar interests and lifestyles to them.
Users want friendships to be convenient.
PERSONA & USER JOURNEY
Have you met Alex?
Alex Kone is a persona made up from the data I collected. She represents the very real needs, desires, and frustrations of our user base.
The Scenario
Alex, a young professional, recently moved to Philly. She doesn’t know anybody outside of work and doesn’t know what to do with all of her free time. She’d like to meet some people, but she really isn’t the type to go up to anybody on the street.
One night, bored of browsing Netflix, Alex summons the courage to go out to a bar in the hopes of meeting some friends. Let’s follow along on her journey.
Alex's journey. Click to see more details.
As you can see, the outing unfortunately doesn’t go so well for Alex. Her confidence wavers, and she’s left wondering how to continue her conversation, and ends up going home, resigned. Her journey, however, reveals to us opportunities for improvement—what we can solve.
What I learned
Based on these opportunities, we learn that Alex needs something that can…
Provide Alex options for activities/places where she can meet new people where she feels comfortable and safe.
Help Alex identify who would also like to make new friends.
Match Alex to people who have similar interests as hers.
Provide follow up activities for them to do.
Find a way for Alex to communicate to potential friends before meeting in person.
PROBLEM & SOLUTION
Let’s distill Alex’s problem:
Alex is a young professional who just moved to a new city. She needs a different and easy way to meet and make friends because she is uncomfortable approaching people in real life.
And, we have to ask ourselves:
How might we create safe and comfortable ways for Alex to meet people so that making friends is less daunting of a task?
IDEATION
Finding inspiration
When I think of meeting people through the internet, my first thought is Tinder. Tinder is the most iconic dating app of our generation. They perfected the game-ification of meeting people. So I thought to myself, can I utilize user’s familiarity with Tinder for my app? Perhaps, that is how users can view other’s profiles.
But, for someone as shy as Alex, would she have the courage to cold message a stranger? I wanted a way for Alex to find friends without her having to leave her comfort zone. My mind went to Craigslist.
Baltimore's Craigslist community page. Click to see more details.
Craigslist is an incredible resource where you can post and browse ads. You can participate actively, by posting ads declaring what you’re looking for or what you’re selling. And, you can participate passively, by perusing the ads without the pressure of having to respond to any of them. Unfortunately, as the years have progressed, Craigslist has fallen out of vogue. Now, it isn’t uncommon to find the community page littered with posts looking for hookups.
But, I wanted to bring this community board aspect of Craigslist to the app. I wanted a space where users could post and respond to ads about looking for a friend who has this new hobby I just picked up!, for example.
There is also the problem of Alex becoming frustrated over choosing an activity she wants to invite her new friend to. I thought that a way to mediate this problem was to provide Alex with options of activities to choose from.
Thus, I created Touchpoint.
Executing my objectives
Touchpoint is an app that…
Allows Alex to find people with interests similar to her own.
Generates options for activities that Alex can invite other users to participate in.
Provides a community space for inviting and joining activities.
These intentions are brought to fruition by its features.
Meet Friends: Connecting to profiles with interests similar to Alex’s.
Ask to Hang: Providing options for activities that Alex can invite other users to participate in.
Flyers: A space for users to post events on a bulletin where users can respond.
ITERATIVE PROTOTYPING
Sketching & Prototyping
Through an iterative process, I brought these ideas into fruition, working from paper sketches, to paper prototypes, to low-fidelity, digital wireframes, to mid-fidelity wireframes.
The iterative process. Click to see more.
USABILITY TESTING
How enjoyable is the experience?
Unfortunately, due to time constraints I was not able to conduct usability testing for the paper prototype.
I conducted three tests to gauge the usability—the intuitiveness and enjoyability—of the initial mid-fidelity digital prototype. Because Alex is a fictional person, I took special care to identify users who broadly resembled Alex.
Then, I tasked these real-life Alexes with:
Locating and selecting a different user’s profile.
Contacting the user.
Through these tasks, I hoped to observe their understanding of the multiple ways to discover and contact other users as well as an innate understanding of the features themselves.
What I learned
I uncovered some key findings.
Although the Flyers feature was ambiguous because of its name and unfamiliarity, users found it to be their favorite feature of the app once on the page.
Users also observed a lack of sorting and filtering for Flyers and Profiles, wanting a way to find specific flyers and people.
Users liked the familiarity of the Meet Friends function, but wondered if the similarity to Tinder and other dating apps made finding friends less platonic.
Moving flyers to be the main page. Click to see more details.
Immediate Solutions
I made these immediate fixes:
Change the first page users see from Meet Friends to Flyers.
Add tags to flyers.
Allow users to search through flyers by tags.
HEURISTICS
Why do heuristics?
By conducting a heuristic analysis prior to user research, I was able to compare my anticipated challenges and actual user feedback–giving myself the opportunity to identify and challenge my preconceptions and biases. Ultimately, my goals were to gain a thorough understanding of the whole product, pinpoint usability challenges, and identify critical areas for enhancements.
While the PM asked to add functionality, oversee the transition to Liferay, and to improve the general user experience, I found it difficult to put together the pieces of how users were using TG Admin in real-life scenarios. I wanted to speak to users so that I could learn the specific contexts in which the product was being used.
By conducting an in-depth study, not only would I learn users' successes, frustrations, and desires, but also how TG Admin fit into users' lives.
The ideal group
At least one user from each subsidiary bank
Full representation from the 3 divisions that handle client requests
Diverse range of time spent working with TG Admin
Diverse range of computer literacy
The ideal user
Uses TG Admin daily
Employed by the Bancorp for at least 6 months
Availability to participate in the study during the work day
Other considerations
Because we had recently launched a client-facing banking product, client management employees were incredibly busy during this time. For this reason, I wasn't able to recruit as broadly as I would've liked. I reached out to division managers to recommend users who would be willing and available to participate.
Divisions: Tech (3/10), Product Implementation (3/10), Customer Service (4/10)
TG Admin Usage: Daily (10/10)
close section
USER INTERVIEW
I conducted 30-minute user interviews sessions remotely on Teams. I sought not only to gain insights into the needs and pain points of our users but also to establish a rapport and foster a sense of trust and collaboration with each participant.
I wanted to learn
Users' likes and dislikes
Users' client management habits
Users' comfortability navigating TG Admin
Users' comfortability navigating as a new user
If there is interest in User Impersonation
I discovered that
Users like that TG Admin 'does its job' and are interested in User Impersonation
But users could use a management system with a modern look, improved accessibility, and better learnability.
I conducted 30-minute usability testing sessions with the same users remotely on Teams. First, I asked users about areas of potential opportunity that were not the primary focus of the previous user interview. Then, I asked users to share their screens and walk me through their most common client requests. Through this study, I contextualized insights in real-time scenarios and uncovered problems and areas of opportunity that were missed in the interviews.
I wanted to further investigate
New user habits
User change anxiety
And I wanted to observe
Users' actual comfortability navigating TG Admin
How different client requests affect users' goals in TG Admin
Any missed frustrations/areas of opportunity
What I found out
1. Habits as and tips for new users prove that time is wasted due to poor learnability
2. Users dislike change and expect changes to be familiar unless accompanied by built-in guidance
Users invest valuable time learning how to circumvent TG Admin's challenges, and they find changes to the system intimidating. As a result, the efficiency of client management suffers and impacts Zion Bancorp's ability to meet client's needs.
Defining a solution:
If I create a product that prioritizes learnability, error feedback/prevention, and change management, users will save time with minimal anxiety, and Zions Bancorp client satisfaction will improve.
close section
SKETCHING
What I was envisioning
I focused on maintaining most of the structure that users were used to while also elevating the experience to decrease areas of friction.
Pages from my sketchbook. Click to see more.
close section
The solution
Learnability
High-use buttons moved within eyesight and consistent UI throughout
Error Feedback
Color-coded and clearly-worded success and error messages
Error Prevention
Confirmation windows before completing irreversible actions
Change Management
A feeling that ultimately stays true to the original product