Abstract: To develop a user-interface prototype, a gesture patch is selected, a gesture is specified for the gesture patch, a first layer patch corresponding to a first layer of the user-interface prototype is selected, and an output of the gesture patch is coupled to an input of the first layer patch. The patches are graphical elements. The gesture patch is associated with an underlying gesture recognition engine, physics engine, and state machine. The input of the first layer patch corresponds to a display parameter of the first layer, which corresponds to a first image in the user-interface prototype. The method also includes generating the user-interface prototype for display, receiving user-interaction data corresponding to the gesture for manipulating the user-interface prototype, and updating display of the user-interface prototype in accordance with the user-interaction data and the coupling of the gesture patch to the input of the first layer patch.

Abstract: A method at an electronic device communicatively coupled to a mobile device includes: receiving user inputs defining a prototype of an application for the mobile device; sending one or more images for the prototype to the mobile device for display in a user interface of the application; sending initial display parameters for the one or more images to the mobile device; receiving user-interaction data from the mobile device corresponding to interaction of a user with the mobile device while the mobile device is displaying a respective image of the one or more images in accordance with the initial display parameters for the respective image; determining an updated display parameter for the respective image, in accordance with the user-interaction data; and sending an indication of the updated display parameter to the mobile device, wherein the mobile device is to display the respective image in accordance with the updated display parameter.

Abstract: To develop a user-interface prototype, a gesture patch is selected, a gesture is specified for the gesture patch, a first layer patch corresponding to a first layer of the user-interface prototype is selected, and an output of the gesture patch is coupled to an input of the first layer patch. The patches are graphical elements. The gesture patch is associated with an underlying gesture recognition engine, physics engine, and state machine. The input of the first layer patch corresponds to a display parameter of the first layer, which corresponds to a first image in the user-interface prototype. The method also includes generating the user-interface prototype for display, receiving user-interaction data corresponding to the gesture for manipulating the user-interface prototype, and updating display of the user-interface prototype in accordance with the user-interaction data and the coupling of the gesture patch to the input of the first layer patch.

Abstract: A method performed at an electronic device with a utility for prototyping a user interface having one or more layers includes, in the utility: for each image of one or more images in the user interface, selecting an image patch, selecting a layer patch, and coupling an image output of the image patch to an image input of the layer patch; selecting a gesture patch and specifying a gesture for the gesture patch; coupling an output of the gesture patch to an input of a first layer patch; generating the user interface for display in accordance with the couplings; receiving user-interaction data for manipulating the user interface, the user-interaction data corresponding to the gesture; and in response to the user-interaction data, updating display of the user interface in accordance with the user-interaction data and the gesture patch as coupled to the first layer patch.

Abstract: A method performed at an electronic device with a utility for prototyping a user interface having one or more layers includes, in the utility: for each image of one or more images in the user interface, selecting an image patch, selecting a layer patch, and coupling an image output of the image patch to an image input of the layer patch; selecting a gesture patch and specifying a gesture for the gesture patch; coupling an output of the gesture patch to an input of a first layer patch; generating the user interface for display in accordance with the couplings; receiving user-interaction data for manipulating the user interface, the user-interaction data corresponding to the gesture; and in response to the user-interaction data, updating display of the user interface in accordance with the user-interaction data and the gesture patch as coupled to the first layer patch.

Abstract: A method at an electronic device communicatively coupled to a mobile device includes: receiving user inputs defining a prototype of an application for the mobile device; sending one or more images for the prototype to the mobile device for display in a user interface of the application; sending initial display parameters for the one or more images to the mobile device; receiving user-interaction data from the mobile device corresponding to interaction of a user with the mobile device while the mobile device is displaying a respective image of the one or more images in accordance with the initial display parameters for the respective image; determining an updated display parameter for the respective image, in accordance with the user-interaction data; and sending an indication of the updated display parameter to the mobile device, wherein the mobile device is to display the respective image in accordance with the updated display parameter.