High Fidelity UX Prototype With Real Math


Some companies want us just for our Axure prototyping skills, especially when they need something realistic to be built quickly for user testing. Ptype is one of the few trainers on the planet recommended by Axure. While we love doing UX strategy and design, sometimes we’re an Axure pair of hands.

An international bank had comps of a desktop website and responsive phone version. They also gave us a spreadsheet with a lot of investment ranges, interest rates, and how much you’ll make on that investment.

The bank had budgeted 200 hours for this project. They had already fired two people before us who swore they could build this and they couldn’t. They brought in Ptype CEO Debbie Levitt as a freelancer. It took her 65 hours, including an adaptive phone version.

The most interesting page in the prototype is the real calculation of interest rates and investment proceeds on CDs. You can try the prototype at https://uahuud.axshare.com/cds.html Please use password ptype for the prototype.

Screen Shots From the Prototype

Top of CDs Page

Screenshots of an interactive prototype aren’t as great at clicking through the real thing! But here, the interest rate changes based on the amount of the investment and the term.

The math is real and based on the spreadsheet Debbie was provided.

Bottom of CDs Page

Here, the data table changes based on the amount you intend to invest. Interest rates and interest earned update automatically.

The math is real and based on the spreadsheet Debbie was provided.

Phone Version – Bottom of CDs Page

Using Axure’s “Adaptive Views,” Debbie faked mobile response design and created a phone version. All of the functionality worked the same in the phone version of the prototype as on desktop.

Phone Version – Accordions

The accordions were also (fake) mobile responsive using adaptive views.

When it comes to user testing, you don’t need to have a high fidelity prototype using finalized typography, colors, stock images, etc. unless there is something about that visual design you want to test.

Medium fidelity is normally great for user testing and mostly what we use so that we can work quicker and burn fewer hours. This prototype is high fidelity.