Screens from Mitt forbruk in dark mode

Eika

Mitt forbruk

A concept for mobile and online banking

Role
UX designer
Product type
Mobile and online bank
Department
Customer channels
Period
2022 – 2023
A tablet and phone showing Mitt forbruk in Eika’s online bank
See the whole caseHide the whole caseMy role, interviews, archetypes, concepts and final design

Background

About Eika

Eika is an alliance of independent local banks across Norway. Eika provides economies of scale, services and products to the banks and their customers.

A person using Mitt forbruk on a laptop

Role

Designer in the mobile and online bank team

In Eika’s mobile and online bank team, I worked on the services people use in their everyday banking, such as payments, transfers and opening accounts. I also worked on more complex tasks, including international payments.

A bigger project was Mitt forbruk (My spending), where we explored how customers understand and use information about their own spending. Below I show how we worked with insight in this project.

Project

Mitt forbruk (My spending)

Many customers lack insight into their own finances, which makes it hard to make good financial choices. We therefore explored how bank data, such as transaction lists and income and expense overviews, can help our customers gain more control and make better-informed decisions.

Screens from Mitt forbruk in dark mode

Process

Design process

  • Customer interviews

  • Analysing insights

  • Defining user problems, goals and needs

  • Concept development

  • Prototype

  • User testing

  • Final design

Insight

User interviews

Initial interviews

We started by interviewing friends and acquaintances to get a starting point. Many wanted to track their spending, especially in specific areas like cafés, food and eating out, rather than getting a total overview. Several also found comparing themselves with others’ spending motivating and interesting.

User interviews

We interviewed six people, recruited through Norstat. The participants were cost-conscious but didn’t need to be customers of an Eika bank, and their ages ranged from 27 to 53.

The conversations focused on their relationship with money, how they keep track of their spending, and how they plan their finances month by month.

Illustration of four people

Archetypes

Four archetypes

Based on the interviews, we developed four archetypes, shown below with relevant quotes from the participants.

  • Illustration for the archetype «Big spender on a small budget»

    Big spender on a small budget

    • «I live as if I’m rich, but I’m not»
    • «I don’t really want to know how much I spend, but I have to, or it all goes wrong»
    • «I’m not really to be pitied. But it’s a shame I can’t manage it.»
  • Illustration for the archetype «The passenger»

    The passenger

    • «I’d rather risk my card being declined than check my balance»
    • «My husband tells me when we need to save and what we should cut back on»
    • «I don’t really want to know what I spend money on. But I know it’s something I should.»
  • Illustration for the archetype «The sober insight enthusiast»

    The sober insight enthusiast

    • «I check that the transaction list is right. That the bank charges the right amount»
    • «I have a very high threshold for what I buy. If I buy it, I really need it»
    • «I’m more oriented around process than actual goals. I like knowing how the money is divided.»
  • Illustration for the archetype «The confident one»

    The confident one

    • «I’ve found the simplest way to keep track of my finances»
    • «I think it’s a challenge to get other people to take ownership and get better with money»
    • «I would never buy anything on credit»
    • «I’m quite simple and my spending is stable. I always have 10,000 more in my current account than I need.»

Analysis

Key findings

  • Several feel ashamed of their spending and of their lack of insight into their finances.

  • They want an overview and control of their spending, and miss a feature in the online bank to help them with it.

  • Many mention that they don’t want to know how much they’ve spent – it’s more interesting to see how much they have left to spend.

  • For many, upcoming expenses matter most, both bills and estimated spending.

Sticky notes from the interview analysis

Opportunities

Design opportunities

  • Set your own goals

    Set goals based on previous spending. Focus on spending a little less, getting a little better. Small steps.

  • Focus on the positive

    Focus on what you have, not what you don’t have.

  • Give users control

    Give users full autonomy to choose what they want to see – and hide what they don’t.

  • Let users choose their focus

    Let users decide whether to focus on how much money they’ve spent, or how much they have left.

  • Visualise without numbers

    For example, show a plant that grows and blooms if you’re doing well financially, and wilts if you’re spending a lot.

Concepts

Concept development and user testing

After analysing the interviews, we started developing concepts. We explored ways of showing how much has been spent and how much is left, as well as visual ways of presenting spending.

Below are the concepts together with feedback from the user tests.

Concept 1

Focus on expenses

The first interviews gave us a clear impression that we should focus on expenses and how much you spend over a period.

Based on this, we developed a concept where users choose which expenses they want to follow. It lets them get either a total overview or focus on specific expense categories. Using the transaction list, we can automatically identify how much is spent in different areas.

User test feedback

We heard that many don’t want to know how much they spend, and find it more interesting to know how much money they have left.

Many also felt that comparing themselves with others was either terribly uncomfortable or pointless.

Sketches of concept 1, focused on expenses

Concept 2

Onboarding

We felt it was important to give users a proper onboarding to Mitt forbruk, so it’s easy to get started. Here users choose their focus areas, what motivates them and which expenses they want to follow.

User test feedback

People liked the illustrations! They also said it would be nice to know how long it takes and what you have to go through on the first screen. They liked being able to choose focus and motivation, but wanted to be able to choose more than one.

For many of the people we talked to, for whom money is a sensitive topic, it was good to have many expenses to choose from – it meant their expenses were real.

Sketches of concept 2, onboarding

Concept 3

Focus on goals and money left to spend

Many don’t want to know how much they’ve spent on different things, and would rather focus on how much they have left. So we made a concept focused on money left to spend. You can add weekly, monthly and yearly goals, as well as your own expenses.

User test feedback

Many liked that the focus was on money left to spend rather than money spent. It’s more positive and motivating.

Users also liked being able to add their own expenses and goals. “Great that you can choose between weekly, monthly and yearly goals – not everything has a weekly goal, after all.” The graphics were appreciated.

“Using red when you’ve used up the goal for the period is a bit much. Could it be orange instead? Or toned down?”

Sketches of concept 3, with goals and money left to spend

Concept 4

Visualising spending without numbers

Many people get scared or worried when they see how much money they’ve spent. So we wanted to visualise spending in a way other than numbers. Here we found images to describe how you’re doing.

User test feedback

Users didn’t like this. Someone falling felt negative, and it wouldn’t motivate them. We asked whether plants would be different, and got the impression it might be better, but still not something they wanted.

Sketches of concept 4, showing spending with images instead of numbers

Solution

Final design

Mitt forbruk gives users insight into their finances. They can follow the expenses they want, using the transaction list and a little input from the user.

The design is in dark mode because it was something I wanted to explore. It would probably be implemented in light mode first.

Two hands holding a phone with Mitt forbruk

Three states

Visualising spending

Once expenses are added and linked to the transaction list, spending is shown with a progress bar. If you have money left to spend, the bar is green; if it’s all used, it’s blue; and if you’ve gone over the goal, it’s red. The red is toned down so it isn’t too dominant, while still giving a subtle warning.

The spending page with progress bars for each expense

Weekly, monthly and yearly

Insight into each expense

Users can see how they’re doing per week, month and year. We chose different charts to suit each time period.

Charts of spending per week, month and year
  • The start screen for Mitt forbruk

    Onboarding to Mitt forbruk

    Getting started with Mitt forbruk makes it easy for users to begin using the feature. After user feedback, we added information about what you need to do and how long it takes.

  • Three screens from the Mitt forbruk onboarding

    A three-step process

    First, users choose what matters to them, and they can pick all three options, since several things can matter. The same goes for what motivates them. We also list many expenses to make it quicker to get started.

  • The screens for adding food as an expense

    Adding food

    We would use the transaction list and machine learning to guess which shops and places the user buys from in each category. The user picks the right shops, then sets a monthly spending goal.

  • The screens for adding a new expense

    Adding a new expense

    Users can add as many expenses as they like, and name them whatever they want. To link the transaction list, users write down the shops where they spend on that expense. Then they set a goal, and the expense is added to the Spending page.

Summary

The people who need the most help with money often don’t want to focus on how much they’ve spent, because it feels negative. They prefer to see how much they have left to spend. For those who aren’t struggling, following their spending is motivating. This shows how important it is to define the target group clearly – if the solution is to serve several groups, it has to be flexible.