Creating Dynamic Prototypes from Web Page SketchesVirtual
While web designers draw user interface sketches as a first step toward creating a Web application, transforming those sketches into a prototypical coded interface is still a manual and time-consuming task.
Recently, researchers focused on easing this part of the design process by applying machine learning techniques to generate code from sketches automatically. These methods effectively convert a sketch into a skeleton structure of the web page but are not designed to deal with dynamic behaviors of the page, such as links, buttons, or dropdowns menu. Indeed, to our knowledge, they only allow the creation of static prototypes.
In this paper, we move the first steps to support the creation of dynamic prototypes from sketches. We introduce both a set of symbols that a designer can use on their sketches to model dynamic behaviors and the related implementation to generate dynamic prototypes. Finally, we test our method on a few sketched components to assess the suitability of the approach.
Mon 5 DecDisplayed time zone: Auckland, Wellington change
09:00 - 10:00 | |||
09:00 15mTalk | Creating Dynamic Prototypes from Web Page SketchesVirtual PAINT DOI | ||
09:15 15mTalk | Toward a VR-Native Live Programming EnvironmentVirtual PAINT Leonard Geier University of Potsdam; Hasso Plattner Institute, Clemens Tiedt University of Potsdam; Hasso Plattner Institute, Tom Beckmann University of Potsdam; Hasso Plattner Institute, Marcel Taeumel University of Potsdam; Hasso Plattner Institute, Robert Hirschfeld University of Potsdam; Hasso Plattner Institute DOI | ||
09:30 15mTalk | Suppose You Had Blocks within a NotebookVirtual PAINT Mauricio Verano Merino Vrije Universiteit Amsterdam, Juan Pablo Sáenz Politecnico di Torino, Ana María Díaz Castillo Teach for All DOI Pre-print | ||
09:45 15mTalk | Interaction vs. Abstraction: Managed Copy and PasteVirtual PAINT DOI Pre-print |