designing ALIA

Building Conversational AI to improve customer support and efficiency to customer queries
my Role
I worked as a product designer cross-functionally on the UX, product, customer support, and engineering teams.
TEAM
Team of 2 product designers, a product manager, a UX writer, a product illustrator and engineers
YEAR
2024
TOOLS
Figma, Storybook
overview
ALIA was designed and engineered to help customers get answers to questions without waiting longer times to get responses from CS agents in the most efficient way.
scope
UI/UX, Wireframing, Prototyping, User Research, System Thinking
there is a communication gap between customers and CUSTOMER SUPPORT
However, serving over 1.5 million customers across 20+ countries is no simple task considering the numerous inflows of queries and requests that come in from customers. We needed to find a way to enhance customer support efficiency with a timely experience without neglecting customer satisfaction.
Over the years, the customer support team has grown 3x more than it was at a time and is growing more to accommodate the various needs of customers as well as ensure customer satisfaction stays top, be it from as little as not receiving email communications to as large as KYC verification issues or transaction issues.
"How might we provide a solution to customer support that is efficient and engaging with customers to improve satisfaction and build trust"
AI is here now, it can only get better
With the rise of AI today, we are stepping up to make use of it to make the world better for our customers and the business.
This does not mean AI is taking over our customer support. Instead, we will use AI to handle the many "low-level tasks," which are the bulk of queries that consume customer support time, to give allowance and focus to more critical issues.
meeting with staekholders to get insights
Over the years, the customer support team has grown 3x more than it was at a time and is growing more to accommodate the various needs of customers as well as ensure customer satisfaction stays top, be it from as little as not receiving email communications to as large as KYC verification issues or transaction issues.
Starting with addressing the elephant in the room, we went through a backlog of customer queries, and we had sessions with various stakeholders across the product and customer support teams in their various departments to gain more insights on the problem, their limitations, and pain points. From there, we were able to identify user flows and map out the customer journey.

NO SOLID COMPETITOR IN THE CRYPTO MARKET SPACE
While it is a no-brainer as to existing chatbots in various industries, it was a bit of a challenge to find one very much related to the crypto space for analysis. However, I evaluated popular key features based on the insights we got from meeting with stakeholders and identified missing functions that ALIA could possibly utilize.

MEET THE USERS
I created user personas to better empathise with the needs and goals of our target users. This helped to keep the needs of our customers at the forefront and prioritize key features.

What is a good design for AI?
Good design for AI goes beyond attractive interfaces. It’s about creating a seamless, intuitive experience that leverages AI capabilities while maintaining a human touch.
For ALIA, this meant designing natural conversational flows, providing clear options for customers to navigate, and ensuring transparency about the assistant's AI nature.

lo-fi wireframes
Before embarking on high fidelity mockups, we brainstormed potential UI designs, illustrating wireframes to get a feel for the product feature and its core functionalities.

wireflow
With this flow in mind, we went on to create the digitalized mid-fidelity mockup on Figma. We went on to share this with stakeholders to get initial feedback through this iterative process.

iterations, iterations, iterations
The user flow was iterated to allow for a new addition to the existing product and to also be as intuitive as possible for customers. Following various meetings, we were able to go from iteration 1 to proposed solution designs that meet user needs and business goals.

introducing alia
ALIA - Artificial Learning Intelligence Assistant—our AI assistant is a new feature we are building at Yellow Card to help customers get the support they need quickly and easily, right then and there, in the app.
What gets better with AI is response time and the quality and personalisation of interactions. As these systems learn from each interaction, they better understand context, anticipate customer needs, and provide relevant information.
hi-fi interfaces
The user flow was iterated to allow for a new addition to the existing product and to also be as intuitive as possible for customers. Following various meetings, we were able to go from iteration 1 to proposed solution designs that meet user needs and business goals.

designing conversational flows that felt natural
We implemented a structured yet flexible dialogue experience that could adapt to different user inputs while maintaining conversational context. The responses were designed to be concise and scannable, using natural language patterns that aligned with Yellow Card’s brand voice, which is “Human”. This helped create an experience that felt less robotic and more engaging for our customers.

clear options for customers to navigate
Navigation was carefully considered through clear and intuitive options. We started the customer with four main questions—representing the most common customer support queries based on our data. We stuck to the top 4 queries to prevent overwhelming users.
To ensure continuous improvement, we implemented feedback mechanisms like thumbs up/down buttons, allowing customers to rate responses. When Alia couldn’t fully address a query, we designed clear escalation paths to human support, ensuring no customer would feel stuck in an AI loop.


transparency on the use of the AI assistant
We needed to create an experience that was approachable, efficient, and capable of guiding customers through complex crypto-related queries. Notwithstanding, Alia was still prone to errors or confusion. We added a disclaimer to help users understand this better.
The customer support team insights were invaluable in identifying areas where AI could most effectively augment human support. Their involvement ensured that Alia was designed not just as a tech solution but as a true support tool aligned with our support team’s knowledge.

engineering meets design
Balancing functionality with feasibility was a crucial aspect of Alia’s design. We worked closely with the engineering team to understand the capabilities and limitations of the AI system. This collaboration helped us design within the constraints of what was technically possible while pushing the boundaries of customer experience.
One key learning was the importance of designing for edge cases in AI. For instance, we implemented features to ensure Alia could understand and respond to imperfect queries like wrong spellings and unsupported text.
Another edge case was the character count and an alert to know when you have crossed it. To get customers to be as concise as possible, we added this 160-character count. This was also important because shorter prompts meant fewer resources committed to answering them.


retrospective
Designing for AI reinforced that our responsibilities as designers extend beyond just creating visually appealing interfaces. We must think about how our customers interact with the systems and the feedback they get, more like a cause and effect.
Every AI needs a helping hand; The initial launch of ALIA is just the beginning. We’ll set up analytics to track key metrics like response time reduction, customer satisfaction, and the accuracy of Alia’s responses. This data will drive our ongoing iterations and improvements.
have A
project?
.png)