Wireframe Modelling of Web Based Open Data Applications
Authors: Jovan S. Milutinović, Petar O. Milić, Slaviša S. Vučetić
Keywords: software wireframe modelling, wireframe modelling tools, web based open data applications
Abstract:
An essential part of modern software development process is wireframe modeling. For such purpose, it is a crucial step in the design phase, requiring specialized tools. This paper introduces a model for the wireframe modelling, with special focus on understanding the process of wireframing. In order to achieve this, we shortly describe some of the software tools are described, along with description of the various methods and techniques used in wireframe modeling. Moreover, a model is presented for simplification of the process of wireframing. Additionally, a use case of the developed model for wireframe modelling is provided, illustrating how an open data-based web application for cultural institutions can be developed. In the final section of the paper, the work on this topic is concluded, along with recommendations for future work in this area.
References:
[1] S. BUNIAN, K. LI, C. JEMMALI, C. HARTVELD, Y. FU, M. SEIF EL-NASR, Vins: Visual search for mobile user interface design, Proceedings of the 2021 CHI Conference on Human Factors in Computing Systems, (2021), 1–14.
[2] M. M. P. CAMPOS, A. LABERIANO, School educational software designed for children with special education needs, Advances in Mobile Learning Educational Research 2.2 (2022), 455–463.
[3] A. S. CARTER, C. D. HUNHAUSEN, How is user interface prototyping really done in practice? A survey of user interface designers.,2010 IEEE Symposium on Visual Languages and Human-Centric Computing, (2010), 207–211.
[4] A. COYETTE, J. VANDERDONCKT, Q. LIMBOURG, Sketchixml: A design tool for informal user interface rapid prototyping, Proceedings of the 3rd International Conference on Rapid Integration of Software Engineering Techniques, (2006), 160–176.
[5] M. A. DA SILVA SOLINO, Formal models based interactive prototypes, PhD thesis, University of Minho, 2022.
[6] B. S. L. DE CARVALHO FERREIRA, Automatic Generation of Synthetic Website Wireframe Datasets from Source Code, Master’s Thesis, University of Porto, 2020.
[7] I. J. DE OLIVEIRA AMARO, A Visual Language for Human-to-Human and Human-Computer Interaction, Master’s Thesis, University of Porto, 2020.
[8] V. G. DUFFY, M. LEHTO, Y. YIH, R. W. PROCTOR, Human Automation Interaction, Chapter 3,Springer Nature Switzerland, 2022, 8–9.
[9] N. HAMIDLI, Introduction to UI/UX Design: Key Concepts and Principles, Research Article, University of Baku, 2023.
[10] R. KHANAL,Modern responsive and informative corporate website, Bechelor’s Thesis, Oulu University of Applied Sciences, 2020.
[11] J. A. LANDAY, B. A. MYERS, Interactive sketching for the early stages of user interface design, Proceedings of the SIGCHI conference on Human factors in computing systems, (1995), 43–50.
[12] J. LIN, A visual language for a sketch-based ui prototyping tool, CHI ’99 Extended Abstracts on Human Factors in Computing Systems, (1999), 298–299.
[13] J. LIN, M. THOMSEN, J. A. LANDAY, A visual language for sketching large and complex interactive designs, Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, (2002), 307–314.
[14] M.W. NEWMAN, J. A. LANDAY, Sitemaps, storyboards, and specifications: A sketch of web site design practice, n Proceedings of the 3rd Conference on Designing Interactive Systems: Processes, Practices, Methods, and Techniques, (2000), 263–274.
[15] V. SHARMA, A. K. TIWARI, A study on user interface and user experience designs and its tools, World Journal of Research and Review (2021), 41–45.
[16] F. STAIANO, Designing and Prototyping Interfaces with Figma: Learn essential UX/UI design principles by creating interactive prototypes for mobile, tablet, and desktop, Packt Publishing Ltd, 2022.
[17] N. TRIEU, Role of user interface in software development, Bechelor’s Thesis, Centria University of applied science, 2022.
[18] A. A. USMANI, Guidelines for selection of web designing tool & framework for web front-end application, Master’s Thesis, Tampere University, 2023.