The Think Aloud Method and User Interface Design

Good user interface (UI) design is key to successful mobile apps. UI latency, which can be considered as the time between the commencement of a UI operation and its intended UI update, is a critical consideration for app developers. Current literature still lacks a comprehensive study on how much UI latency a user can tolerate or how to identify UI design defects that cause intolerably long UI latency. As a result, bad UI apps are still common in app markets, leading to extensive user complaints. This paper examines user expectations of UI latency, anddevelops a tool to pinpoint intolerable UI latency in Android apps. To this end, we design an app to conduct a user survey of app UI latency. Through the survey, we find the tendency between user patience and UI latency. Therefore a timely screen update (e.g., loading animations) is critical to heavy-weighted UI operations (i.e. those that incur a long execution time before the final UI update is available). We then design a tool that, by monitoring the UI inputs and updates, can detect apps that do not follow this criterion. The survey and the tool are open-source released on-line. We also apply the tool to many real-world apps. The results demonstrate the effectiveness of the tool in combating app UI design defects.

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.

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.

An alternative solution for Indosport, considering the increasingly advanced smartphone development and also followed by the rapid growth of its users in Indonesia. The purpose of this study project is to produce a product in the form of a user interface (UI) and user experience (UX) design in helping to realize targeted mobile applications and not forgetting to apply the principles of visual communication design namely unity and variety, hierarchy, contrast, proportion and balance. The UI and UX design methods go through several stages of work in sequence: pre-production process, production process, and post-production. This design results in UI and UX designs that are equipped with user flow, interface designs, illustrations and prototypes. The main page of the Indosport mobile application is News, Activity, Calendar, and Profile which later on these pages there are several features that are different from the previous page. The making of this UI uses several visual languages such as medium close up, full shot, long shot, close up and medium long shot in the image section contained in the article as well as the depiction of field styles used to almost all visual UI elements. Using several principles in design, namely time to learn, speed of performance, rate of errors by users, retention over time, and subjective satisfaction. The resulting design forms will be distributed directly to the Research and Development division and the IT division from Indosport to be made a native.

User interface (UI) is a platform that enables interaction between a human and a machine, a visual part of an information device, such as a computer or software, which user interacts with. A good user interface design makes operating a machine efficient, safe and user friendly in a way that gives the desired result. This paper describes a set of guidelines defined for marine autonomous operations where many actors, devices and sensors are interacting. The UI should manage and present in a user-friendly manner a large amount of data, ensuring situation awareness for the operator/user. The design guidelines of the user interface consist of both a work process part and a content part, also called user experience design (UX). The work process consists of four sections: manage, plan, operate and evaluate, while the content part focuses on how to show the information. Both parts will be detailed and discussed and can be taken as a reference for designing user interfaces in particular for marine autonomous operations.

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

Knowledge-based support for user adapted interaction design

This paper deals with what might be called the top level design of an interactive computer system. It examines some problems which arise in trying to specify what the user interface of such a system should be. It proposes a concept—the terminal state—and a notation—the terminal state transition diagram—which make the design of the top level somewhat easier. It also proposes a user interface in which the notion of terminal state is explicit. This user interface seems to provide a great improvement in flexibility and case of adding subsystems to a general purpose system.

Mobile user interface (UI) design plays a very important role in determining an application that can be adopted by all types of users, especially those residing in rural areas. This review aims to provide a mapping of previously published studies on mobile UI design application for smallholder agriculture to be a smart farmer. The focus of this scoping review is on the design elements of the proposed UI, strategies of inquiry used and to find out if there is a UI design that involves geospatial context by published articles. The results show that interview and observation are the most common field study methods used to obtain information in designing mobile UI, and the most widely applied UI elements are audio and Interactive Voice Response (IVR). There are many user interface elements that can be used by farmers who have different skills level in dealing with mobile technology. Icon interface is an important element in designing mobile UI for rural farmers based on previous results. Other than that, the use of location function in mobile UI design shows an upward trend where three recent articles used location function to report crop pest and disease and determine the nearest market location. In addition, there is a need to design geospatial elements such as map for mobile UI that match the skills of rural farmers to support the fourth Industrial Revolution in agriculture to be a smart farmer.

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.

In 2023, digital literacy has increased to be discussed which navigates human interaction with the current digital environment. The purpose of this study is to determine the relationship between digital literacy and user interface (UI) design quality using a usability testing approach. The study involved collecting data through a series of trials with participants representing different levels of digital literacy. The main focus of this study was to assess the extent to which the UI design could improve the digital literacy understanding of the users, namely school children. The parameters evaluated involved aspects of digital literacy, such as the ability to understand and evaluate digital information, as well as usability elements such as interface clarity, navigation efficiency, and user engagement level. The approach used is the design thinking method which focuses on the end result only. Usability testing is an important evaluation method in measuring the effectiveness, efficiency, and user satisfaction of a user interface (UI). This research focuses on the use of usability testing to assess the quality of UI design in the context of understanding digital literacy. The results of this study can provide insight into how the level of digital literacy can affect the user experience in using digital applications and contribute to the development of UIs that are more user-friendly and accessible to various levels of society.

User interfaces are important for streamlining the interactions between humans and computers. However, there are few effective approaches for collecting users’ preferences implicitly and objectively for the purpose of user interface (UI) design optimization. This paper presents an effective approach to interactive genetic algorithm (IGA) optimization-based UI design via eye tracking, including eye-movement data based users’ preference inferring, gene coding for real UI components and design features, and the visualization and interaction mechanisms. Then we design and build a prototype system that applies IGA to generate and optimize music player UI solutions automatically. An evaluation of our prototype system suggests that it can generate and identify personalized UI designs reliably with minimal user intervention and high efficiency and user satisfaction.

Strategic management of cognitive load enhances user interface (UI) design in a two-fold manner, particularly in information services that require frequent use of sophisticated data. This paper addresses cognitive overload and elevated user experience by decomposing UI elements and information flow. The primary concern is having users cope with vital information within a reasonable timeframe, which is critical to productivity and overall satisfaction. We explore cognitive load theory, specifically its application in UI design regarding intrinsic, extraneous, and germane cognitive load. Through case studies and usability testing, we focus on visual hierarchies, navigation, and overall design consistency that advance feedback and content chunking to show the extreme reduction in mental effort. Also, cognitive load solutions that alter content and interaction based on user activity are advanced as novel adaptive interfaces. The paper frames real-world scenarios to illustrate assessing cognitive load in information service systems to aid UI decision-makers and developers. Emphasis on enabling real-time interface navigation supports optimal information retention and swift decision making. A systems approach focused on users' cognitive capabilities enables a UI design which ultimately makes information services more effective, efficient, and user-friendly.

This chapter will show you how to use and specialise UML diagrams for describing the user interfaces of a software system. In order to accomplish the description of user interfaces, the proposed technique considers three specialised UML diagrams called user-interaction, user-interface, and GUI-class diagrams, which will be built following a model-driven development (MDD) perspective. These diagrams can be seen as the UML-based UI models of the system. In addition, this chapter is concerned with code-generation to implement the user interfaces of the system by using GUI-class diagrams and user-interaction diagrams. A case study of an Internet book shopping system is introduced in this chapter to proof and illustrate the proposed user interaction and interface design technique.

The present manuscript-based doctoral thesis addresses the question of how approaches to interaction design can be made more structured. This is an attempt to make it more transparent how one can come to a final design of a user interface starting from the results of foundational user research. The results of this analysis can help designers to work very systematic at times, to better reflect on their own idiosyncratic design process “on the job”, or to learn interaction design in the first place. In user-centered design (UCD) there are lifecycles and methods that already provide a certain degree of structuring with the discrimination of different phases etc. But they leave open some gaps here and there. This work is an attempt to close some of the gaps and bring closer together these individual methods. Interaction design patterns are a way to describe solutions to problems in designing user in-terfaces in a very systematic way. However, pattern libraries usually are far from complete. They mostly lack patterns to support the early phases of interaction design and therefore they do usually not link to the abstract models of conceptual design. The third manuscript describes an organizational scheme for interaction design patterns to support the process of implementing a complete pattern language covering all the different levels of the solution domain. The scheme has been found by analyzing several established UCD lifecycles and it has been evaluated by organizing all the individual patterns of several public pattern libraries into it. The first manuscript describes a process of systematically building up a pattern language alongside of a redesign project of a complex application in a corporate environment. The second manuscript describes how patterns have been evaluated in the aforementioned project, when there were several different solutions for one problem. This is shown with two interaction design patterns for the problem of making required input fields visible to users. The fourth manuscript is an attempt to bring together the idea of a complete pattern language, as a description of the solution domain of interaction design, with the different parts of the problem domain. Therefore, the same UCD lifecycles (as in the third manuscript) have been analyzed to find a universal structure of the problem domain. Then all the mappings between the individual parts of the two domains have been described in order to link the two domains in this direct way. Another way of looking at the gap between the problem domain and the solution domain is by seeing it as a distance of levels of abstraction between results of foundational user research and the final user interface. From this point of view a bridging of the gap can be seen in different intermediate representations (abstract models, sketches, and prototypes) and linking them together in a coherent way. These different ways of bridging the gap between foundational user research and the final design of a user interface can be seen as cognitive artifacts to foster problem solving and learning of interaction designers.