Execution
In this example, Cycle is executing a Group Test — spinning up a number of connections simultaneously to a given server and running a series of commands to show how the server responds to high volumes of traffic. Users can inspect each worker's progress via a terminal interface and by watching the output.
Color modes
In addition to making light and dark themes for the application, I also devised a code syntax palette that would be accessible in either mode.
Additional screenshots
Cycle is broken up into three major regions, with each containing multiple views that the user can switch between at will. The leftmost column is used to browse projects and files, notifications, example sets and project settings. Executable files such as Features, Group Tests and Playlists are shown in tabbed views in the center region. The right column is reserved for supporting operations such as the Step Assistant (a baked-in help manual) or Output view. Over the course of three-ish years I designed all of the components shown here and many others hidden behind more esoteric functions of the app.
Process work
Given the fact that Cycle is an enterprise application under active development, I am limited in what I can show from my sketchbook. However, I am able to provide a few samples to illustrate how I think about user interface design.
