The case of Russia: How to create a web version of the service to manage personal Finance CoinKeeper

Four years ago appeared in the App Store the first version of CoinKeeper. Developing CoinKeeper, we have studied many existing apps for personal Finance. Almost all of them had two significant drawbacks.

We addressed these two problems in one fell swoop, creating the home screen with the basic parameters and think of the mechanics of drag and drop coins. To add the operations needed to make only three steps. Drag the coin to enter the amount and choose a day. This interface allows you to quickly, in one motion to conduct transactions between multiple accounts and categories.

Largely because of this interface every day, more than 35 thousand people put about 120 thousand operations. However, over time it became clear that there are many scenarios where the mobile device is not enough. This summer we started working on the web version of CoinKeeper, to give even more people a cool tool for managing your money.

While there was preparatory work on the backend, we solved, how should the interface look CoinKeeper on the browser screen. The questions appeared one after the other. And we think weve found the answers.

When designing the web interface CoinKeeper we have retained two basic principles that used to work on mobile versions. Ideally, the entry operations must take place without your participation. But today the Russian banks do not give access to the clients even with their consent. Alternative methods for detection of extracts, scanning or copying receipts to the application of transactional SMS have many limitations and are not suitable for most people. With CoinKeeper for Android recognizes SMS banking, and we are now actively improving this feature.

Download Internet data-banks may also come up some users, so we work in this direction. However, first we must ensure the most rapid and convenient manual entry of transactions. We had many different ideas and opinions. Lets just copy our coolest mobile interface, why break something that works great.

On the computer screen is our proprietary method of dragging coins is not so easy. Drag the coin with your finger on a small screen phone in the purse — accurate and almost instantaneous operation. But if you use the mouse, easy interface turns into a pain.

In this case, begins to interfere with the need to constantly switch between keyboard and mouse. For example, to enter ten operations it is necessary not only to drag the correct coins, but each time to escape the keyboard to enter data. Maybe a choice to make accounts and categories from the drop down menu.

In this case do not require the accuracy to drag the coins, but such an interface does not differ for the better from many other similar other services. Lots of action. Click — scroll — click — click. Moreover, there remains the problem of switching between keyboard and mouse.

If you use the virtual keyboard and add operations only using the mouse. In this case, we do not use strong advantage of computers fast typing using the physical keyboard, CoinKeeper to the transactions you can add tags and comments while doing it with the mouse and virtual keyboard — full masochism. Reasoning thus, and modeling different interfaces, we concluded that input operations should occur only at the keyboard, by analogy with Autosuggest in Google.

For example, after entering “as” you see a string of options from “how to call this love” to “how to cook rice” and can quickly. To test this hypothesis, we made one version of the phrase that understands the program. But we plan to add operations can be a natural language, including voice or chat Telegram, and the algorithm will be to understand and suggest the most appropriate accounts, wallets, tags or category.

When we made this first step and began to use the prototype of the web version of CoinKeeper, we discovered that through the use of the keyboard and the predictive text input operation takes a matter of seconds. Initially we wanted to make the interface in three sections. Main screen with key indicators, transaction history and reports and statistics.

This is more or less the usual and familiar for all sorts of other interfaces of PFM services (personal Finance managers — approx. Ed.). We use this approach in apps for iPhone and Android, so we see all his flaws. The more sections, the less people go there.

For example, to the statistics sections in our applications comes not more than 15% of daily visitors. Someone finds someone too lazy and in the end potentially valuable and interesting information passes by them. Therefore, we have set a goal to more closely link together with all available data and display them on one page.

Breaking the old paradigm, we realized that between the key metrics — statistics and history of transactions — there is a strong correlation. By and large, we keep only the transaction history and the transaction is an invoice, expense category, amount, date, tag and comment. Everything else is derived from these operations, the data view under an angle. Changing the angle of view, we can see different indicators, reports and statistics.

For example, if I see in the report that some expenses I have spent a large sum, I want to see what and when I spent it, but its more than detailed statistics and transaction history. In order to structure all data and their presentation, we divided the screen into three parts.

In the tape operations are the source data, and key performance indicators present the data in different slices. The key indicators we answer the questions.

Almost all blocks interactive. Press on the account, an expense category or tag filters out the statistics and operations. For example, like this.

No matter how much we believed in the correctness of our approach to the interfaces to rate it only based on feedback from you and statistics. So today, we invite premium members CoinKeeper for closed testing. First of all, we want to assess how quickly you can get used to the new way of entering transactions and whether it will be just as fast for you as for us.

Source: google.co.uk/blog/lviv-tech-scene/

Leave a Reply