usability-and-user-interface-design

A meme template picker has a difficult information-architecture problem: users recognize some formats by sight, others by name, and many only within a cultural context. A grid of images may look efficient while hiding meaning, age, source, and intended use. This article is based on public interface text. It is not a source-code, private-API, or production-architecture review. Treat a template as …

Publication date: Available online 19 August 2026 Source: International Journal of Human-Computer Studies Author(s): Chaerim Kim, José Gabriel Argañarás, Elizabeth Zavitz, Yan Tat Wong

This article reviews research on tangible devices that support meditation and mindfulness in human–computer interaction (HCI).

Infrared thermography has emerged as a non-invasive technique for monitoring physiological processes in clinical rehabilitation; however, its adoption remains limited due to challenges in usability, data integration, and measurement reliability. This work presents the design and development of a thermographic medical device with a user-centered graphical user interface (GUI), integrating real-tim…

The guidelines you know were written for web pages. Native apps borrow their intent and rewrite the mechanics. If your accessibility strategy assumes one rulebook covers all three platforms, you are shipping compliance debt you cannot see. There is a comfortable myth in a lot of accessibility programs: that WCAG is WCAG, a checklist is a checklist, and once your team has learned to write accessib…

The Sahid Surakarta University website serves as a platform for information and academic services utilized by students, faculty, prospective students, alumni, and the general public. Consequently, the website's usability quality requires evaluation to ensure users can access information easily and comfortably. This study aims to evaluate the usability level of the Universitas Sahid Surakarta webs…

Originally published at https://ninadpathak.com/articles/what-a-documentation-homepage-must-help-users-do/ . A documentation homepage has a narrow job: help someone choose a useful next move before they understand the whole product. I reviewed Stripe , GitLab , GitHub , Chrome , and Google Maps documentation homepages while building the route audit below, and the layouts vary far more than the un…

We build a virtual mirror for hair salons : a tablet camera feed where the customer's hair changes colour in real time while they move their head. Two constraints shaped every decision. The first is privacy: no frame ever leaves the device. Everything runs locally — the model, the fonts, the runtime — with no CDN dependency, because a CDN request would both break offline use and leak the salon's …

For decades, digital layout relied on predictable ocular tracks: the F-pattern and the Z-pattern. These were static frameworks built for static desktop screens. Today, the widespread adoption of AI-assisted browsing and spatial computing has completely broken those old habits. We are no longer building layouts for a passive reader. We are building fluid environments for […] The post How Users Sca…

A website serves as an important gateway to an institution or organization, linking it with both existing and prospective clients. Therefore, it is essential to regularly evaluate and assess its usability. Failure to do so may lead to users losing interest and experiencing limited access to its content, as information might not reach the intended audience. A usability assessment focuses on determ…

The exponential growth of distributed software development and remote collaboration has driven the need for efficient, real-time, browser-based programming environments. Collab Dev is a cloud-based collaborative code editor designed to enable multiple users, developers, educators, interviewers, and remote teams to simultaneously write, edit, and execute code within a shared environment. The platf…

Purpose: This research aims to increase the level of usability and user experience website RSUD Dr. Tjitrowardojo Purworejo through improvements to the interface design and features website by prioritizing user needs and preferences using a User Centered Design (UCD) and testing approach usability System Usability Scale (SUS).Design/methodology/approach: The research was carried out using a quant…

This project focuses on redesigning the WISER website to improve user experience (UX) and interface design (UI). Initial analysis revealed issues such as poor readability, unclear navigation, weak visual hierarchy, and low user satisfaction. To address these, I conducted surveys and interviews, gathering feedback on usability, layout, and design elements. Using Figma, I created a prototype featur…

On online video streaming platforms, consumers are often forced to watch multiple in-stream ads, which increases perceived intrusiveness. To mitigate the negative effects, prior research has examined several forms of ad customization, including attribute-selective, brand-selective, and attribute-constructive approaches. However, none fully meet the needs of consumers, advertisers, and platforms. …

School meal distribution programs require an effective monitoring system to ensure that meals are distributed in the appropriate quantity, quality, and schedule. However, many schools still rely on manual recording procedures, resulting in data inaccuracies, difficulties in monitoring distribution processes, and limited reporting capabilities. This study aims to design and develop a mobile respon…

This study redesigns and evaluates the usability of the Letterboxd Android application using the User-Centered Design (UCD) approach to address interaction problems in a feature-rich, film-based social mobile app. The baseline diagnosis triangulated contextual interviews, Cognitive Walkthrough (CW), System Usability Scale (SUS), and User Experience Questionnaire (UEQ) with nine active users, gene…

TL;DR I'm looking for advice regarding browser-based frontend development from people with practical e-ink UI experience. My specific device is a Bigme Hibreak Pro BW but I'm aiming for relatively broad compatibility. I've recently switched to a black-and-white e-ink smartphone with the motivation of withdrawing from the attention economy somewhat and it's a genuinely cool piece of hardware. Whil…

BE HUMAN Architecture BE HUMAN Architecture is an open architectural framework for long-term human-centred digital systems. This publication contains the complete BE HUMAN architecture, including: BE HUMAN CORE specification (Chapters 1–28) Architectural diagrams Reference application architecture 12/6 spatial interaction architecture FLOW information architecture Comprehensive architectural revi…