Sketching User Interfaces with Visual Patterns

Simple item page
dc.contributor.authorCaetano, Anabelaen_US
dc.contributor.authorGoulart, Nerien_US
dc.contributor.authorFonseca, Manuelen_US
dc.contributor.authorJorge, Joaquimen_US
dc.contributor.editorXavier Pueyoen_US
dc.contributor.editorManuel Próspero dos Santosen_US
dc.contributor.editorLuiz Velhoen_US
dc.date.accessioned2023-01-24T14:15:56Z
dc.date.available2023-01-24T14:15:56Z
dc.date.issued2022
dc.description.abstractThis 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.en_US
dc.description.sectionheadersAlgorithms and Data Structures
dc.description.seriesinformationSIACG2002 - 1st lbero-American Symposium in Computer Graphics
dc.identifier.doi10.2312/pt.20021420
dc.identifier.isbn978-3-03868-194-6
dc.identifier.pages271-279
dc.identifier.pages9 pages
dc.identifier.urihttps://doi.org/10.2312/pt.20021420
dc.identifier.urihttps://diglib.eg.org:443/handle/10.2312/pt20021420
dc.publisherThe Eurographics Associationen_US
dc.rightsAttribution 4.0 International License
dc.rights.urihttps://creativecommons.org/licenses/by/4.0/
dc.subjectCalligraphic Interfaces, Task Analysis, Usability Evaluation, Visual Parsing
dc.subjectCalligraphic Interfaces
dc.subjectTask Analysis
dc.subjectUsability Evaluation
dc.subjectVisual Parsing
dc.titleSketching User Interfaces with Visual Patternsen_US
Files
Original bundle
Now showing 1 - 1 of 1
No Thumbnail Available
Name:
271-279.pdf
Size:
3.62 MB
Format:
Adobe Portable Document Format
Download
Collections
Portuguese Meeting on Computer Graphics 2002