Mobile Interface Design Research Articles

User interface design in mobile learning applications: Developing and evaluating a questionnaire for measuring learners' extraneous cognitive load

Mobile learning is increasingly popular due to its flexibility in timing and location. However, challenges such as small screen sizes and poor user interface design can elevate learners' cognitive load, especially extraneous cognitive load, which hinders learning. Extraneous cognitive load, stemming from user interface design complexity, must be minimized to enhance learning focus. Currently, there is no dedicated instrument for measuring extraneous cognitive load specific to mobile learning user interface design. This study aims to develop and evaluate a subjective instrument for measuring extraneous cognitive load caused by user interface design in mobile learning applications. Two sets of experiments were conducted: pretesting to establish the instrument's foundation with a small participant group, followed by pilot experiments to validate the instruments and refine experimental procedures. The NASA-TLX score was used to analyze the relationship between overall cognitive load and extraneous load across various user interface criteria. Understanding these relationships can guide user interface improvements to reduce extraneous cognitive load. Challenges encountered during pretesting and pilot experiments included participant fatigue, scale reliability issues, and incomplete data collection. To enhance reliability, adjustments were made: tasks were reduced, the scale was expanded from a 4-point to a 10-point format, and facilitators thoroughly verified data before participants concluded sessions. Creating a tool to measure how user interface design impacts users' extraneous load is important because it is the UI design, not the mobile app's content that affects extraneous load. However, general methods for measuring cognitive load may not accurately identify problems with user interface design. Therefore, an extraneous load-based method is needed. This will also eventually improve usability.

The Development of User-Interface and Mobile Interface: A Bibliometric Study 50 Years Using Vos Viewer

This research employs bibliometric analysis and computational mapping using VOSviewer to study mobile interface research trends. Data from Google Scholar spanning 50 years (1974-2024) identified 30 relevant articles grouped into 4 clusters. Results show mobile interface categorized under 'mobile interface' and 'mobile app', with 'mobile interface' linked to 5 sources, total link strength 6, and 17 occurrences; 'mobile app' linked to 9 sources, link strength 21, and 20 occurrences. Notable publication peaks occurred around 2013, with a decline post-2019. VOSviewer highlights active investigation areas. This study informs researchers and practitioners on mobile interface design, offering insights for future research directions.

Model Touch Pointing and Detect Parkinson's Disease via a Mobile Game

Touch pointing is one of the primary interaction actions on mobile devices. In this research, we aim to (1) model touch pointing for people with Parkinson's Disease (PD), and (2) detect PD via touch pointing. We created a mobile game called MoleBuster in which a user performs a sequence of pointing actions. Our study with 40 participants shows that PD participants exhibited distinct pointing behavior. PD participants were much slower and had greater variances in movement time (MT), while their error rate was slightly lower than age-matched non-PD participants, indicating PD participants traded speed for accuracy. The nominal width Finger-Fitts law showed greater fitness than Fitts' law, suggesting this model should be adopted in lieu of Fitts' law to guide mobile interface design for PD users. We also proposed a CNN-Transformer-based neural network model to detect PD. Taking touch pointing data and comfort rating of finger movement as input, this model achieved an AUC of 0.97 and sensitivity of 0.95 in leave-one-user-out cross-validation. Overall, our research contributes models that reveal the temporal and spatial characteristics of touch pointing for PD users, and provide a new method (CNN-Transformer model) and a mobile game (MoleBuster) for convenient PD detection.

Desain Ui/Ux Aplikasi Various Wash Services Marketplace Ez Clean Menggunakan Metode Design Thinking

In the modern era, various washing services, especially motorbike, car, clothes and shoe washing services, are growing very rapidly. Unfortunately, various wash services, especially motorbike, car, clothes and shoe washing services, are currently still quite ineffective. The aim of this research is to design a various wash services application that produces good usability on an Android-based mobile platform. This research will discuss mobile application interface design using the design thinking method. This method focuses on human interests as users bringing new innovations. The design evaluation stage will be carried out based on recommendations from ISO 9241-11 in measurements. The results of the test after producing the final value from two iterations on twenty washing service providers produced an effectiveness value of 97.25%, efficiency 97.59%, and ten users (buyers) produced an effectiveness value of 97.5%, efficiency 94.14 %, then the aspect of the thirty respondents produced a Satisfaction (SUS) value of 82.83, where the usability results were categorized as good or good

The Impact of Traditional Chinese Symbols on User Experience in Mobile Interface Design

In recent years, the use of traditional Chinese symbols in mobile interface design has garnered significant attention. This paper explores the impact of traditional Chinese symbols in mobile interfaces on user experience (UX). A comprehensive literature review was conducted, analyzing relevant papers that examine various aspects of the topic. The findings indicate that incorporating traditional Chinese symbols can enhance UX by fostering cultural identity, improving visual appeal, and creating emotional connections. However, several knowledge gaps were identified, including the need for more empirical studies, cross-cultural comparisons, and guidelines for appropriate symbol selection and placement. This paper aims to contribute to the field by shedding light on the benefits and limitations of using traditional Chinese symbols in mobile interface design and by identifying areas that require further investigation.

Can App Reviews Help Developers to Improve Mobile User Interface Design?

<p>For mobile user interface (M-UI) design, it has an important impact on app user’s usage. However, M-UI design is limited by subjective factors, even professional developers can’t determine whether the M-UI design is good or bad. App reviews provide an opportunity to proactively collect user complaints and promptly improve the user experience of apps. Therefore, it is meaningful to explore whether app reviews can help developers to improve M-UI design. In this article, we randomly select six different categories of apps from Google Play Store and App Store, with over 160000 reviews, and conduct a preliminary empirical study to answer the question. Specially, we gather M-UI-related reviews, and compare the average rating of M-UI-related reviews and total reviews of each app. We observe that the M-UI is concerned by users and the average rating for M-UI-related reviews is lower than the average rating for total reviews. By extracting the topics of M-UI-related reviews, we estimate the sentiment of the M-UI-related topics. The results show that the number of M-UI-related topics are about three or four, and the sentiment of M-UI-related topics is related to the app itself. Further, by investigating the relation between the M-UI-related topics and M-UI design. We observe that users are concerned about the M-UI usability the most, and it is the various aspects of the M-UI that are causing user frustration. In particular, our findings show that M-UI-related reviews reflect the severity of M-UI-related issues and app reviews can help developers to improve M-UI design about appearance, usability, fault-tolerance, of which usability deserves the most attention.</p> <p> </p>

Guest Editorial: Blockchain and decentralised solutions for social good

Guest Editorial: Blockchain and decentralised solutions for social good

Research on UI visual interface design of local museum under digital background

With the rapid development of mobile internet, competition among similar software has become increasingly fierce. To stand out in this highly competitive market, in addition to having unique features, emphasis must be placed on creative UI design and finely categorizing it into mobile interactive interface design apps. This article's "Cloud Tourism" museum app relies on Internet of Things technology, mobile communication technology, cloud computing technology, artificial intelligence technology, and mobile interaction technology to provide users with high-quality experiences through perceptual, interconnected, intelligent, and flat design. This article provides a detailed introduction to the main design process, with the aim of making the interaction between people and software more comfortable, simple, and natural.

MOBILE USER INTERFACE DESIGN FOR SMALLHOLDER AGRICULTURE TO BE A SMART FARMER: A SCOPING REVIEW

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.

Preventing accessibility barriers: Guidelines for using user interface design patterns in mobile applications

Mobile applications play an important role in many aspects of life. It is essential to be aware of the software development approaches that can support the design of accessible applications. Their main goal is to ensure that the interactive applications are available to everyone, including people with disabilities, reduced skills, or momentarily induced impairments. This paper aims to identify the accessibility barriers that occur when using design patterns for building user interfaces of mobile apps and propose guidelines to prevent the problems most often encountered. We start by conducting a gray literature review in professional forums and blogs to reveal the difficulties developers face when using mobile user interface design patterns. We thus compiled a catalog which contains the descriptions of 9 user interface design patterns, the accessibility barriers linked to the use of each pattern and the guidelines that can be followed to prevent the problem of these barriers. We carried out an evaluation of the use of the catalog with 60 participants. Our results show that in most cases, the guidelines were correctly applied for the prototyping of mobile user interfaces. The findings also revealed the usefulness and ease-of-use of the guidelines from the perspective of the participants.

The Effect of the Aesthetically Mobile Interfaces on Students’ Learning Experience for Primary Education

Mobile devices such as mobile phones are becoming more important to school students today. This is due to the COVID-19 pandemic, mostly traditional face-to-face learning has shifted to online learning such as learning via a mobile platform. Mobile learning also known as m-learning, is defined as learning in numerous situations through social and content interaction utilizing personal electronic devices. M-learning applications not only need to have efficient functions, but it also has to attract students to learn by providing an attractive interface. An aesthetic of a mobile interface is essential since it could influence the user's learning experiences, but vice versa for non-aesthetic interfaces. User experience (UX) encompasses an extensive range of outcomes of the user-device interaction, including cognitions, attitudes, beliefs, behaviour, behavioural intentions, and affect. However, this study focuses on UX in terms of learnability, satisfaction, and efficiency since most previous studies were not explicitly focused on examining these three (3) UX components. Thus, this study aims to investigate the effect of aesthetically mobile interfaces on the learnability, satisfaction, and efficiency of primary school students, specifically, for Kelas Al-Quran and Fardu Ain (KAFA) students. This study found that aesthetically mobile interfaces significantly affected students’ learning experiences regarding learnability, satisfaction, and efficiency. In conclusion, the findings of this study could serve as guidelines for future research in the field of mobile interface design.

Effects of the Font Size and Line Spacing of Simplified Chinese Characters on Smartphone Readability

Abstract In this study, we explored the effects that the font size and line spacing of simplified Chinese characters had on their readability on smartphones. One hundred and fifteen participants were recruited to complete Chinese text comprehension tasks and provide user preferences on a 5.9-inch smartphone. Nine test conditions were studied, consisting of three font sizes (10-, 12- and 14-point) and three line spacing variations (1.25-F, 1.5-F and 2-F). The results showed that both font size and line spacing significantly affect reading time, but only font size significantly affects reading accuracy; font size, line spacing and the interaction between them have significant effects on the difficulty of reading and the degree of visual fatigue. Medium and large font sizes are more comfortable to read with large line spacing, while small and medium font sizes are more attractive with large line spacing. The results provide useful information for mobile text interface design.

기호학적 관점에서의 모바일 형태와 인터페이스 디자인에 관한 연구

1973년 미국 모토로라 엔지니어인 마틴 쿠퍼(Martin Cooper)가 세계 최초의 상용화 모바일을 개발한 후부터 모바일은 단순한 기능만을 가진 통신기기에서 통신, SNS, 사진촬영, 오락, 학습 등 다양한 기능을 담은 멀티미디어 개인 단말기로 발전하였다. 인터넷 기술이 발전하면서 모바일 디자인은 간소화와 큰 사이즈의 스크린을 추구하는 추세를 보이고 있으며 모바일 디자인은 점점 단순화되고 있다. 그러나 소비자는 개성과 차별성에 대한 요구가 점차 커지고 있는 상황이다. 본 연구는 기호학 이론을 바탕으로 우수한 제품의 기호 디자인 사례를 모바일 디자인에 접목하는데 목적을 두었다. 본 연구는 기호학 중에 디자인 기호학을 연구이론으로 삼아 연구를 진행하여 모바일 형태와 인터페이스 디자인에서 기호의 구성 방식, 전달 방식, 표현 방식, 기호의 추출 방법 등 측면에서 분석하였다. 분해 분석 방법을 이용하여 모바일 형태와 인터페이스를 단위 기호로 분해하였다. 형태와 인터페이스 기호들에 담고 있는 내적인 의미와 외적인 의미를 분석하여 정보 전달 과정을 살펴보았다. 구체적인 상품을 사례로 삼아 사례 분석을 이용하여 시장에 출시된 대표적인 모바일 상품을 분석하여 내적인 의미와 외적인 의미에 따른 디자인의 특징을 도출하였다. 그리고 소비 시장 변화에 따른 모바일 형태 디자인 기호의 변화, 기술 발전에 따른 모바일 인터페이스 디자인에서의 기호 표현, 모바일 디자인에 있어 기호의 추출 세 가지 측면에서 연구를 진행하였다. 이에 기호학적 관점에서 모바일 디자인에 존재하는 문제점과 모바일 디자인에 대한 시사점을 도출하였다.

Conjoint Analysis of User Needs in Mobile Payment Interface Design

With the advent of the Internet era, consumer lifestyles have been changed tremendously, and mobile payment has carried out an increasingly extensive coverage of the people s life trajectory. Taking the design of the mobile payment interface as an example, we use a conjoint analysis method to survey college students in Guangxi, where questionnaires are collected from 270 people in different groups according to gender. The method separates the attributes that affect consumer choice of mobile payment interface design and the utility value of the attribute level to analyze consumer needs and preferences, and then obtains consumers potential evaluation criteria for mobile payment interface design. The results of the study show that the attributes that influence consumers choice of mobile payment interface design are, in order of preference: page layout, identification convenience, verification, module distribution, entertainment, and information encryption. Consumer groups of different genders show differences in their preferences in the mobile payment interface design and Consumer needs reflect consumer psychology. Several findings are obtained on the consumers preferences on the mobile payment interface design, which may be used to improve future design processes.

Mobile Interface Design to suit the Algerian Culture: First initial design

The growing number on the use of mobile apps has extraordinary potential for the public transport industry. Through the use of mobile apps, may provide fast, effective and safe services to the passengers to commute to different destinations. However, the particularities of mobile applications need particular attention concerning the usability aspects, such as culture. Taxi-Inter-Wilaya is a shared-taxi service between cities in Algeria. This taxi service is estimated as one of the most beneficial ways for the Algerians to travel. However, the booking for passengers travelling to long distances of 600 KM and more, can only be made via phone calls. Consequently, passengers face various challenges in the booking process. Drivers receive calls for bookings while driving, which puts them in an illegal situation and unsafe.
 To this purpose, the researcher uses the design thinking approach to propose a transport mobile application that can assist and support both taxi drivers and passengers to travel between cities suitable to the Algerian culture. The data collection method comprises a series of Interviews with both users (passengers and taxi drivers) as well as designing the several iterations of low and high-fidelity prototypes of the mobile application that is named as DJAMAAI. The prototypes were then evaluated via a series of usability testing for both groups of users. Results shows that users favour visual representations that are associated to their culture more than textual; they prefer, buttons such as icons and symbols, as well as more straightforward and minimalist user interface design. Also, symbols and hints help learnability of using the tool.

Towards developing digital interventions supporting empathic ability for children with autism spectrum disorder

It is very challenging for children with autism to express their emotions to others as well as to recognise others’ feelings accurately. As social difficulties of autistic people might aggravate their loneliness and social isolation, a holistic development is required from an early age. This study aimed to suggest a digital intervention for supporting autistic children’s empathy development by using design thinking. This study developed a mobile-interface design on the basis of the human-centred design approach, and a prototype was evaluated by stakeholders with respect to acceptability and usability. Usability was measured by twelve statements of a combination of design guidelines and the system usability scale, and subsequently, open-end interview questions were offered to collect data regarding acceptability. The separate interviews were recorded and transcribed verbatim, and thus, meaningful data were selected and clustered by themes. The result of the qualitative data analysis is represented by eighteen themes in five categories. Altogether, this research suggests a phased (bit-by-bit) strategy for teaching empathy of children with ASD through a digital intervention.

Effects of mobile news interface design features on users’ gaze behaviours and behavioural performance: evidence from China

ABSTRACT The increasing growth in the use of mobile news apps has raised questions on how their interface design features affect users’ gaze behaviours and behavioural performance. To tackle these issues, two experiments (visual browse and search tasks) were designed to investigate the impact of interface design features (colour and layout) on users’ gaze behaviours (fixation count, fixation time ratio and first fixation duration) and behavioural performance (task completion time and search accuracy) with a portable eye tracker. Twenty-four participants were recruited to browse and search for news in different mobile news interfaces with Chinese language. The results showed that mobile news apps with white interfaces attracted more attention and participants needed more time to comprehend the information of white interfaces in the visual browse task. Furthermore, participants achieved higher search efficiency in the visual search task by using interfaces with red keyword and LT-RP (Left Text-Right Picture). In addition, it is noticeable that participants paid more attention to the text than the pictures of mobile news interfaces, and most participants first looked at text and later observed pictures. The findings provide valuable and interesting insights for better understanding users’ gaze behaviours and behavioural performance of mobile news apps.

An Evaluation of Quran Memorization Mobile App among Middle-Aged Adults and Early Elderly

There are many mobile applications that help to boost Quran memorization, but the target users are normally for general people without specifically consider the design for ageing people. This becomes imperative since ageing people need to face with the cognitive and physical decline as they are getting older. Hence, to enhance Quran memorization, a mobile app known as E-Hafazan was developed. For the interface design, the researchers integrated the mobile design guidelines for ageing people that comprise of seven categories: cognitive, content, navigation, visual, audio, perception and dexterity. The aims of this paper are to investigate the usability of mobile interface design and user acceptance on E-Hafazan mobile app for Quran memorization. A total of 30 people around Arau, Perlis participated in the system evaluation. The participants were in the category of middle-aged adults and early elderly, between the ages of 40-74 years old. From the findings, most of the respondents are satisfied with the E-Hafazan app since it is effective, interactive and ubiquitous for memorizing Al-Quran although there is a slight lack in the result of the visual category for the mobile interface design.

Older adults’ use of mobile device: usability challenges while navigating various interfaces

ABSTRACT Mobile devices are becoming ubiquitous among older adults, but have also caused unprecedented challenges due to the high demands of interaction techniques and changeable design patterns found across various applications. This paper aims to investigate how older adults navigate with mobile interfaces and identify their potential usability challenges while navigating. To do so, we summarised six state-of-the-art mobile interface design patterns and conducted individual usability test and in-depth interview with 22 older adults. Participants were asked to perform 19 navigation tasks that contain these design patterns under realistic usage scenarios. Follow-up interviews were held to collect their detailed comments on usability issues regarding visual design, ease of understanding, and interaction and navigation of the design patterns, as well as their personal experience. The results found that overall older adults were able to navigate contents more effectively than menus and buttons. Participants experienced great challenges in directing their attention to the menus and buttons, understanding the meaning of icons, and interacting with these menu components. In contrast, the content-oriented navigation design performed better in understanding, navigation, and interaction, which could be a promising direction for elderly-friendly mobile application design. Design implications are further discussed for creating an elderly-friendly mobile interface.

Categorizing mobile user interface patterns using EFA

A mobile user interface is a specialized form of a user interface as it runs on mobile devices which has some limitations. It must be designed in a simple and engaging appearance. There is a guideline available that consists of eleven specific patterns of mobile user interface design to achieve this objective. This paper aims to regroup these patterns into smaller groups so that there is a simpler guideline. To do so, the Exploratory Factor Analysis (EFA) approach is being used. The result shows that the eleven patterns could be grouped into four categories. These categories depict the spectrum of mobile user interface design from mandatory to optional. A prototype is built based on this categorization.