An interface of mobile application for smartphones and tablets for iOS and Android.

 

Task: to develop an interface of mobile application for accepting of payments with a possibility of simple customization for any bank by changing the color and bank's logo.

 

The development of such a big interface must necessarily start with a plan. In our case its structure acts as the interface plan.

The application structure not only helps design the interface but also facilitates the work of developers: they can start their part of work without even seeing the application final screens, which significantly saves the development time.

 

Then the work on the application wireframes started. The application wireframes are images of screens which allow to understand the content and the layout of interface elements relative to each other, but say nothing about the appearance.

All the application interfaces developed in Flyphant necessarily pass operability check in form of an interactive prototype in Invision already at wireframes stage.

 

Application screens are designed in such a way that by changing just color and logo the application becomes branded by this or that bank.

 

At first start of the application the language sets automatically, but the selection is up to the user.

 

Then the user has to pass activation. The email address or the phone number where the activation code is sent is specified.

 

After activation the user is offered to pair the device at once to avoid this step when paying.

 

For the subsequent login to the application it is necessary to enter the password or PIN-code. Several users can be activated in one application.

 

Depending on the application presets, the user can have a possibility to choose goods from the presented catalogue.

 

The are two ways of proceeding to the payment: by selecting the goods or by simply indicating the bill sum.

 

Before card payment there is a choice of how to pay: through a card reader or through a PIN-pad.

Depending on the chosen card payment method, the user's signature might be required.

After signing, all the data is checked, the telephone number and the email address where the bill will be sent are specified, and the payment is accepted.

If the customer wants, and if the printer is connected, the bill is printed at once in his presence.

 

In the application settings it is possible to link or unlink the devices, change the password or PIN-code for login or change the application language.

 

A significant share of mobile payments is made using tablet. The interface developed for iPhone was adapted by us for iPad.

 

Besides adaptation of application interface for iPad, adaptation for smartphone and tablet under Android operating system was carried out.

The interface development finished with preparation and transfer of all the graphical materials and videos, describing the interface animation, to developers.