Automated workflows

Overview

Able+ is an identity and access management solution which supports single sign-on to applications.

The goal of 'automated workflows' feature was to design and create a unique visual editor to manage complex business workflows. I worked very closely with the product development team to understand and design a user journey for workflows. This feature provides a logical connection for data flow between configured elements.

Project role

UX/UI Designer Team Lead

I interpreted complex user stories into designs and created a 'development ready' user interface. I also, researched and integrated tools to support the workflow editor.

Technologies used

Design challenge

Generally running workflows within businesses is done behind the scenes as it can be very complicated and user interface is not friendly. Our challenge was to design something which can be used by someone without technical skills by using simple logics.

With the idea of flowcharts and how they work, I sat with the product development team to understand the needs and work out some simple design logics. Then I lead the design team and worked very closely on how we plan to achieve a simplistic design approach in creating workflows.

Technical involvement

My Able+ technical journey began with setting up the complete user interface in Angular. For this feature, I was responsible to research which tools will help achieve the management of workflows. I found an open source libary 'JointJS' fit for the purpose of generating workflows.

Choosing the library was the easy part, but the interesting challenge was to get the designs and JointsJS work within Angular. I wrote strong reusable frontend code to get the best of the user interface design and JointJs library before handing it for backend integration.