Methods and systems for initiating a recording session in a graphical user interface by dragging a drag-to-record element

A non-transitory storage medium storing program code for recording a Graphical User Interface (GUI) element on a user device, the program code executable by a hardware processor, the program code when executed by the hardware processor causing the hardware processor to:

• render a drag-to-record element at a starting position on a display of the user device;
• receive one or more parameters of the GUI element;
• determine one or more threshold edges of the GUI element based on the one or more parameters of the GUI element;
• receive a drop position of the drag-to-record element above the GUI element, in response to a single action of dropping the drag-to-record element by a user above the GUI element, wherein the drop position of the drag-to-record element above the GUI element is bounded by the one or more threshold edges of the GUI element;
• identify the GUI element as a recording target based on the drop position of the drag-to-record element in response to the single action of dropping the drag-to-record element by the user above the GUI element;
• and
• start a video recording of a user interaction with the GUI element based on identifying the GUI element as the recording target in response to the single action of dropping the drag-to-record element by the user above the GUI element, wherein the video recording comprises a video of the user interaction with the GUI element.

A method for recording a Graphical User Interface (GUI) element on a user device, comprising:

• rendering a drag-to-record element on a display of the user device;
• receiving one or more parameters of the drag-to-record element;
• determining one or more threshold edges of the drag-to-record element based on the one or more parameters of the drag-to-record element;
• receiving one or more parameters of the GUI element;
• receiving a drop position of the GUI element above the drag-to-record element, in response to a single action of dropping the GUI element by a user above the drag-to-record element, wherein the drop position of the GUI element above the drag-to-record element is bounded by the one or more threshold edges of the drag-to-record element;
• identifying the GUI element as a recording target based on the drop position of the GUI element in response to the single action of dropping the GUI element by the user above the drag-to-record element;
• and
• starting a video recording of a user interaction with the GUI element based on identifying the GUI element as the recording target in response to the single action of dropping the GUI element by the user above the drag-to-record element, using the one or more parameters of the GUI element, wherein the video recording comprises a video of the user interaction with the GUI element.