usability-and-user-interface-design

Journal of Computer Science, Published online: 5 June 2026; doi:10.3844/jcssp.2026.1767.1784 Traditional craftsmanship served as both a manifestation of cultural heritage and a vital pillar of the global creative economy. However, its digital integration was frequently hindered by low technol...

Building an Accessible Design System Playground: A Practical Frontend Guide Building an Accessible Design System Playground: A Practical Frontend Guide Creating a design system is more than building a component library; it’s about establishing a living, accessible, and scalable playground where teams can experiment, learn, and align on UI decisions. This tutorial walks you through building an acc…

Cmd+C , Cmd+V , Cmd+Z — the basics settle into procedural memory quickly. Beyond that, most shortcuts remain things we intend to learn eventually. The resources are easy to find. Most applications expose shortcuts directly in their menus, publish reference pages, and allow custom key bindings. Yet a 2005 study by Lane, Napier, Peres, and Sandor found that even experienced users relied on keyboard…

Modern frontend frameworks give us structure to build complex, scalable web platforms. But if you look under the hood of many enterprise applications, you will find hundreds of clickable <div> elements . Relying on the most generic layout container for core user interactions is more than lazy - it breaks the web for users who rely on assistive technologies, worsens native browser performance, and…

Adding UI to Colab You can show UI in a Google Colaboratory notebook. Input forms, buttons, and so on are handy when other people use your notebook. A form's value is reflected into the cell's variable. Live Colab notebook sample Cell title #@title cell title Input form You can reflect the form's content into a variable in the cell. variable = " the form is reflected into the variable " #@param {…

Stop your display from dimming, locking, or falling asleep. Here is a developer-friendly guide to keeping your screen active using web APIs, terminal commands, OS configurations, and hardware. In this article The Modern Web Method (Screen Wake Lock API) Command Line Utilities for Power Users Native Operating System Settings Hardware Hacks & Mouse Jigglers Side-by-Side Comparison Whether you are m…

Jef Raskin founded the Macintosh project at Apple, which led to the development of the Apple Mac and the popularisation of the graphical user-interface. He was Apple employee #31 and left the Macintosh team in mid-1981 after Steve Jobs took over the project. Jason Walsh: Before the Mac you were a professor of music. As a musician you presumably appreciate complex but specific tools for use by vir…

Dark patterns are deceptive interface designs that steer users toward unintended actions, often at financial or privacy cost. This thesis examines how those that are vision impaired are at greater risk of these dark patterns given their visual acuity deficit. We conducted semi structured interviews with nine participants across common contexts including e-commerce checkout, subscription and cance…

Scientific Reports, Published online: 06 August 2026; doi:10.1038/s41598-026-55232-2 A two-step tilt compensation method for off-axis holographic displays

Today we’re shining a bright spotlight on recent work from our Programmable Ink research area — visualizable computation, software you can put your hands on, and a grimoire of rune stones and imagination. For the past few years, we’ve been quietly building a holistic, malleable notebook we call PlayBook. The goal is to make something that feels every bit as good as paper & pencil for sketching an…

Information Foraging: How Developers Navigate Systems Developers rarely read code from top to bottom. They navigate it. When debugging or extending a system, developers follow cues that suggest where relevant behavior might live, such as: Directory structure and package names Class names Method names Enums and constant values Each cue helps answer a constant question during exploration: "Where sh…

From a high-level perspective, frontend engineering functions as the translation layer between raw, machine-readable data and human interaction through User Interfaces (UI) and User Experience (UX). While technical optimization often focuses on rendering pipelines, bundle sizes, and state management, comprehensive engineering requires ensuring compatibility across the full spectrum of human capab…

Design plays a role that’s utterly crucial in our daily lives—it bridges functionality with aesthetics to meet user needs. In product development, it’s design that determines how user-friendly and appealing a product is. The field of human-computer interaction (HCI) is foundational to UX design. To excel as a UX Designer, you need to understand HCI. Learn the core principles and main highlights o…

In today's digital world, we face an overwhelming influx of information daily. Information Visualisation (InfoVis) serves as a promising approach to alleviate this “information overload” issue by providing timely, effective, and adaptive visual representations. Despite its potential, previous research has under-explored the critical role of users' cognitive states in facilitating more natural int…

UC San Diego researchers argue that informed consent in digital health needs a reboot. Their studies show people want clarity, dialogue and real control over their data -- proving consent should be a relationship, not just a form.

The pattern that wrecked my reading: find an unfamiliar term, open a new tab, read half the Wikipedia article, open two more tabs from that, and twenty minutes later I've forgotten what I was doing. The original article is buried somewhere behind six tabs. rabbitholes is a Chrome extension that renders an explanation in a shadow-DOM tooltip next to your cursor when you highlight text. The shadow …

In recent years, architectural design has incorporated principles from neuroscience to improve human experience in built environments, giving rise to neuroarchitecture as an emerging discipline. Although numerous studies examine cognitive and emotional responses to architectural spaces, the state-of-the-art remains fragmented, particularly regarding how design features shape attention, memory, an…