Caetano, AnabelaGoulart, NeriFonseca, ManuelJorge, JoaquimXavier PueyoManuel Próspero dos SantosLuiz Velho2023-01-242023-01-242022978-3-03868-194-6https://doi.org/10.2312/pt.20021420https://diglib.eg.org:443/handle/10.2312/pt20021420This paper presents an approach to layout static components of user interfaces as hand-drawn compositions of simple geometric shapes, using sketch recognition and visual languages. The system uses a visual grammar built from drawings collectedfrom users. We tried to understand how people sketch interfaces and what combinations of shapes they are more likely to used when sketching widgets. From there we implemented a prototype system, for creating user interfaces through hand-drawn geometric shapes, identified by a gesture recognizer. This prototype generates a Java interface, whose layout can be beautified using an a posteriori set of grammar rufes ( e.g. to align and group objects, etc.). We have conducted usability assessments with ten users to compare our approach with a commercial system (JBuilder). Besides a measurable speed advantage in drawing interfaces, users found our system more comfortable, satisfactory and efficient to use than the commercial product, as demonstrated by post-experiment questionnaires.Attribution 4.0 International LicenseCalligraphic Interfaces, Task Analysis, Usability Evaluation, Visual ParsingCalligraphic InterfacesTask AnalysisUsability EvaluationVisual Parsing10.2312/pt.20021420271-2799 pages