Artificial intelligence (AI) and related technologies have become important components of the digital economy and affect core areas of our increasingly technologically networked lives. Specific AI ...technology can support diverse learners and how AI is used in particular in the context of Adult Education to provide a more inclusive and flexible learning environment. Artificial intelligence has been changing education for a long time now, and it is becoming more pervasive in our lives. The authors analyzed many advantages of using AI as an educational tool, such as increasing student engagement by improving grading accuracy by automatically scoring essays with machine learning algorithms. We present a case on how wireframes can be used in website design. Several existing tools have been examined, and their ability to generate interfaces from sketches has been explored. Creating wireframes, prototypes, design mock-ups, and layouts followed the web development process and is now a significant part of website development in engineering education. The paper aims to give the direct opportunity to observe examples of AI wireframes for engineering education.
This paper reflects on a case study of a user-centred concept development process for a Machine Learning (ML) based design tool, conducted at an industry partner. The resulting concept uses ML to ...match graphical user interface elements in sketches on paper to their digital counterparts to create consistent wireframes. A user study (N=20) with a working prototype shows that this concept is preferred by designers, compared to the previous manual procedure. Reflecting on our process and findings we discuss lessons learned for developing ML tools that respect practitioners’ needs and practices.
After an in-depth examination of the communication strategies, digital offerings, and audio guides currently employed by various Spanish cathedrals constructed during the 12th and 15th centuries, it ...was detected that there was a need to gradually build and improve an integral and unified tool that serves as a reference for the learning of the artistic elements that characterize the mentioned constructions. This will contribute to both the promotion of the cathedral —understood as an ensemble— and its communication with the public. This article introduces the conceptualization and design of the mobile application “La Catedral Hispana”, a high-fidelity prototype that seeks to promote Spanish cathedrals with Gothic elements in their construction. This prototype encompasses two areas of study for its task: the research of Gothic architecture in cathedrals and the principles of user experience (interaction design, information architecture, and interface development), for the correct development of the sample, using the Figma software for its design and implementation.The objectives lay not only in providing a tool that facilitates access and shares academic information, but also in establishing relationships among the diverse Spanish cathedrals by means of their common features. The Spanish Cathedral is a proposal for promoting the democratization of cultural information, the learning of the value of heritage, and the development of a new solid and accessible communication channel that enables the target audience to both value and recognize one of the most important types of constructions as a part of Spanish identity.
In this article, we explore the potential of wireframe design and evaluation for interactive and web-based mapping through a case study on water level visualization. Specifically, our research ...informed design and development of the National Oceanic & Atmospheric Administration's (NOAA) Lake Level Viewer (
http://coast.noaa.gov/llv/
), an interactive and web-based geovisualization application for the Great Lakes region of North America. As part of our overall user-centered design process, we created two sets of wireframes to evaluate two aspects of the user experience: high-fidelity wireframes to illustrate the proposed representation solution using real data and low-fidelity wireframes to provide a rough sketch of the proposed interaction solution. Eighteen target users completed cognitive walkthroughs of the wireframes, with the sessions audio-recorded for subsequent transcription and qualitative data analysis. The wireframe evaluations led to a series of revisions to the functional scope and visual design of the Lake Level Viewer. The process also generated recommendations for designing water level visualizations supporting adaptive management in response to climate change as well as for leveraging wireframes in support of large-scale mapping and GIS projects.
Context: Graphical User Interface (GUI) toolkits currently provide layout managers which lay out widgets in views according to certain constraints that characterise each type of layout manager. In ...some scenarios such as GUI migration and the automated generation of GUIs from wireframes, the layout of views is implicitly expressed through the use of coordinates. In these cases, it is desirable to represent the layout explicitly in terms of layout managers.
Objective: To represent a coordinate-based GUI in terms of a set of layout managers, in order to provide different alternative solutions for a given view and select the best alternative.
Method: The layout inference process consists of two phases. Firstly, the coordinate-based positioning system is changed to a relative positioning system based on directed graphs and Allen relations. Secondly, an exploratory algorithm based on pattern matching and graph rewriting is applied in order to obtain different layout solutions. The algorithm has been evaluated through a case study related to the automatic generation of fluid web interfaces from wireframes, involving 20 IT professionals.
Results: The case study showed that the layout obtained is faithful to the original views in 97% of cases, and maintains its proportions when resized in 84% of views. The majority of the participants were satisfied with the results and found the approach useful.
Conclusions: The layout manager representation obtained from the coordinate-based GUIs can be used to generate fluid layouts. The algorithm has two main features that overcome the limitations of the existing approaches: independence of specific layout managers and ability to generate several alternative solutions.
The field of generative artificial intelligence has seen significant advancements in recent years with the advent of large language models, which have shown impressive results in software engineering ...tasks but not yet in engineering user interfaces. Thus, we raise a specific research question: would an LLM-based system be able to search for relevant GUI layouts? To address this question, we conducted a controlled study evaluating how Instigator, an LLM-based system for searching GUI layouts of web pages by generative pre-trained training, would return GUI layouts that are relevant to a given instruction and what would be the user experience of (N =34) practitioners interacting with Instigator. Our results identify a very high similarity and a moderate correlation between the rankings of the GUI layouts generated by Instigator and the rankings of the practitioners with respect to their relevance to a given design instruction. We highlight the results obtained through thirteen UEQ+ scales that characterize the user experience of the practitioner with Instigator, which we use to discuss perspectives for improving such future tools.
Self-assembling nucleic acid molecules have shown merit as versatile materials for organizing and constructing nanoscale structures with both 2D and 3D geometries. This chapter focuses on strategies ...in designing DNA gridiron nanostructures based on four-arm junction. This design strategies aims at controlling DNA self-assembly with a higher degree of spatial precision by depicting arbitrary 3D geometries with their wireframe outlines using DNA helices (for edges) and four-arm junctions (for vertices).