Smartphones have heralded an era of high mobility.
As a result, computing devices have become tiny and human life is running at a fast pace. Earlier, the internet witnessed the same boom and changed the scenario by offering a variety of services. For instance, people had to go to banks for operating their accounts or making any kind of transaction. The internet helped in reducing this traffic. Further, the introduction of mobiles, brought a wave with an increased number of ATMs, reducing the cubic feet of banks. The newer method modernized the bank system to comply with mBanking.
Today, mobile development companies have a queue lined up for several bank projects. Previously, many of these companies were web designing companies and therefore, inherited all the concepts of web designing and applied them to mobile development. Let’s look into some instances for better clarity.
Picker or Spinner:
In many mobile interfaces, you will find drop-down menus especially when you transfer money from checking (current) account to the saving account. It also displays Fill Amount and Verification fields. If you click on the drop-down menu on the web, you can view a list of accounts with the code and amount. However, the same translates awfully in mobiles as iPhone shows only 3 full and 2 partial choices with its standard picker control. On the other hand, Android shows 8 options using the spinner overlay. For a 20 accounts holder, the bank seems helpless.
As a mobile development company, what will you offer the mobile developers? To create a better experience, we can adopt another design pattern. Let’s find out in detail.
Table View (Dedicated Selection Page):
iOS developer guidelines consider using a table view instead of a picker for displaying a large number of values. An extended table view offers easy scrolling. Like this, you can consider other advantages too. For instance, use any font for branding, utilize the full width of the page, wrap the text as you wish, etc. For mBanking, the form page is a little altered. Usually, you can go straight from account to Fill Amount and then to Verification. However, with each step, you will have to visit a dedicated page to make a selection and then move ahead. Thus, the process becomes quite long. It may be bearable for filling small forms but is not a good option for larger firms.
Wizard Flow with Form:
To cut down many steps, you can use a wizard flow. You can start with a dedicated page, make selections and then come to the main form to enter the amount and verification code. Just four steps! This pattern can be called the best due to optional fields, multiple input fields, etc. Easy editing is the major benefit out of all. In case of a mistake, you just need to repeat the whole process, correct the input field and move ahead. This gives you a smooth flow and a better user experience.
This reveals that mobile development is quite different from that of the desktop. You should just not copy the web experiences at all and apply them to mobile development.