This is a redesign project of the interface of two Ingenico POS product models: ISC 250 and ICMP. This project is one of my projects of my summer intern at Elavon, inc. There are different features for these two product models. For ISC 250 (the upper one on the left picture), it is a front desk POS machine with multicolor display usually used by supermarket checking counter. For the ICMP(the bottom one on the left picture), it is a mobile POS machine which is designed specifically for mobile payment. It can only provide grayscale display on its screen.
I individually undertook this project. The arise of new generation of chip credit card is the main reason that drives my summer intern company to redesign the interface of their POS machines in order to provide users with better experience and efficient transaction progress. Also, after discussion with UX team of Elavon, I researched and designed POS interface for other situations including debit card, EBT and gift card.
Initial Design & Task Analysis
To figure out the functions of ISC 250, I firstly discussed in detail with development team. Also, I went through the whole process of using the original ISC 250 and categorized the operational process on ISC 250 by using different cards: credit, debit, EBT and gift card. Then I made the task analysis diagram concerning usage of the four types of cards.
Difference between these four types of payment:
Verification of payment
For credit card: users need to input zip code, sign for verification.
For debit card: users need to input pins but don't have to sign in most cases.
For EBT and gift card: users input pins rather than sign for verification.
Debit card users can require cash back when using POS machine to finish their payment
When discussing with our UX team, they give an important response that since many users of Elavon are retailers and restaurant owners, a gratuity function will be convenient if we can add it to our payment progress. After receiving this response, I designed an input gratuity function and added it.
EBT& Gift Card
I discussed with both UX team and development team to decide the visual design style for ISC 250.
I proposed to apply metro design (flat style) style to the visual part of this project since this style can greatly inherit the original design of Elavon. Also, the technical team suggest me to use less gradient color considering the real limit from the screen of ISC 250. So I chose to use metro style with big color block in the final.
ICMP is another POS machine model produced by Ingenico. It is designed specifically for users who have the needs for mobile payment and settle accounts. Many customers of Elavon also possess this model. One feature of ICMP that it can only provide grayscale display has proposed a design challenge that the information hierarchy can not be highlighted by using color. In addition, the screen of ICMP is much smaller than ISC 250 which requires the conciseness of information bing displayed. For operational mode, ICMP can only support chip card and tap to pay, that is to say, the regular swiping to pay can't be used.
So comparing with ISC 250, the three design goals of ICMP interface is:
1. Design monochrome interface
2. Concise information
3. Don't have to consider swipe payment
This is my first experience of accepting a task to design on POS machine interface. There are many special requirements and features. Compared with regular interface design that I usually get in touch with like mobile phone interface and website, there's more limitations for designing on POS machine. There are less freedom for choosing color, the screen size is also different, the information display should be concise and user friendly. It is more complicated to analyze the users payment activity because there are many modes of payment. But this is also a great design practice to implement my knowledge and skill on a different platform.