Design + research黄心健 / 2025—2026

在设计与研究之间,
探索人与技术相处的方式。
记录作品,也记录沿途的相遇。

JoeyHuang

Scroll to explore 向下探索

Selected projects / Design × Build

从一个想法,
到一次真实交互。

以设计提出问题,
用可运行的产品探索答案。

01

Interaction system / 2026

Robotaxi 乘客端 HMI

让车辆的动作,成为乘客能理解的信息。

实际软件界面 · 浏览器交互演示系统

当车辆减速或急刹,乘客需要知道:发生了什么、为什么这样做,以及接下来会怎样。

我参与设计与开发了这套 Web 端 HMI,将风险预告、执行提示、事件回顾、决策解释与感知证据展示串成可操作的体验流程。

典型场景
2 类
交互状态
16 个
软件版本
V1.0
  • HTML5 / CSS3
  • JavaScript
  • AI 辅助开发

场景与信息层级

覆盖行人接近和复杂左转避让两类场景。以常态、谨慎、紧急三种驾驶模式联动提示条、告警、事件卡片与解释抽屉,让信息随情境逐步展开。

实现与交付

通过场景配置、状态切换和事件绑定实现自动演示与用户操作;整理源程序、功能说明和用户手册。远程协助以演示交互呈现。

02

AI conversation / 2026

Selfverse · 我与我之间

和另一种可能的自己,聊一聊眼前的选择。

已实现的移动端网站界面 · 点击查看大图

把一个选择困惑,变成与不同人生路径中的自己的一次对话。

在团队的未来主义设计概念基础上,我独立完成交互网站、DeepSeek API 接入与服务器部署,让“平行自我”可以回应、追问,并留下反思报告。

  1. 输入困惑
  2. 匹配角色
  3. 连续对话
  4. 回声报告
  • DeepSeek API
  • 角色 Prompt
  • 多轮上下文
在线体验 Selfverse

有设定的角色,有连续的对话

多组预设 Prompt 为角色提供不同的背景与人生视角。聊天回复实时生成,并保留本次会话上下文;退出后重新匹配角色,开启新的对话。

让对话留下可回顾的结果

根据对话实时生成“自我回声报告”,归纳获得、代价、未知和待思考问题,并提供现实行动记录入口,帮助用户整理自己的判断。

设计背景与成果

国际教师联合工作坊项目。团队提出戒指、全息装置与移动端系统的整体概念;我将网站部分开发为可在线体验的 AI 应用。

03

Accessible creation / 2026

Creative Agents · 视障创作伴侣

从拍摄到剪辑,让创作者的判断留在作品里。

项目界面截图 · 拍摄端未启动采集;剪辑端为预置演示

让视障创作者用语言参与取景、取舍与修改,把自己的判断保留到成片。

我与队友共同设计开发拍摄端与剪辑端,使用 AI 辅助编程完成网页原型、模型接入、前后端接口联调与迭代,将现场拍摄和后期创作连接起来。

  • React / TypeScript
  • Python / FastAPI
  • Hermes Agent
  • 多模态交互

团队共创 · Vibe Coding · 功能原型与联调

01 / Capture guidance

拍摄指引:说出目标,获得反馈

  • 语音与视觉协同

    解析“拍杯子”“换成瓶子”等指令,由视觉模型定位和确认目标,再交给本地跟踪与方向提示;目标丢失后重新寻找,居中后减少提示干扰。

  • 拍摄时留下创作意图

    支持拍照、录像和现场标记。原始媒体、拍摄意图原话与时间点一同保存,避免后期只有视频、没有创作者当时的想法。

  • 自动交接与失败恢复

    照片保存或录像结束后进入上传队列,交接完成后创建待剪辑作品;区分上传与分析进度,复用请求标识处理重试,原片保留在本地。

02 / Conversational editing

对话剪辑:听懂素材,再决定怎么改

  • 素材理解与证据检索

    将视频整理为带时间范围的画面描述、语音转写和质量提示。Agent 可以查询作品状态、检索素材、读取片段证据,再提交结构化创作提议。

  • 多轮修改与版本追溯

    支持创作方向、预览确认、局部修改和恢复旧版。服务端核验提议后执行时间线操作,保留创作者原话、修改依据和版本差异。

  • 口述审片与实际导出

    通过语音或文字说明素材、作品与本轮改动;按选定版本调用 FFmpeg 渲染成片。实时语音、逐句录音和文字输入共享创作流程。

One continuous workflow

素材传过去,判断也传过去。

  1. 01拍摄与标记原片 · 意图 · 时间点
  2. 02素材理解分段描述 · 可检索证据
  3. 03对话与确认工具提议 · 规则核验
  4. 04版本与成片可撤回 · 可讲解 · 可导出

从创作流程定义问题

在集成创新设计项目中整理竞品分析与访谈提纲,围绕取景确认、素材整理、剪辑取舍和成片检查梳理需求,将无障碍交互贯穿前后期。

把调用链路做成可检查的系统

将模型提议与正式修改分开,结合结构化输出校验、请求去重、版本记录和异常反馈处理误解与失败;在原型中迭代语音回声、上传恢复和确认操作。

当前进展

已完成拍摄与剪辑的接口联调,并在测试样例中跑通真实模型处理与成片导出。项目仍处于原型验证阶段,iPhone 连续使用和 VoiceOver 完整流程待进一步验收。

Research & recognition / 01—07

研究与成果,
留下探索的凭证。

交互设计、学术论文与获奖记录。
点击作品,查看完整内容。

A little context / 关于

从人的感受出发,
让技术更易理解。

我是黄心健,Joey。我关注人与智能系统如何理解彼此,也通过 AI 辅助编程将交互设计转化为可以体验的产品。这里收录 Robotaxi 座舱交互、Selfverse 角色对话网站、Creative Agents 视障拍摄与对话剪辑,以及相关研究与设计成果。

设计之外,也用照片留下交流、学习与相遇的瞬间。

回到首页,看看日常

打开原文件

使用 + / − 放大缩小 · 键盘左右键翻页 · Esc 关闭