Making beautiful forms; Square and Recurly. Making beautiful forms; Square and Recurly Posted by Dion Almaer about a year ago on ux I recently had some time to play with some apps (stuck somewhere with no place to go). I started to play with Square (and their card case app). I have always been impressed with their UX as it is simple (much use of white space a la Google), but in a way that is quite beautiful and not bland as Google can be. One area that jumped out to me was on a very simple flow. Adding your credit card info. Most sites make you select a bunch of unnecessarily information and the forms are overly verbose. Initial Ask You are simply asked for your credit card number: There is a mini picture of a credit card to the left of the number text field As soon as you type a number the credit card “face” changes to become a VISA or MASTERCARD (or whatever) showing you instantly that they are grokking what you are typing in.
Now you are asked for the secondary info The feedback throughout the experience is fantastic. Live life richer with lovemoney.com. NestWise Personal Financial Advisors | NestWise. Online Financial Planning Service | MoneyVista.