Abstract
User interfaces have classically involved WIMP (windows, icons, mouse, and pointing) paradigm. Current wireframing tools in the early stages of web interface design focus on using drag-and-drop features, that is, selecting elements from a menu and inserting them in the interface. Most designers prefer to sketch early interface ideas on paper. A system that allows them to draw sketches would make the process more intuitive, thus going beyond traditional methods of website interface designing. We have developed an interactive tool called FreeStyle that allows designers the ability to quickly sketch a web-based interface electronically. The designer can draw web-based HTML elements on the canvas and in response, FreeStyle transforms the sketch into an interface. Additionally, we also provide the functionality of downloading the code developed from the sketch.
This is a preview of subscription content, log in via an institution to check access.
Access this chapter
Tax calculation will be finalised at checkout
Purchases are for personal use only
References
Apte A, Vo V, Kimura TD (1993) Recognizing multistroke geometric shapes: an experimental evaluation. In: Proceedings of the 6th annual ACM symposium on user interface software and technology. ACM, pp 121–128
Fonseca MJ, Pimentel C, Jorge JA (2002) CALI: an online scribble recognizer for calligraphic interfaces. In: AAAI spring symposium on sketch understanding, pp 51–58
Gross MD (1996) The electronic Cocktail Napkin—a computational environment for working with design diagrams
Harel D (1987) Statecharts: a visual formalism for complex systems. Sci Comput Progr 8(3):231–274
Jarvis RA (1973) On the identification of the convex hull of a finite set of points in the plane. Inf Process Lett 2(1):18–21
Landay JA (1996) SILK: sketching interfaces like krazy. In: Conference companion on human factors in computing systems. ACM, pp 398–399
Menuez D, Kounalakis M (1993) Defying gravity: the making of Newton. Beyond Words Pub
Paulson B, Hammond T (2008) Paleosketch: accurate primitive sketch recognition and beautification. In: Proceedings of the 13th international conference on Intelligent user interfaces. ACM, pp 1–10
Rubine D (1991) The automatic recognition of gestures. PhD thesis, Carnegie Mellon University
Sutherland IE (1964) Sketchpad a man-machine graphical communication system. Trans Soc Comput Simul 2(5):R–3
Ulgen F, Flavell AC, Akamatsu N (1995) Geometric shape recognition with fuzzy filtered input to a backpropagation neural network. IEICE Trans Inf Syst 78(2):174–183
Wong YY (1992) Rough and ready prototypes: lessons from graphic design. In: Posters and short talks of the 1992 SIGCHI conference on human factors in computing systems. ACM, pp 83–84
Zhao R (1993) Incremental recognition in gesture-based and syntax-directed diagram editors. In: Proceedings of the INTERACT’93 and CHI’93 conference on human factors in computing systems. ACM, pp 95–100
Author information
Authors and Affiliations
Corresponding author
Editor information
Editors and Affiliations
Rights and permissions
Copyright information
© 2019 Springer Nature Switzerland AG
About this chapter
Cite this chapter
Narendra, S., Dey, S., Coad, J., Polsley, S., Hammond, T. (2019). FreeStyle: A Sketch-Based Wireframing Tool. In: Hammond, T., Prasad, M., Stepanova, A. (eds) Inspiring Students with Digital Ink. Human–Computer Interaction Series. Springer, Cham. https://doi.org/10.1007/978-3-030-17398-2_7
Download citation
DOI: https://doi.org/10.1007/978-3-030-17398-2_7
Published:
Publisher Name: Springer, Cham
Print ISBN: 978-3-030-17397-5
Online ISBN: 978-3-030-17398-2
eBook Packages: Computer ScienceComputer Science (R0)