A Logical Design Method for User Interface Using GUI Design Patterns

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.

Design Patterns (DPs) are acknowledged as powerful conceptual tools to improve design quality and to reduce time and cost of the development process by effect of the reuse of "good" design solutions. In many fields (e.g., software engineering, web engineering, interface design) patterns are widely used by practitioners and are also investigated from a research perspective. Still, they have been seldom explored in the arena of Recommender Systems (RSs). RSs provide suggestions ("recommendations") for items that are likely to be appropriate for the user profile, and are increasingly adopted in content-intensive multimedia applications to complement traditional forms of search in large information spaces. This paper explores RSs through the lens of User Interface (UI) Design Patterns. We have performed a systematic analysis of 54 recommendation-empowered content-intensive multimedia applications, in order to: (i) discover the occurrences of existing domain independent UI patterns; (ii) identify frequently adopted UI solutions that are not modelled by existing patterns, and define a set of new UI patterns, some of which are specific of the interfaces for recommendation features while others can be useful also in a broader context. The results of our inspection have been discussed with and evaluated by a team of experts, leading to a consolidated set of 14 new patterns that are reported in the paper. Reusing pattern-based design solutions instead of building new solutions from scratch enables novice and expert designers to build good UIs for Recommendation-empowered content intensive multimedia applications more effectively, and ultimately can improve the UX experience in this class of systems. From a broader perspective, our work can stimulate future research bridging Recommender Systems, Web Engineering and Interface Design by means of Design Patterns, and highlights new research directions also discussed in the paper.

Social Media platforms are increasing user engagements with their attractive User Interfaces (UI) design playing a crucial role in maintaining user involvement. Use of Emotional Intelligence (EI) into the UI transforming user interaction and engagement pattern significantly. With an emphasis on how design decisions affect user behaviour, this study explores the nuanced function of EIUIs (Emotionally Inteligence User Interfaces) in the context of social media. It specifically draws attention to the dangers of manipulative techniques like "dark patterns"-purposeful interface strategies intended to influence users to take actions they might not have otherwise taken-as well as the possibility of constructive involvement. By investigating these practices, the paper hopes to clarify the wider ethical consequences of interface design as well as the duty of platforms and designers to promote transparency, autonomy, and confidence in digital interactions. This paper aims to contribute to the discourse on user interface design by providing a comprehensive understanding of EIUIs' potential and pitfalls in the context of social media interactions. Additionally, this study focusses on finding information of the pattern of Emotionally Intelligent User Interfaces (EIUI) design to enhance user engagements emotionally and tend to take decisions and the impact of the design pattern in user experience.

We describe a method of assessing the implications for human error on user interface design of safety-critical systems. In previous work we have proposed a taxonomy of influencing factors that contribute to error. In this article, components of the taxonomy are combined into a mathematical and causal model for error, represented as a Bayesian Belief Net (BBN). The BBN quantifies error influences arising from user knowledge, ability, and the task environ-ment, combined with factors describing the complexity of user action and user interface quality. The BBN model predicts probabilities of different types of errorslips and mistakes for each component action of a task involving user-system interaction. We propose an Impact Analysis Method that involves running test scenarios against this causal model of error in order to determine user interactions that are prone to different types of error. Applying the proposed method will enable the designer to determine the combinations of influencing factors and their interactions that are most likely to influence human error. Finally we show how such scenario-based causal analysis can be useful as a means of focusing on relevant guidelines for safe user interface design. The proposed method is demonstrated through a case study of an operator performing a task using the control system for a laser spectrophotometer.We describe a method of assessing the implications for human error on user interface design of safety-critical systems. In previous work we have proposed a taxonomy of influencing factors that contribute to error. In this article, components of the taxonomy are combined into a mathematical and causal model for error, represented as a Bayesian Belief Net (BBN). The BBN quantifies error influences arising from user knowledge, ability, and the task environ-ment, combined with factors describing the complexity of user action and user interface quality. The BBN model predicts probabilities of different types of errorslip for each component action of a task involving user-system interaction. We propose an Impact Analysis Method that involves running test scenarios against this causal model of error in order to determine user interactions that are prone to different types of error. Applying the proposed method will enable the designer to determine the combinations of influencing factors and their interactions that are most likely to influence human error. Finally we show how such scenario-based causal analysis can be useful as a means of focusing on relevant guidelines for safe user interface design. The proposed method is demonstrated through a case study of an operator performing a task using the control system for a laser spectrophotometer.

An optical brain-machine interface (O-BMI) system using calcium imaging has various advantages such as high resolution, a comprehensive view of large neural populations, abilities such as long-term stable recording, and applicability to freely behaving animals in neuroscience research. The present study developed an ergonomic user interface (UI) design, based on a use scenario for an O-BMI system that can be used for the acquisition and processing of calcium imaging in freely behaving rodents. The UI design was developed in three steps: (1) identification of design and function requirements of users, (2) establishment of a use scenario, and (3) development of a UI prototype. The UI design requirements were identified by a literature review, a benchmark of existing systems, and a focus group interview with five neuroscience researchers. Then, the use scenario was developed for tasks of data acquisition, feature extraction, and neural decoding for offline and online processing by considering the sequences of operations and needs of users. Lastly, a digital prototype incorporating an information architecture, graphic user interfaces, and simulated functions was fabricated. A usability test was conducted with five neuroscientists (work experience = 3.4 ± 1.1 years) and five ergonomic experts (work experience = 3.6 ± 2.7 years) to compare the digital prototypes with four existing systems (Miniscope, nVista, Mosaic, and Suite2p). The usability testing results showed that the ergonomic UI design was significantly preferred to the UI designs of the existing systems by reducing the task completion time by 10.1% to 70.2% on average, the scan path length by 14.4% to 88.7%, and perceived workload by 12.2% to 37.9%, increasing satisfaction by 11.3% to 74.3% in data acquisition and signal-extraction tasks. The present study demonstrates the significance of the user-centered design approach in the development of a system for neuroscience research. Further research is needed to validate the usability test results of the UI prototype as a corresponding real system is implemented.

Despite being a set of proven, well-documented, contextualized recommendations for solving frequently occurring user interface design problems, user interface design patterns are still not widely used. We believe this is due to the lack of tools to help designers find patterns and identify how they can be combined to solve user interface design problems. This paper proposes to classify and make explicit the relationships between user interface design patterns. We conducted a small-scale study that indicated that this proposal is more efficient and better accepted by the participants than browsing through a user interface design library.

This paper proposes a method for user interface development where a model for analysis (Just-UI) and a model for design (DiaMODL) are conveniently combined into an integrated method. Just-UI currently supports automatically refining analysis models, through conceptual patterns to concrete user interface designs. Integrating a dialog modelling language (DiaMODL) into the method, will let the designers take part in the refinement process, hence gaining control and allowing a greater variety of designs. The method encourages the use of code generation for rapid prototyping of the UI. The ultimate objective is to provide a suitable software engineering and user interface design method with coverage to cross through requirements to final implementation of core application code and user interface.

ADDI: A tool for automating the design of visual interfaces

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.

PHUIs are interfaces built from tangible widgets arranged on the surfaces of physical objects. PHUI-kit is tool for making physical user interface (PHUI) design more like graphical user interface (GUI) design in the context of 3D printed object housings. The tool includes a drag-and drop interface to place, reposition and delete physical widgets on a curved housing in a 3D modeling tool. Automatic cable routing simplifies assembly planning and execution. The objects are printed, the widgets snapped onto a cable and snapped into the housing to create an interactive object. A cable guide printed on paper guides the maker while snapping widgets onto the cable.

Cross-use pattern language: cross-cultural user interface development tool

Link analysis (LA) is one of most widely used methods in user interface design to arrange control elements on user interfaces. However, traditional LA method is insufficient for evaluating transitional cost associated with accessibility (the easiness for the operator to reach certain control element on the interface) and the link table commonly used contains no directional information for assessing difficulty. To address these two problems, an improved LA method based on a modified link table and a branch-and-bound algorithm is proposed in this study. A case study on a simplified control interface of a boiling water reactor (BWR) in a real-world nuclear control system was exemplified to elucidate the improved method and an experiment was conducted to validate the effectiveness of the method in improving users’ performance time. The results showed that the total completion time (CT) and the completion time of accessibility-associated operations were significantly shorter on the interface modified by the improved method than by the traditional LA method, while the difference of the completion time of proximity-associated operations between the two interfaces was non-significant. Therefore, although the traditional LA method can significantly ameliorate the random interface by optimising the proximity between control elements, the improved method can further improve the CT by optimally trading off the accessibility and proximity. The method can be applied to the interface which requires physical movements between the user and the interface and within the interface, especially touch screen and control panels.

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.

In today's highly competitive business environment the prospect of high stable product demand has long vanished. World class manufacturing companies constantly adapt their products to respond to, and even anticipate, their customers's ever increasing needs. This shortening of a product's life means that manufacturing systems in Factories of the Future will require a high degree of flexibility. This can be achieved by better process and data integration in accordance to CIM principles. An illustration of this can be found in the development of flexible, adaptable and intelligent robots. Progress has been made in utilising CAD as a source of knowledge for robotic vision and assembly. However the proposed systems have not, until now, been suitable for straight implementation on the shop floor. To be successful in an industrial environment, such a system, in addition to its technical capabilities, will also need to be accessible and usable by operators as well as engineers. GUIs have demonstrated their efficiency in terms of user-friendliness, ease of use and learnability, while choosing a PC as the host widens the scope of its implementation to small and medium-sized companies. This paper attempts to address the issues raised by the design of the interface regarding its functionality and ergonomics, and by its development using an object-oriented programming language. The GUI is to be implemented in the integrated sensor-based robotic system for assembly which is currently being developed at the University of Birmingham.

XML Based Graphical User Interface Editor and Runtime Parser for ISO 11783 Machine Automation Systems