Creating Dynamic Prototypes from Web Page Sketches
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
Session 1PAINT at Seminar Room LG004
|Creating Dynamic Prototypes from Web Page SketchesVirtual|
Tommaso Calo Politecnico di Torino, Luigi De Russis Politecnico di TorinoDOI
|Toward a VR-Native Live Programming EnvironmentVirtual|
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 InstituteDOI
|Suppose You Had Blocks within a NotebookVirtual|
Mauricio Verano Merino Vrije Universiteit Amsterdam, Juan Pablo Sáenz Politecnico di Torino, Ana María Díaz Castillo Teach for AllDOI Pre-print
|Interaction vs. Abstraction: Managed Copy and PasteVirtual|
Jonathan Edwards Independent, Tomas Petricek Charles UniversityDOI Pre-print