Nirav Malsattar - Portfolio

Copyright © 2021 - Nirav Malsattar

Rabo SmartPin was UX research project for evaluating the usability, and the experience of the Rabobank's SmartPin Device and it's Mobile application. This project involved a heuristic evaluation on the usability of product-cum-digital service and redesigning the concept for the mobile application, based on the comprehensive interaction analysis, wireframing, prototyping and user tests. At the end of the project a new user interface Recommendation for the Rabobank's mobile app was designed, and proposed to the client.

Usability Test & Problem Framing

The three foremost UX issues identified:
1) Inconsistent User Interface,
2) No Visual feedback or feedforward features
3) Unreliable Bluetooth connectivity.

  • Usability Test with Rabobank's SmartPin Device & Mobile Application

  • Evaluating the Usability of the payment flow based user's click while following designated tasks

  • Categorization of the usability issues

  • Categorization of the usability issues

  • Categorization of the usability issues

  • Conclusion: 1) Inconsistent User Interface 2) No Visual feedback or feedforward features and 3) Unreliable Bluetooth connectivity.

Sketching, Wireframing & Prototyping

Based on the usability test and evaluation, We focused on the first two problems:
1) Inconsistent User Interface,
2) No Visual feedback or feedforward features.

  • 1: Initial sketeches of the Application UI

  • 2: Wireframe of the Application UI - Payment flow

  • 3: Wireframe of the Application UI - Settings

  • 4: Incorporating usability insights into wireframing

Testing & Evaluating the prototype

A prototype of an app was developed from the wireframes (using Sketch Software) & Tested with user

  • Usability Test with new design of the application interace

Final Design Consideration & Recommendation

Based on the insights from the user test and evaluation, a redesign of the application interface was proposed, to provide a seamless transaction experience with Rabo SmartPin.

  • Redesign Screen 0: Overview of the app

  • Redesign Screen 1 : Order Page

  • Redesign Screen 2 : Payment Page

  • Redesign Screen 3 : History Page

  • Redesign Screen 4 : Settings Page