Exploring a Modular Approach to Redesigning Interfaces for Physical Interactive Devices

This study investigated the impact of graphical user interface (GUI) design on the efficiency and effectiveness of map-based tasks on mobile devices, using time-based weather data as a case study. Three different GUI designs (button-type, circle-type, and slidebar) were tested in a between-subjects design, with 50 participants completing a set of map-based tasks on each GUI design. The results showed that GUI design significantly affected the effectiveness of map-based tasks. Participants performed better at tasks involving the search for the highest and lowest temperature amplitudes on the button-type GUI whereas the circle-type GUI showed lower effectiveness for tasks involving the search for day temperatures. Analysis of the visual attention distribution based on fixation count revealed that different GUI designs led to different patterns of visual attention. The study highlights the importance of considering GUI design in the development of mobile map applications, particularly for map-based tasks involving time-based data. The study shows that separating the date from the time navigation panel reduces necessary visual focus on the GUI itself and is a valuable insight for future GUI design.

Sketching out Graphical User Interface (GUI) layout is part of the pipeline of designing a GUI and a crucial task for the success of a software application. Arranging all components inside a GUI layout manually is a time-consuming task. In order to assist designers, we developed a method named GUILGET to automatically generate GUI layouts from positional constraints represented as GUI arrangement graphs (GUIAGs). The goal is to support the initial step of GUI design by producing realistic and diverse GUI layouts. The existing image layout generation techniques often cannot incorporate GUI design constraints. Thus, GUILGET needs to adapt existing techniques to generate GUI layouts that obey to constraints specific to GUI designs. GUILGET is based on transformers in order to capture the semantic in relationships between elements from GUI-AG. Moreover, the model learns constraints through the minimization of losses responsible for placing each component inside its parent layout, for not letting components overlap if they are inside the same parent, and for component alignment. Our experiments, which are conducted on the CLAY dataset, reveal that our model has the best understanding of relationships from GUI-AG and has the best performances in most of evaluation metrics. Therefore, our work contributes to improved GUI layout generation by proposing a novel method that effectively accounts for the constraints on GUI elements and paves the road for a more efficient GUI design pipeline.

A Novel Approach to HTML Page Creation Using Neural Network

Toolkits and other tools have dramatically reduced the time and technical expertise needed to design and implement graphical user interfaces (GUIs) allowing high-quality, iterative, user-centered design to become a common practice. Unfortunately the generation of functioning prototypes for physical interactive devices as not had similar support -- it still requires substantial time and effort by individuals with highly specialized skills and tools. This creates a divide between a designers' ability to explore form and interactivity of product designs and the ability to iterate on the basis of high fidelity interactive experiences with a functioning prototype. To help overcome this difficulty we have developed the Calder hardware toolkit. Calder is a development environment for rapidly exploring and prototyping functional physical interactive devices. Calder provides a set of reusable small input and output components, and integration into existing interface prototyping environments. These components communicate with a computer using wired and wireless connections. Calder is a tool targeted toward product and interaction designers to aid them in their early design process. In this paper we describe the process of gaining an understanding of the needs and workflow habits of our target users to generate a collection of requirements for such a toolkit. We describe technical challenges imposed by these needs, and the specifics of design and implementation of the toolkit to meet these challenges.

The contemporary theory of metaphor defines the metaphor as a major and indispensable part of our ordinary, conventional way of conceptualizing the world and it asserts that the metaphors are used to define our relationship with the physical environment and to create a context of communication. The metaphors are the core idioms of the contemporary graphical user interface (GUI) and have an important role in helping users interact with computer systems. The desktop metaphor began with the first GUI Xerox Star and was popularized by the Lisa of Apple Macintosh. Realizing the physical-office metaphor and reflecting the familiar world of the potential users by using icons of file, folder and trashcan, the metaphor-based GUIs made it relatively easy for all to use the computer productively. Nowadays almost all of the software industry is based on the desktop metaphor paradigm. However, besides the researchers that favor the use of metaphors in the development of the system image by accentuating their assistance to learning, there are also other researchers, who reject the metaphor-based design approach in GUIs by referring to their limitations. Considering these discussions and various approaches, this study aims to make an outline of the historical development of metaphor-based GUIs; to determine the current state of metaphor within GUI design by brief examples and finally to identify future prospects and research themes. The study claims that metaphor still remains to be an inevitable part of the GUI to communicate it with the users and despite its potential limitations -rather than rejecting the metaphor totally- it seems better-to try compatible and supplementary solutions like visual formalism.

An important component of Early Warning Systems (EWS) for man-made and natural hazards is the command and control unit’s Graphical User Interface (GUI). All relevant information of an EWS is concentrated in this GUI and offered to human operators. However, when designing the GUI, not only the user experience and the GUI’s screens are relevant, but also the frameworks and technologies that the GUI is built on and the implementation of the GUI itself are of great importance. Implementations differ based on their applications in different domains but the design and approaches to implement the GUIs of different EWS often show analogies. The design and development of such GUIs are performed repeatedly on some parts of the system for each EWS. Thus, the generic GUI framework of a geospatial EWS for tsunamis is introduced to enable possible synergistic effects on the development of other new related technology. The results presented here could be adopted and reused in other EWS for man-made and natural hazards.

This paper introduces an automated grader for Java programs called GUI_Grader that allows students a degree of flexibility in graphical user interface (GUI) design. GUI_Grader allows students to build multi-window Java applications, choose among alternative GUI components, and decide how to order, position and label components. This enables students to practice some aspects of designing their own GUI applications while still providing automated grading `based on a single test plan. The data-driven approach helps to maintain consistency between test plans and program specifications. Testing GUI_Grader on Java assignments from both a first-year and an upper-year course confirms the feasibility of the approach.

PurposeInvestigating one aspect of the potential of firms to market their offerings internationally, this research seeks to explore the impact of that familiar topic – culture – on online international marketing. More precisely, whether the technologies of the web (manifest in the graphical user interface (GUI)) are culturally neutral, allowing for transparent communication between different cultures.Design/methodology/approachUtilising the widely cited cultural dimensions of culture – “uncertainty avoidance” and “power distance” – comparative content analysis for a sample of web sites from two industry sectors (banking and education) across three countries (Germany, Greece, and the United Kingdom) was undertaken.FindingsThe results of the analysis revealed differences in aspects of GUI design between the three country web sites in line with associated cultural dimensions. It also revealed similarities between the three countries in GUI design in apparent contradiction of their associated cultural dimension. This early work suggests, therefore, that, whilst internet‐based technologies exist as a global medium in the sense of connecting individuals, those individuals may still be culturally bound. To truly escape the constraints of time and space, communicating effectively online across boundaries, some acknowledgement that culture does matter is necessary.Research limitations/implicationsFurther research, both in terms of the number of countries and industries, would be needed to confirm the generalisation that culture does indeed matter in terms of web site design (all be it in a qualified way) and, in addition, that the results were not unduly influenced by either the choice of countries or industries. Whilst other researchers should consider applying the methodology to other industries, such as sports, fashion, etc. in order to test further the results of this study, additional research should also look towards different methodologies. For example, analysing web sites utilising Hofstede's other dimensions, or even applying Trompenaars and Hampden‐Turner's dimensions seems desirable.Practical implicationsThis paper shows that culture, at least partially, influences GUI design. The value in the suggested directions made in this paper lies in the possible creation of guidelines for the subsequent development of successful web sites. The work here adds to the limited body of work in this area against which future works may be contrasted.Originality/valueRecognising the apparently obvious virtues of the internet and web in exchanging rich information with distant (international) markets, this work builds on the little work already undertaken in this direction and in doing so contributes to the wider debate in international marketing over standardisation versus adaptation. Specifically, this paper considers the influence of culture in an online context and researches the questions, “Does culture matter online?” and more specifically, “Are the multitude of graphical user‐interfaces of organisational web sites culturally neutral or are the graphical user‐interfaces culturally bound, intervening and influencing the ability to communicate across cultures?” The results are contrasted against predictions for the design of web sites derived from Hofstede's (1980, 2001) seminal works on the dimensions of culture.

The design of graphical user interfaces (GUI) is a complex activity that binds multiple concerns into meaningful interactive applications. While the definition of multiple orthogonal views greatly facilitates the design of such GUIs, existing GUI frameworks still lack a proper strategy for splitting and binding these views to build complete GUIs. This paper proposes a domain specific language (DSL) called Loa to unify both the definition of orthogonal views and the bindings between these views in the context of GUI development. We present the overall strategy for splitting and binding views based on the use of the Loa DSL and we illustrate the proposed approach on the design of a web-based application.

<div><p class="Els-history-head">The development of rocketry and rocket payload technology is very rapid in the industrial era 4.0. Rockets are usually used as dynamic sensors or carriers for specific missions for sensing and retrieving data from space for meteorological, military, etc. This article aims to design, realize and test a Rocket Payload Monitoring System Based on an Inertial Measurement Unit (IMU) Sensor to monitor the condition of the payload movement behavior. Rocket Payload is a substance carried in a Payload Test Rocket (RUM) in the form of a cylindrical payload. This research focuses on designing a Graphical User Interface (GUI) application to display data in real-time. The type of research used is Research and Development (R&D) with a prototyping development model. The results obtained in the form of Rocket Payload Design and GUI design can be concluded that the GUI application can visualize all sensor and camera data in real-time.</p></div>

During the development of a process or industrial activity, it is essential to have information of the critical variables of the process to know the current state of the system. Monitoring/supervision systems are responsible for collecting such information and presenting it to the user, usually through Graphical User interfaces (GUI) [1]. These interfaces provide the user with visual support to understand the system status and its evaluation. For this reason, interfaces have become a necessary complement in monitoring/supervision systems so, from an academic and practical point of view, it is very beneficial to know how they work and how they are designed.In this context, the widely known MATLAB environment offers the user a toolbox oriented to the design and development of GUI called AppDesigner [2]. This application provides the main components of an industrial monitoring/supervision system, such as input/output fields, graphics or buttons [3]. This tool is divided into two tabs, one for the design of the graphical aspect and the other for the programming of the components that make up the GUI. The function performed by the components are programmed by means of scrips in MATLAB language. This feature gives the GUI great versatility, limiting the functions it can perform to the limitations of the programming language.As part of MATLAB, AppDesigner can interact with other MATLAB environments and toolboxes, such as Simulink or OPC toolbox. It must be noted that handling communication protocols is a requirement for data sharing with industrial automation devices like programmable controllers [4]. It is also possible to communicate with external programs such as Excel to perform different functions e.g., data exchange.Due to the characteristics indicated above and the wide use of MATLAB in the academic field, in this contribution the utilization of this application as an educational tool for teaching monitoring/supervision systems in industrial environments is studied.

The SCORM (sharable content object reference model) metadata information model is a reference to the IMS learning resource metadata information model, which itself is based on the IEEE 1484.12.1 LOM (learning object metadata) standard. Since the LOM standard possesses a rather complex data model consisting of over 60 metadata entries, searching SCORM metadata has to overcome several challenges to both queries' run-time performance and efficient, user-friendly query GUI (graphical user interface) design. Furthermore, because we start from Edutella, a RDF-based e-learning P2P (Peer-to-Peer) network, we also have to address the incompatibility between the SCORM Metadata data model and the RDF data model, as well as the syntax incompatibility between XML and RDF. We propose an approach for searching SCORM metadata in Edutella, which addresses aforementioned challenges through using an XQuery-enabled triple-like SCORM metadata data view and a QBE (query by example) based SCORM query GUI. While the triple-like data view efficiently bridges the SCORM metadata data model and the RDF data model, and at the same time greatly improves queries' run-time performance, the QBE-based SCORM query GUI facilitates the query construction process.

The authors describe information display methods and processes on the TRON human-machine interface specifications from a cognitive psychological aspect. In the GUI (graphical user interface) design work of system designing, the authors have extracted the main items of emphasis, simplification and consistency, respectively, from a series of information processing processes: sensual aspect - quick information detection; perceptual aspect - visual acquisition; and cognition aspect - understanding of content - considered GUI information display (hereafter called screen design) techniques. The GUI information display process shows that the steps of grasping, structuring (creating a hierarchy), visualizing (or making available), and evaluating information are necessary.

The “Alt-Right,” a white nationalist online coalition, has collapsed amidst a revolution in digital governance termed the “regulatory turn.” Nevertheless, the regulatory turn remains incomplete because white nationalists utilize graphical user interface (GUI) design to subvert public stewardship. Why have some former Alt-Right platforms collapsed while others have grown despite increased scrutiny? The field’s account is currently limited to social media networks and rooted in positivist methods, lending a static conception of white nationalist networks that is slow to recognize cultural shifts. This paper fills the gap by comparatively critiquing the interfacing affordances of Telegram, an instant messaging app that functions as an "ideological safe harbor" for U.S. white nationalists with content aggregation, blogging, and activist use-cases. I apply interface critique to index how the manipulation of graphical user interfaces allows white nationalists to frame their browsing as a technology of mastery over and against the regulatory turn. I argue that Telegram networks coopt the enclave public, exploiting an ideology of decentralization to mystify the leverage held by white nationalist developers over their users. This occlusion redirects white masculine anxieties against publicity to justify an intensified racist fanaticism and the exportation of violence against racial, religious, and gendered outsiders. White interfacing frames GUI design as a capitalist technology that weaponizes the racist and sexist logic of the “average user” to secure the reproduction of reactionary platforms. This project furthers Internet research by developing a theory of the interface as an ideological mirror of production.

This paper presents a discussion of method for user interface design using graphical user interface (GUI) design patterns. GUI design patterns are defined as “general operation and expression of embedded system products”. Purpose of this study is to develop a user interface design efficient. GUI design patterns were extracted in embedded system products. Then, interviews were conducted with students and researchers in which the practical applicability of the extracted GUI design patterns. This process allowed the number of GUI design patterns to be narrowed down to 81 patterns. 81 patterns were analyzed using the cluster analysis, between them and classifies these objects into different 7 groups. The GUI design patterns, which were composed of 7 groups, divided into 4 layers. Finally, Design method using GUI design patterns was discussed. This proposed method is based on the Human Design Technology (HDT). HDT is a logical product development and UCD method easily accessible to anyone.KeywordsUser InterfaceDesign PatternHuman Design Technology