Ryan Yen

HCI Researcher / Developer
Human-Computer Interactions/ Computational Theory Systems/ Programming Interface
Profile Picture

I am currently a Human-Computer Researcher. In the past, I was a full-stack developer, and I aspire to become an entrepreneur in the future. My present research interest are malleable programming interface & interaction.

I will pursue my PhD at MIT CSAIL under the supervision of Dr. Arvind Satyanarayan to continue my research in programming interface. I studied master in Computer Science at the University of Waterloo, mentored by Dr. Jian Zhao of the WatVis Lab at UWaterloo. I was guided by Dr. Zhicong Lu from DEER Lab and Dr. Can Liu of the ERFI Lab at CityU HK.

Current State

I'm actively looking for a research internship position in the summer of 2025, working on the topic of malleable programming interface.

  • Research Interest
    Malleable Programming Interface/ Human-AI Interaction
  • Hobbies Violin/ Swimming/ Board Game

Latest News

Invited talk at Tableau Research2024-11-12

I was honored to give a talk at Tableau Research on the topic of malleable interaction interface for programming. I shared my research on the design of a system that enables programmers to edit code dynamically.

3 papers + 1 poster at UIST24! 🌆 2024-07-31

CoLadder, Memolet and a paper collborated with ChingYi on eliciting walking gestures for AR.

1 Paper + 1LBW at CHI24! 🌺🏄 2024-02-06

We explored the workflow of collaborative natural language programming and designed a system to support prompt sharing and referring.

Publications

UIST24 Poster

Paper Image Preview

Code Shaping: Iterative Code Editing with Free-form Sketching [pdf] [poster] [video] [bibtex]

Ryan Yen, Jian Zhao, Daniel Vogel

We present an initial step towards building a system for programmers to edit code using free-form sketch annotations drawn directly onto editor and output windows. Using a working prototype system as a technical probe, an exploratory study examines how programmers sketch to annotate Python code to communicate edits for an AI model to perform.

ink-based sketching dynamic abstraction programming interface Human-AI Visual Interface

UIST24 Paper

Paper Image Preview

CoLadder: Manipulating Code Generation via Multi-Level Blocks [pdf] [doi] [video] [bibtex]

Ryan Yen, Jiawen Zhu, Sangho Suh, Haijun Xia, Jian Zhao

A system that assists programmers by enabling hierarchical task decomposition, incremental code generation, and verification of results during prompt authoring. Bridging the abstraction gap between programmers and LLMs.

LLM Abstraction Gap Programmer Human-AI Visual Interface

UIST24 Paper

Paper Image Preview

Reifying the Reuse of User-AI Conversational Memories [pdf] [doi] [video] [bibtex]

Ryan Yen, Jian Zhao

To support users in recalling and reusing relevant user-AI conversational memories, we introduce Memolet, an interactive object that reifies memory reuse. Users can directly manipulate Memolet to specify which memories to reuse and how to use them. We developed a system demonstrating Memolet's interaction across various memory reuse stages.

Memory Management Knowledge Reuse Conversational Agent Human-AI System

UIST24 Paper

Paper Image Preview

Gait Gestures: Examining Stride and Foot Strike Variation as an Input Method While Walking [pdf] [doi] [video]

ChingYi Tsai, Ryan Yen, Day Kim, Daniel Vogel

We conduct a systematic examination of different kinds of intentional variations from a normal gait that could be used as input actions without interrupting overall walking progress. A design space of 22 candidate Gait Gestures is generated by adapting previous standing foot input actions and identifying new actions possible in a walking context.

interaction technique gait gesture mixed reality AR Gestures

IEEE VIS24 Poster

Paper Image Preview

Scholarly Exploration via Conversations with Scholars-Papers Embedding [pdf] [poster] [video]

Ryan Yen, Yelizaveta Brus, Leyi Yan, Jian Zhao, Jimmy Lin

We propose a system that supports contextually aware, controllable, and interactive exploration of academic publications and scholars, enabling bidirectional interaction between question-answering components and Scholets, the 2D projections of scholarly works' embeddings, demonstrated through an exploratory study with graduate researchers.

academic visualization latent space retrieval augmented generation Human-AI Visual Interface

CHI24 LBW

Paper Image Preview

To Search or To Gen? Exploring the Synergy between Generative AI and Web Search in Programming [pdf] [poster] [doi] [video]

Ryan Yen, Nicole Sultanum, Jian Zhao

We have identified three major challenges and proposed three decision-making stages, each with its own relevant factors. Additionally, we present a thorough process model that captures programmers' interaction patterns.

LLM Information Seeking Programmer Human-AI Framework

CHI24 Paper

Paper Image Preview

CoPrompt: Supporting Prompt Sharing and Referring in Collaborative Natural Language Programming [pdf] [doi] [video]

Ryan Yen*, My girlfriend 😚Felicia Feng*, Yuzhe You, Mingming Fan, Jian Zhao, Zhicong Lu *These authors contributed equally to this work.

A system to support collaborative prompt engineering by providing referring, requesting, sharing, and linking mechanisms. It assists programmers in comprehending collaborators' prompts and building on their collaborators' work, reducing repetitive updates and communication costs.

LLM Collaborative Programming NL Programming Human-AI Visual Interface

CHI23 Paper

Paper Image Preview

StoryChat: Designing a Narrative-Based Viewer Participation Tool for Live Streaming Chatrooms [pdf] [doi] [video]

Ryan Yen, My girlfriend 😚Felicia Feng, Brinda Mehra, Ching Christie Pang, Siying Hu, Zhicong Lu

A narrative-based viewer participation tool that utilizes a dynamic graphical plot to reflect chatroom negativity. We discovered that StoryChat encouraged viewers to contribute prosocial comments, increased viewer engagement, and fostered viewers' sense of community.

Social Media Viewer Participation Narrative Online Community CHI23 System + Emperical Study

CUI23 Paper

Paper Image Preview

Gist and Verbatim: Understanding Speech to Inform New Interfaces for Verbal Text Composition [pdf] [doi] [video]

Brinda Mehra, Kejia Shen, Ryan Yen, Can Liu

Exploring speech input in HCI, we address editing challenges. Our study combines Cognitive Science with HCI, revealing memory patterns and proposing new interaction concepts for efficient speech editing.


Memory System Understanding Speech Input CUI23 Emperical Study

CSCW23 Paper

Paper Image Preview

Wizundry: A Cooperative Wizard of Oz Platform for Simulating Future Speech-based Interfaces with Multiple Wizards [pdf] [doi] [video]

Siying Hu, Ryan Yen, Ziwei Yu, Mingjian Zhao, Katie Seaborn, Can Liu

A real-time, web-based WoZ platform that allows multiple Wizards to collaboratively operate a speech-to-text based system remotely. Our findings reveal the promises and challenges of the multi-Wizard approach and open up new research questions.

WizardOfOz System Wizard-AI Interaction HAI CSCW23 Workflow

Working Experience (full-time)

AI Research Intern

June 2021 - Aug 2021

Huawei Research Centre

  • Event: MindSpore Pathology Diagnosis Challenge. Building a platform for holding the event and handling the submission.
Explainable AI Full-Stack

Co-Founder, CTO

May 2021 - Sep 2021

Nérocean

We have developed a patented sensor for measuring dissolved oxygen in the ocean and used its fast and real-time nature to build AI network, which is dedicated to monitoring water quality in real time and predicting the health of the ocean within three months.

  • Ocean water sensor & Dissolved Oxygen prediction AI model
  • Deep-Learning based real-time classifier for ocean water quaity prediction
  • Funding from HK Government
  • Funding from Hong Kong Science Park
  • Funding from HKTech300, CityU
  • Startup Deep Learning Full-Stack

    Full-Stack Intern

    Sep 2020 - May 2021

    Networld Tech Ltd.

    I am part of a new team at Networld, nearD, a social networking site with a focus on privacy, multi-identity, and locality.

  • Cross-platform user interface, data visualization in nearD admin panel
  • Several Campaign Websites built with Leveral and React
  • Docker, K8s containerized and auto deployment to Google Cloud
  • Server side network and API management and scaling
  • CI/CD and two-step authorization on IP network restriction
  • Full-Stack Container Database Cloud Laravel

    Education

    PhD

    Sep 2024 - Present

    MIT

    CSAIL

    • MIT EECS Grad Fellowship
    • Research Assistant in MIT VIS Lab

    Research-based Master Degree

    Jan 2023 - June 2024

    University of Waterloo

    David R. Cheriton School of Computer Science

    • UW Grad Scholarship
    • International Masters Award Excellence Scholarship
    • Graduate Research Studentship Scholarship
    • TA Funding
    • Research Assistant in WatVis Lab

    Bachelor Degree

    Sep 2018 - June 2022

    City University of Hong Kong

    Department of Computer Science

    • Vice President of Computer Science Student Chapter
    • 4 years Full CityU International Student Scholarship
    • Awarded Dean's List
    • HK Scholarship Fund
    • HK STEM Internship Scholarship
    • Department Overseas Learning Funding
    • English Proficiency Scholarship
    • Departmental Research Funding
    • Research Assistant in DEER Lab
    • Research Assistant in ERFI Lab

    Communities & Events & Volunteers

    Lead

    • Google Developers Student Club
    • CityU CS Student Chapter
    • Microsoft Learn Ambassador
    • AWS Educate Ambassador
    • IEEE Student Chapter
    • CityU IT Team

    Organizer

    • AWS Cloud AI workshop 2021
    • CityU IT Team Tech seminars
    • CityHack 2018-21
    • MindSpore AI Challenge 2021
    • CityU AWSome Day 2020-21
    • Google Cloud Summit 2021
    • Google I/O Extend 2021
    • Python Workshop Series 2019

    Volunteer

    • Stage actor - Mikado Children Theatre
    • Hospital Violinist (Taipei)
    • International Educational Volunteer (Thailand)

    Papers that Inspired my Thinking

    I love to read therotical papers about interface design and HCI design principles.

    Reification, Polymorphism and Reuse

    Michel Beaudouin-Lafon & Wendy E. Mackay - 2000

    Reification turns concepts into first class objects, polymorphism permits commands to be applied to objects of different types, and reuse makes both user input and system output accessible for later use.

    Demonstrational Interfaces

    B.A. Myers - 1992

    Demonstrational interfaces, interfaces that let the user perform actions on concrete example objects while constructing an abstract program, thus letting the user create parameterized procedures and objects without learning a programming language, are discussed.

    Cognitive Engineering

    Donald A. Norman - 1986

    The seven-stage interaction model consists of (1) Establishing the Goal, (2) Forming the Intention, (3) Specifying the Action Sequence, (4) Executing the Action on the System's Interface, (5) Perceiving the System's State as a Response to the Action, (6) Interpreting the State, and (7) Evaluating the System State with respect to the Goals and Iterating until the goal is achieved.

    Designing Interaction, not Interfaces

    Michel Beaudouin-Lafon - 2004

    The paper argues for a shift from interface design to interaction design as the means to significantly enhance user interfaces. It calls for the development of powerful interaction models, a better understanding of sensory-motor aspects, and novel interaction architectures addressing key challenges like reinterpretability, resilience, and scalability.

    Instrumental Interaction

    Michel Beaudouin-Lafon - 2000

    Instrumental Interaction describes graphical user interfaces in terms of domain objects and interaction instruments. Interaction between users and domain objects is mediated by interaction instruments, similar to the tools and instruments we use in the real world to interact with physical objects.

    Direct Manipulation Interfaces

    Edwin L. Hutchins, James D. Hollan & Donald A. Norman - 1985

    Direct manipulation has been lauded as a good form of interface design, and some interfaces that have this property have been well received by users. This article delves into the cognitive aspects of direct manipulation interfaces, examining both their advantages and disadvantages.

    Thinking with External Representations

    David Kirsh - 2010

    Why do people create extra representations to help them make sense of situations, diagrams, illustrations, instructions and problems? The obvious explanation—external representations save internal memory and computation—is only part of the story.

    Ultra-Lightweight Constraints

    Scott E. Hudson & Ian Smith - 1996

    Layout constraints in a user interface toolkit provide a declarative mechanism for controlling the size and position of objects in an interactive display, along with an efficient update mechanism for maintaining display layouts automatically in the face of dynamic changes.

    What Is Interaction?

    Kasper Hornbæk, Antti Oulasvirta - 2017

    This paper explore the concept of "interaction" that lack of clear definitions in the field. It identifies various existing concepts, such as interaction as dialogue, transmission, optimal behavior, embodiment, and tool use. These concepts vary in scope and their understanding of the causal relationships between humans and computers.