Create Test Steps

Design an onboarding experience that is intuitive, flexible and robust with as fewest clicks as possible. This is the previous set-up flow for Synthetics, where variations of interactions and edge cases need to be taken into consideration.

Role

UX Designer
Co-Researcher

Team with

Janani Ravikumar
Ayu Larasati

Progress

Concept design, ideation to UI

Date

Sep 2019 - Nov 2019

My Role
Lead UX designer, Researcher
Timeline
2023 Q2
Shipped
Teammates
Collaborate with 1 PM, 4 Developers
Tool
Figma, Figjam

Overview

This is a project for designing the most intuitive interactions for users to set up "steps" on their scripted recording of actions, and deliver a flexible experience that takes edge cases into consideration.

Use Case

On the existing flow of synthetics onboarding, where users will upload recorded Selenium tests of scripts, users will be able to understand and create steps that they want to monitor and alert on.
For MVP version, users cannot freely edit a step, i.e. they are not able to create new, edit, or delete the scripts or commands, nor could they change the line order of commands.

Key Challenge

Design an experience for users to understand and create steps for monitoring that is intuitive with fewest clicks as possible. Users will immediately understand the limitations without revoking previous actions.

Ideations

Working together with Greg Nudelman, Keith Sealy, and the mission team, we ideate different ideas of allowing users to create steps:

sketches and wireframes for ideating how to create steps

Decisions

The final decision is a decision weighed on the basis of number of clicks, user task success rate and preferences from usability testing, and discussions with the engineer team.  

Get in touch for more design details 📭

Delivery

Create steps

Turning on the mode of "Split into Steps", users could simply separate the scripts into steps by moving the mouse to the command line with 1 click.

animations of creating first step

Create another step

Users could create another step by splitting commands within a step.

Remove a step

As a user cannot edit or reorder the script of commands, if the user removes a step, the commands will be combined into the first step.

back to top button icon