I have three friends Bob, Sam, and Maya. We all deposit some of our pocket money together to the electronic wallet. On tough time we can move money from each other accounts as Bob can transfer money to Maya or Maya to Sam. To make transfer easy we had made a bar chart app which shows how much money each person has and the user can transfer using drag and drop. As in the below chart.

  1. Bob had deposited Rs 20,5 and 40 in the different week . Similarly Sam deposited 25,20, and 20. Maya 20,20 and 3
  2. Bob, Sam, and Maya keep depositing and chart keep increasing.
  3. Money can be transferred using drag and drop from one bar to other like in below example Bob transfer its 3rd-week money to Maya using drag and drop.
  4. Electronic wallet has a restriction to not split the money and transfer. How much chunk is deposited same can be transferred not by splitting. Bob can transfer 20,5 and 40 not splitting any to the intermediate value.

We wanted to build a visual way of transfer, is it a good user interface? Its a stacked bar chart, in which if one amount becomes small drag and drop is tough.Any alternate way to do this?

Any alternate way to do this by nice visual user experience?

enter image description here

Key Points and Asumption

  1. Group of 3 users is only possible at a time.
  2. Mostly user has the requirement to transfer the same amount which is already available to some other user.
  • I don't understand the thing about not being able to split deposited sums. This seems like and extraordinarily inflexible system. I could understand only being able to transfer specific amounts (eg. if I deposit 107 I should be able to transfer in blocks of 1, 5, 10, 25, 50, or 100 to keep things simple) but I don't understand the requirement to only move blocks in the amount they were originally deposited. What's the reasoning behind this? Sep 20, 2018 at 9:22
  • we can transfer same originally deposited money as the same chunk as it deposited. It is a restriction from the bank as a bank doesn't have the change to split and transfer. This is new bank and just a small example usecase Sep 20, 2018 at 9:30

1 Answer 1


This UI has lot's of usability issues like what if Maya just want 10 bucks and nobody has exact 10 units on their bar chart. Do you have options for that, if yes, then where are they?

Other UI issues include

  1. Scalability issues What happens to UI if users make 3-4 transactions per day or 20 transaction per week. Won't it be looking messy?

  2. Large number of users What if there are 20 users in the group.

  3. Not mobile friendly Dynamic Charts are generally not mobile friendly.

Take on Alternative UI

I cannot give provide you alternative UI because that's your job but can suggest you what to do from here :

  1. Go Back to your drawing board and first create various use cases followed by user journeys and then try achieving your objective with a simpler layout, like a list etc.

  2. Once the journey of your module is figured out and achieved with simplicity, then let your creative brain fly.

While creating UI take care of the above points I have mentioned in UI issues list.

Answer updated

If your objectives are met by this UI and only issue is drag and drop, one solution I can think of is that you allow user to adjust the Y axis scale .

So if user want to transfer 1 rupee and the scale is adjusted to from 1-100 to 1-10, fractional size of 1 unit will increase and then you can drag it.

Else I will advice you to keep the charts just for the display and transfer options in just dropdown beneath.

enter image description here

So even if you are just doing the drag and drops, a list of total transfers is created at bottom which user can confirm by clicking on "Transfer x money now" and the money will be transferred. This way, you can transfer even Rs 1, without scaling the axis.

Hope this helps.

Thanks :)

  • Only 3 users will be in a group so a Large number of users the problem will not occur. And a scenario like transferring money which is not available in the group does not occur. User request some money which is already available in some one's account. Sep 20, 2018 at 9:55
  • Okay, I have updated the answer. Sep 20, 2018 at 11:34

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.