How to design a super technical task without writing code

Innovate the IT Service Management clunky, a decade-old tool to provide better UX for the IT Analysts.

Client

LogicHub

Case

Guide the developers to build complex SQL without having to write a single line of code.

Role

Head of Design

Capabilities

UX, UI, Design Strategy and Direction

Challenge

LogicHub provides its customers apps who uses the products to identify security breaches faster than other apps currently in the market. One main challenge is to setup the SQL codes in the app requires developer with senior levels. LogicHub hired me to create an easy way to solve this wicked problem for them.

Solution

Provided an intuitive step-by-step guidance model so that the LogicHub's customers who don't have coding background can build and setup their app without having to write a single line of code.

‍

Role

Head of Design

Process

The 3 week design process

‍

Collaborative Wireframing / UI Mockups / Customer Testing / Iteration

Collaborative Wireframing

‍

"Let' make learning the 1st goal for this project" was my principle for the team going in to this. By having prioritize this over everything else would set our minds on serving our customers far better than any other goals, including making money as this case for a startup like LogicHub.

With that, we created the hypothesis that

'We believe this 80% improve in efficiency and speed will be achieved if security developers successfully finish the triaging process with this building SQL without typing a single line of code."

We spend the first week white-boarded the happy path for the user flow.

Lots of paper sketches and wireframes.

‍

UI Mockups

After testing with couple of our internal security experts who presented our target persona, I felt confident to bring my concept into the mid-fidelity mockups.

One of the 2 strongest concepts was the Steppers which seemed very easy for everyone to follow through the process.

‍