Ayasdi - Anti-Money Laundering Update

Update enterprise AML banking app design

Create task pathway with multiple points of entry and exit for different users

The AML app update has to accommodate multiple user types; data entry, data analyst, managers, and auditors. Permissions reveal part or all of the user journey depending on roles.

Update look and feel from the current product

The current product is plain and uninspiring as well as hard to use. Customers wanted something that not only made a repetitive task easier but also more delightful visually.

Simple onboarding joyride

Quick onboard balloons showing new features as well how to use and access them.

Log in screen for latest AML design

Earliest PM wireframes for AML redesign.

PM wireframes after whiteboarding and brainstorming.

AML preliminary visual and UI design. AML, Iris (code name Neptune) and Ayasdi Core Design System were all being designed concurrently. As improvements were made to visual design or user interface in one, those changes were applied across the other prototypes to maintain consistency.

Experimenting with twin taskbars; on the left would be the main navigation to main tasks, to the right would be the guided ordered path with subtasks in order of need.

By this version, testing had shown us that the subtask routine being on the far right was confusing users. A common refrain was that they had to look back and forth. In this instance, both tasks and subtasks have been moved to the main left navigation area. As the user completes needed functions, the bright orange CTA button would enable and the user could continue to the next subtask.

Color is used very strategically in both AML and Iris; orange is used judiciously and only for calls to action, warnings, and important status updates.

In the final version handed off to dev, iconography has been added. On the home screen, shortcut buttons have been added for tasks listed in user surveys as most common.

Widgets such as time counter have been designed specifically to match the visual language across Ayasdi apps. Color and type are being used to create visual order and hierarchy to aid user workflow. Color is used to guide the eye to most important parts of the design and aid the user in finding “what’s next”.