Links to source code and demos associated with publications

Research Sourcecode Computer Vision Lectures Human Interface Lectures

Research Sourcecode

1
Publication 1

[1]. A. Yuan, M. You, D. He and X. Li, "Convex Non-Negative Matrix Factorization With Adaptive Graph for Unsupervised Feature Selection," in IEEE Transactions on Cybernetics, vol. 52, no. 6, pp. 5522-5534, 2022.

Paper Project Page Online Demo

Computer Vision Lectures

1

CV BlockStudio — Modular Computer Vision Platform

An intuitive, block-based modular computer vision learning platform. Build processing pipelines on the web like puzzles (e.g., image processing, face detection, object tracking) to automatically generate and execute the corresponding Python (OpenCV/MediaPipe) code.

English Version Demo Japanese Version Demo Chinese Version (中文) Demo

Human Interface Lectures

6

Lesson 1: Affordance and Mapping — Hands-on Experiment

Experience the concepts of affordance and mapping through an interactive light-bulb-and-switch interface. Compare bad mapping vs. good mapping and learn why intuitive control design matters. Includes an electric maze demo.

Open Google Colab

Lesson 2: Fitts's Law — Click Experiment Session

Verify Fitts's Law by clicking on-screen targets of varying sizes and distances. After the experiment, analyze and visualize the collected data to confirm whether Fitts's Law holds.

Open Google Colab

Lesson 3: Hick's Law — Choice Reaction Time Experiment

A game-style experiment where you select randomly displayed words on screen. Measures how the number of choices affects reaction time, demonstrating Hick's Law (decision time increases logarithmically with the number of options).

Open Google Colab

Lesson 4 (1/2): Image Encoder - Unfriendly UI Design (Bad UI)

An intentionally poorly designed user interface violating Fitts's Law and Hick's Law to increase cognitive load, used for UI audit exercises in lectures.

Open Demo

Lesson 4 (2/2): Image Encoder - Improved UI Design (Good UI)

An optimized and intuitive version of the image encoder UI, redesigned in accordance with core usability principles.

Open Demo

Lesson 5: Nielsen's 10 Usability Heuristics — Experience Code

An interactive notebook with paired "bad example" and "good example" code cells for each of Nielsen's 10 usability heuristics. Compare real UI implementations side by side to learn the fundamentals of usability evaluation.

Open Google Colab