HCI OBSERVATORY / AN INDEPENDENT BLOG SERIES

2026.10

Look closer.
Ask better questions.

What makes an interface useful, understandable and easy to recover from? Read existing studies, examine their original illustrations and develop product critiques, beginning with the AI tools we work beside.

2 product drafts + illustrated readings5 primary sources in the readingsEnglish / 中文

The series welcomes source reviews, interface readings and firsthand observation. Authors retain credit for their own studies; our interpretations and proposed tests are labelled separately. These AI-assisted drafts await my review.

RECAP research replay viewer: files, code differences, conversation and an event timeline.
Original figure: RECAP · He et al. · CC BY 4.0

NEW / FIVE ILLUSTRATED READINGS

How others study AI interaction.

A Codex walkthrough, Copilot papers, Claude Code logs and a design team’s account. Compare their methods and writing, with five credited original illustrations.

Read the source review →

Begin with two AI desktops

Sources → interface → critique
Official Codex desktop demonstration with a project sidebar and task composer.01 / Codex

SOURCE REVIEW & CRITIQUE / DRAFT

Making agent work legible.

Projects, task context, execution modes and the cost of checking a change.

Official demo · 23 Feb 2026
Official Claude Cowork demo showing chat beside a built-in browser.02 / Claude Desktop

SOURCE REVIEW & CRITIQUE / DRAFT

When chat starts taking action.

Cowork, a side-by-side browser, visible activity and the boundaries of delegation.

Browser feature · 26 Aug 2026

THE STUDY PLAN / ONE TASK AT A TIME

Where to look next.

Start with the two drafts above, then compare AI workspaces, Apple input methods and everyday services. These are research questions; planned entries are not completed analyses.

01

Codex

From a prompt to a reviewable code change.

Read draft →
02

Claude Desktop

From conversation to delegated work in Cowork.

Read draft →
03

ChatGPT

Find a source, create an output, then verify it.

Planned · 02
04

Cursor

Inspect an agent change while keeping editor context.

Planned · 02
05

Apple Vision Pro

Select, recover and enter text with gaze and pinch.

Related: existing HW2 gaze-and-pinch draft ↗
Planned · 02
06

iPhone / iOS

Find a setting and recover from an accidental gesture.

Planned · 03
07

iPad / iPadOS

Move information between two apps without losing it.

Planned · 03
08

YouTube

Find a useful video and stop watching when intended.

Planned · 03
09

Spotify

Choose a track, manage the queue and undo a mistake.

Planned · 04
10

Figma

Comment on a design and locate the relevant revision.

Planned · 04
11

Notion

Find a document and understand who can access it.

Planned · 04
12

WeChat / 微信

Find a past file among chats, search and mini programs.

Planned · 04

The phases show sequence, not a promised publication date. A product earns a place here because its interaction is worth studying, not because its brand is famous.

A CONSISTENT WAY TO READ AND LOOK

An argument needs a clear source.

  1. Identify the author, task, platform and source date.
  2. Show an original illustration and explain what it supports.
  3. Separate the author’s findings from our interpretation.
  4. For an original observation, record the task and what was actually tested.
Open the full method →