ATM Interface design

User interface redesign for SDM Bank ATMs.

ATM Interface design — 1-v1

The Problem: design with a lot of limitations

The key technical requirement was to keep the basic screen grid and old software core. The design looked outdated, but all the main elements should have remained in place.

 

Old version:

ATM Interface design

My Process


Research, wireframes and prototypes.

 

  1. Collecting requirements and specs
  2. Creating clear wireframe of the interface grid
  3. Sketching and prototype-testing layouts on key users from the bank team and customers
  4. Selecting UI solution

 

Stages on the screen:

ATM Interface design — atm-process

Creating UI

  1. Moving forward with selected layout, increasing design details and finishing all the screens
  2. Implementing interface design for small group of ATMs
  3. Minor design and bug fixing
  4. Releasing to ATM network

 

New interface

ATM Interface design — layers
ATM Interface design — 6-Г
ATM Interface design — 3.1-Е
ATM Interface design — 9-3-И
ATM Interface design — 5-A
ATM Interface design — 8-2-Б
ATM Interface design — 3.1-Д

The result

The new design of the interface meets the requirements of the time: now it is a sharp-looking design.

I incorporated universal design principles into the style, allowing in the future to adapt the style to terminals with touch screens.

The numbers: 2 languages, 146 screens in each version.

Next project

SDM Business Merchant Platform

Rebuilding merchant dashboard and Interface for the retail sector banking clients.

Product designWeb-design