mobile payment imagemobile payment imagemobile payment image

01.  project description

Lugah

Conversational AI-based chatbot solution for the banking sector to help improve customer support, automate processes and provide better personal banking experiences to customers.

I worked in a cross-functional team as the sole designer to deliver a full end-end conversational-AI based chatbot application for banking.

02.  project info

Role

App UI Design, User Testing, User Interviews

Timeline

September 2021 - October 2021

Team

Project Manager, Data Scientists, Software Engineers,

Product Designer (me), DevOps

03.  the challenge

How Might We help banks provide customers with a more personalised banking experience and 24/7 support for customer queries?

Banking companies receive a large daily influx of inquiry call with a thousand more customers waiting in line to speak with a representative. There is no 24/7 customer support available to customers and if they were to employ human agents for this, would be a rather expensive cost for most banking companies. On the other hand, most banking application interface are either overly complex or outdated in their designs. Customers often times have to go through a maze to find how to perform tasks on their banking applications.

04.  the goal

  • Reduce bank costs: allowing chatbot handle basic questions and issues and option to connect to bank agents in cases that require human intervention. Thereby relieving the pressure and inquiry volume for call centres.
  • Deliver personalized and engaging mobile banking experience to users by allowing them perform their financial tasks in a conversational manner.

05.   the solution

Lugah Bot

LugahBot is an AI-based banking chatbot integrated into banking applications serving as the user’s personal assistant, a financial advisor, customer support. BankBot uses natural language algorithm to understand what users enter as input while also using chat prompts to minimise typing for users. Features include

  • Funds transfer services - LugahBot can help users perform transactions such as transferring funds to saved beneficiaries or new beneficiaries. LugahBot is also able to pull up user’s transaction history
  • Financial advisor - LugahBot can act as a financial advisor for customers. Providing them with insights to help better save and plan their funds.
  • Personalized Recommendations and Product Knowledge - banking companies can use LugahBot to offer a more personalized offerings to their customers by delivering tailored contents to users based on preferences while also educating customers on new products and services available.
ai banking example1
ai banking example2
ai banking example3
ai banking example4
ai banking example5
ai banking example6
ai banking example7
ai banking example8

06.  research

Understanding Conversational Chatbots and the market

My research goal was to get an in-depth understanding of the current customer banking experience using their banking application chatbots, the shortcomings of these chatbots and their experience with banking companies customer supports. The information gathered from this was going to help form my design decisions and identify key requirements of customers in creating a better user experience for them. Some of the guiding questions for this research included:

01

How do people feel about chatbots?

02

What are some conversational AI practices?

03

What are some of the major tasks users perform on their banking applications?

04

What does a pleasant banking experience look like, for customers?

07.  competitive analysis + the gap

Competitive Analysis of Some of the Existing Bank Chatbots in the Market Region

I wanted to take a look at the existing chatbots offered by the banking companies in Nigeria to identify any gaps or shortcomings within these existing applications and areas of improvement I could target in creating a more meaningful experience for customers. I conducted a competitive analysis across 2 different bank chatbots. I identified the strengths and weaknesses of all 3 and identified the key services offered by all chatbots. The chatbots were tested on the following:

01

Personality and customization

02

Level of security and establishment of trust

03

Multi-lingual support

04

Response-time and reply accuracy

05

Features and functionality

06

Platform options

07.1.  competitive analysis - findings

UBA - Leo

Strength

  • Leo is a male chatbot; personable and humane
  • Some level of functionality; can detect customer’s account number, check account balance and card top-up
  • Can process customer’s complaint and queries
  • Timely response

Weaknesses

  • Limited to only messaging application platforms like Facebook and Whatsapp
  • Lack of multi-lingual support and Nigerian local language
  • No verification sign on from customers; thereby reducing level of trustworthiness
  • Limited functionalities
  • Delayed handoff to agents

Fidelity Bank - Ivy

Strength

  • Ivy is a female chatbot with cartoon character ; more personable and described as a “cool babe”
  • High level of functionality; locate nearest ATM, account balance, account opening, bill payment, FX rates.
  • Can process customer’s complaint and queries

Weaknesses

  • Limited to only messaging application platforms like Facebook
  • Lack of multi-lingual support and Nigerian local language
  • No verification sign on from customers; thereby reducing level of trustworthiness
  • Delayed response
  • Delayed handoff to agents

09.   user interviews

User Interviews and Quotes

I spoke to 3 users in the age range of 21 - 60. I wanted to understand their current frustrations and experiences with banking applications.

Transcripts from a few of the interviews:

interviewees

Annette Black

Age: 25
Occupation: Business Developer
Technical Ability: Master
I have to wait several minutes on the phone and endure being put on hold just to get an answer to a problem I have. It would be nice to able to talk to someone online. The whatsapp bot is supposed to help with this but last time, I didn’t get a reply till the afternoon of the next day.
interviewees

Dianne Russell

Age: 29
Occupation: Assistant Manager
Technical Ability: Master
The interface of my bank application is overly complicated. Even with the new re-design. I was hoping they would take out some things and present users with the most important features first. But they just keep adding more features and no way to hide them.
interviewees

David Johnson

Age: 50
Occupation: Business Woman
Technical Ability: Good
Opening an account is stressful for me. My daughter told me about some digital bank app I could use to save money conveniently. But had to go through so many form questions which got me tired as it required my 100% attention.

10.  insights & opportunities

Findings & Insights Uncovered Categorised into Themes

After speaking to some users and doing my online research, and analyzing the gathered information from the online research and user interviews, to help have a linear direction, I categorized the insights into these 2 categories.

Interface Design and Bot experience

  • Personality and tone are key to conversational interfaces. There should be a human touch to the bot personality for better experience.
  • Discoverability - the important actions and information should be within reach of the interface and easy for users to get to.
  • Stop gaps - control shouldn’t be taken fully away from users. They should be able to confirm everytime an action needs to be taken and clarify their intents.
  • Less typing, more clicking - the interface experience shouldn’t be fully text-based as this might lead to lower completion rates if users have to do mostly typing. Giving users option to select/click their answers will improve the UX.

User Tasks and Expectations

  • Prompt replies - users don’t want to wait several minutes just to get a reply
  • Trust - most users are still a little skeptical about sharing personal data and documents over the chat with a bot except it;s happenign within the bank application and security in place.
  • Easy onboarding - can’t easily open an account from the mobile baking application.
  • Error fallback - users want to be able to know they can easily recover from an error tasks and confirm actions before proceeding.
  • The major tasks carried out by users are: check account balance, transfer funds, view transaction history

97%

of task users want to carry out are centered around: fund transfers, account balance viewing, transaction history and rectification of card debit issues

60%

of customers are skeptical to release personal information to chatbots except the transaction is happening within the bank application interface.

82%

expressed an Expectation mismatch - chatbots are often times too stiff for customers thereby leaving a gap in not making the conversations fluid.

11.  defining the problem

White boarding & Product Planning

To better understand the users’ needs and align our efforts, I led two workshops with my team of five. The workshop focused on defining the problem space and getting a clearer picture of the project. This helped to keep everyone in the loop of things and define the problem(s) we trying to solve for.

banking chatbox illustrationProduct Planning Done in FigJam

12.  problem statements

POVs & HMWs

After the workshop, we had reached a solid direction for the product design with clear understanding of the specific problems to solve for. We defined problem statements and brainstormed on some directions by turning the problem statements into HMW questions.

13.   the mvp: workshop #2

Feature Prioritization

Working on this project, I was time-crunched because we were planning to have a ready product in a month. This was because we wanted to demo the prototype at the World GITEX Dubai.

To help prioritize features that would go into release for the demo, I led a second round of workshop with the team. The purpose of the workshop was to have team members vote on features we should prioritize and get buy-in from the CEO before commencing design.

illustration

The following features were prioritized afterwards:

  • Funds transfer services - LugahBot can help users perform transactions such as transferring funds to saved beneficiaries or new beneficiaries. LugahBot is also able to pull up user’s transaction history
  • Financial advisor - LugahBot can act as a financial advisor for customers. Providing them with insights to help better save and plan their funds.
  • Personalized Recommendations and Product Knowledge - banking companies can use LugahBot to offer a more personalized offerings to their customers by delivering tailored contents to users based on preferences while also educating customers on new products and services available.

14.  design: user flows

Structuring page interactions and information using User Flows

Once we finalised on the core features we wanted to include in the demo, I came up with two possible user flows depending on the “why” a user might use the chatbot application. This was to help us map out the optimal path for users to get them started off with whatever their need might be.

HIGH-LEVEL USER FLOW

user flow chart

15.  the design

The users are mainly going to be using our chatbot mobile application for one major reason: to get answers to one of their problems

Given the short time for delivery, I centred my design around simplicity and functionality. I wanted to ensure the key tasks users perform with their banking applications are clear and easy to carry out in a conversational manner via the chatbot.

  design decision(s)

Opting for an Hybrid Interface for the Chatbot Conversation

For the design of user interface, I opted for a part conversational, part point and click. This is to give users some control, even though they will be talking to a robot, the experience didn’t need to totally feel that way. So I incorporated stop gaps for users to confirm or cancel certain processes. That way, users still feel in control.

Reach and Accessibility

From my research, I discovered that the younger generations preferred instant messaging over voice communication while the elderly may have trouble typing their requests. So I optimised my design to accommodate both preferences by providing an option for voice interface as well as a typing area.

ai banking example1

Welcome Screen

ai banking example2

Phone Verification of registered users to grant access to application

ai banking example3

Main screen with access to transaction history and account information

15.  the app scenes

The app has 4 main features

iphone oneiphone one
number one

Customer Onboarding - account opening

Lugahbot onboards customers easily and allows easy upload of all documents required for customers to open an account with a bank.

number two

FAQs

Customers will always have questions when their money is involved. But most banking call centres and customer support lines are not available 24/7.
Lugahbot is able to provide customers with answers to any information they require or need clarification on. While also red0recting them to a knowledge base system for more information incase needed.

iphone oneiphone one
iphone oneiphone one
number one

Funds Transfer

Funds transfer is the most performed task on mobile banking applications.
Lugahbot is able to help customers make fast and secure fund transfer to any beneficiary, both new and saved ones.

number one

Financial Advisor

Funds transfer is the most performed task on mobile banking applications.
Lugahbot is able to help customers make fast and secure fund transfer to any beneficiary, both new and saved ones.

iphone oneiphone one

16.  usability testing

Demo & Feedback Gathering at GITEX Dubai

At the GITEX Expo, I had the application tested by some users and a UX Researcher from a Fintech companies as a potential solution for onboarding older adults on their digital banking app. What worked for them include:

01. Fluid conversation and prompts

Users liked the conversation prompts because it made the conversation faster and didn’t have to go around looking for task buttons

02. Chatbot prompt replies

Users liked that the chatbot was prompt in its replies without keeping them waiting

03. Easy onboarding

One UX researcher found the user onboarding experience smooth adn could see how conversational onboarding could be beneficial to the older generation who prefer voice interface to instant messaging.

17.   result & impact

Project Impact

After the beta testing done at the GITEX Expo and having some Fintech companies and bank representatives use the app to get feedback and suggested improvements, we collated the results and proceeded to release the first version of the application in November as an enterprise solution with more updates to be made as we engage businesses on the platform.

5

of task users want to carry out are centered around: fund transfers, account balance viewing, transaction history and rectification of card debit issues

85%

of customers are skeptical to release personal information to chatbots except the transaction is happening within the bank application interface.

10.  did i win something?

Project Reflections & Learnings

Despite being my first time working on conversation interfaces, I was happy for the opportunity to lead the product direction for such a product that we went on to demo at the Dubai GITEX Expo. Here are some of the learnings I took away from working on this product:

01. Prioritise and work with a linear flow

Using a MVP matrix to know which features to move ahead with and which to drop will go a long way in helping to make sure you have a linear direction in designing your product for initial launch. This will also help with meeting tight deadlines while still being able to deliver a quality product with good enough features to get the product out there.

02. Minimalist Interface

Minimalism is key in making sure users are not overwhelmed by the interface design and worst still, confused as to what to do. Knowing the why and who of the product will ensure that we are designing for the right people and also solving their problem(s).

03. Data-driven decisions

Research is key to launching any product: making sure there’s a market/demand for it, knowing similar solutions that exist and critically analysing the existing solution to make informed decisions in designing your product. This will not only save costs but also time and energy invested in the product.

04. Gathering Feedback

Before getting a final product out there, several iterations happen. Iterations take a lot of time and can involve so many back and forth. One thing that will save a lot of time and these back and forth is getting feedback at every stage of the product design. Make sure all key players: stakeholders and team members are carried along through it all and adequate testing of solutions are done.