Ciao i'm ciaO Product designer (AI) · Taipei
← back to work← 回到作品
Case Study 02 · TU/e Eindhoven · 2025案例 02 · TU/e 安荷芬 · 2025

Creative Gizmo, a collaborative AI agent that blends into the brainstormCreative Gizmo,融入腦力激盪的協作型 AI agent

Built a working prototype from 0 → 1, shipping a reusable Level of Involvement framework and six design guidelines for AI that collaborates without taking over從 0 到 1 做出可運作原型,交出一套可複用的 Level of Involvement 框架,和六條「會協作、不喧賓奪主」的 AI 設計準則

Creative Gizmo cover: a shared whiteboard tablet with three color-coded AI modes, while the team says let's ask Gizmo for help
Role角色
Prompt layer + UX researchexperiment design · interviews · analysisprompt 底層 + UX 研究實驗設計 · 訪談 · 問卷分析
Duration時間
~5 monthsSep 2025 to Jan 2026約 5 個月2025 年 9 月到 2026 年 1 月
Tools工具
TLDraw · Whisper · ChatGPT (GPT-4.1/5.1)UI vibe-coded with GPTTLDraw · Whisper · ChatGPT (GPT-4.1/5.1)介面用 GPT vibe coding
Team團隊
Team of 4 · TU/etechnical implementation · UX design · product design四人團隊 · TU/e技術實現 · UX 設計 · 產品設計

01 Background背景

These days many people treat AI as a partner for creative thinking. But most of that AI leans on automation, producing dominant, text-heavy output that ends up overshadowing the user's own train of thought. Our team wanted AI that could join a brainstorm as a genuine collaborator, without taking over ownership of the creative process.現在許多人會把 AI 當成創意思考的合作夥伴,但這些 AI 多半以自動化為導向,產出強勢、文字量大的內容,反而蓋過使用者自己的思考脈絡。我們團隊想讓 AI 能像一個真正的協作者一樣加入腦力激盪,而不奪走創作的主導權。

02 Problem問題

From market research, we broke down how existing AI and users actually work together, and found the problem comes down to three things:根據市場調查,我們拆解了現有 AI 與使用者的協作流程,發現問題主要來自三個地方:

Automation-first AI floods the board and overshadows the people
📣AI overshadows the user's thinkingAI 蓋過了使用者的思考

Automation-first AI dumps output all at once and floods the board, so before users can even organize their own thoughts, the AI's content sweeps them along, turning creators into passive receivers.以自動化為先的 AI 一次丟出大量輸出、把白板灌滿,使用者還來不及整理自己的想法,就被 AI 的內容帶著走,慢慢從「創作者」變成「被動接收者」。

AI interrupts at the wrong moment and breaks the group's flow
⏱️AI can't read the rhythm of the conversationAI 抓不到對話的節奏

Existing AI can't keep up with the live discussion or the ever-changing board, so it cuts in at the wrong moment and breaks the creative rhythm.現有 AI 跟不上現場的對話和不斷變動的白板,常在錯的時機插話,打斷創作的節奏。

A tug-of-war over who holds authority of the ideas
🌱AI should extend ideas, not take the wheelAI 該延伸想法,而不是搶主導權

AI should extend and amplify the user's ideas, not take over and decide where they go; yet most tools ignore where the discussion actually is and just keep generating on their own.AI 應該延伸、放大使用者的想法,而不是接管、決定點子的走向;但多數工具往往無視現場討論的進展,自顧自地不斷延伸自己的想法。

The most useful AI isn't the one that says the most, it's the one that knows when not to.最有用的 AI,不是說得最多的,而是知道何時不說的。

03 Challenge挑戰

How might we let AI take part in a live, co-located brainstorm, helpful enough to move thinking forward, yet bounded enough that the team always keeps ownership of the ideas?我們如何讓 AI 參與一場面對面的即時腦力激盪,幫得上忙、能推進思考,又有分寸到讓團隊始終握有點子的主導權?

04 Research & Insights研究與洞察

To understand how teams actually brainstorm with AI before constraining it, our research ran in two layers: exploration and validation.為了在限制 AI 之前,先搞懂團隊實際上怎麼跟 AI 一起腦力激盪,我們的研究分成探索和驗證兩層。

Exploratory experiment探索實驗
Brainstormed with a voice AI與語音 AI 腦力激盪
Noting where the AI helped or got in the way, organized into do's and don'ts記下 AI 幫上忙與造成干擾的地方,整理成 do's and don'ts
Sketches and notes from brainstorming with a voice AI
Concept explorations: physical devices and mechanisms to limit the AI
Concept development概念發展
Explored multiple concepts多個概念探索
Physical devices, mechanisms to limit the AI實體裝置、限制 AI 的機制等
Wizard-of-Oz studyWizard-of-Oz 研究
A human simulating the AI facilitator真人模擬 AI facilitator
One team of four, without vs with AI, observation + interviews一組四人,無 AI vs 有 AI 對照,觀察 + 訪談
The Wizard-of-Oz session: participants brainstorming while a camera records
Do's and don'ts of AI participation from the exploratory experiment
Design guidelines設計準則
Distilled into guidelines收斂成設計準則
Findings + limits → guidelines發現 + 侷限 → 準則
Working prototype可運作原型
Built on TLDraw建在 TLDraw 上
Mode prompts iterated v01 → v02模式 prompt 迭代 v01 → v02
The working prototype built on TLDraw
User testing session with the working prototype
User testing使用者測試
Tested in real brainstorms真實腦力激盪實測
Three participants, observation + a nine-point questionnaire三人實測,觀察 + 九點量表問卷
Do's · worked wellDo's · 有效的
  • Direct questions直接提問
  • Asking questions主動發問
  • Making connections建立連結
  • On-demand support被請求才支援
  • Technical clarification技術澄清
  • Knowledge source知識來源
  • Providing structure提供結構
  • Stimulating reflection激發反思
Don'ts · issuesDon'ts · 出問題的
  • Overly dominant過度強勢
  • Too much talking話太多
  • AI-centred以 AI 為中心
  • Unprompted intervention未經邀請就介入
  • Too complex太複雜
  • User dependency使用者依賴
  • Unequal participation參與不平等
  • Reduced collaboration協作變少
Do's and don'ts from the exploratory experiment, focusing the problem on how AI intervention should be bounded.探索實驗後整理的 do's and don'ts,把問題聚焦在「AI 的介入該怎麼被節制」。

Legend: colored blocks are discussion phases, the small lines are ideas raised in the moment; the blue marker is when the AI was invited to ask a question.圖例:色塊是討論階段,列點是當場提出的想法;藍色標記是 AI 被邀請提問的時刻。

(A)The brainstorm without AI無 AI 的腦力激盪過程

Topic: waste disposal in a residential building題目:住宅大樓的垃圾處理
Personal experience個人經驗Hometown dryer
Singapore garbage chute
A fridge for food waste
Insect composting bin
家鄉的烘乾機
新加坡垃圾滑道
存廚餘的冰箱
昆蟲堆肥箱
Making decisions做決定Summarize possible forms
Limited conditions
整理可能的形式
限制條件
Problems問題Waste stays
Going downstairs
垃圾滯留
要下樓丟
Solutions解法An organization in the building
A communal space
Slide or rope
Redesign the kitchen system
大樓內的組織
公共空間
滑道/繩索
改造廚房系統
Limits侷限
Decisions做決定
13579111315 min

(B)The brainstorm with AI有 AI 的腦力激盪過程

Topic: supporting study focus with music題目:用音樂輔助學習專注
Question from AIAI 提問
Understand context & problems理解脈絡與問題Getting into flow, how to start
Depends on the task, how to stop
Attention decreasing
進入心流、如何開始
取決於任務、如何停下
注意力下降
Personal examples個人例子Different playlists suit
different learning activities
不同歌單適合
不同學習活動
An idea一個點子Music reflects the
state of your study
音樂反映
學習狀態
Decide to ask AI決定問 AIChoose AI選擇 AI
Converging around the AI's question圍繞 AI 的提問收斂出解法Break reminder → design detail
Connect with health parameters
Sense movement, incorporate cameras
休息提醒 → 設計細節
連結健康參數
感測動作、結合鏡頭
13579111315 min

The results were clear: without AI, ideas diverged and struggled to converge; with AI, convergence was noticeably faster; and people only called on the AI when stuck, preferring question-based support over direct answers.結果很清楚:無 AI 時想法發散、難收斂;有 AI 收斂明顯變快;而且大家只在卡住時才求助 AI,偏好提問式支援勝過直接給答案。

Six core guidelines for collaborative AI協作型 AI 的六條核心準則

Listen continuously, act cautiously持續聆聽,謹慎行動
Finding發現Talk drives the brainstorm, sticky notes come second討論主要靠口說,便利貼其次
Limit侷限Tone and body language go uncaptured語氣、肢體語言等線索抓不到
Intervention starts with the user介入由使用者發起
Finding發現People want AI only at the right moment大家偏好 AI 在對的時機才介入
Limit侷限Team dynamics stay invisible to the system團隊裡的互動關係,系統看不見
Ask questions by default預設以提問引導
Finding發現Questions support without taking over提問能支援討論,不搶主導
Limit侷限Understanding depends heavily on contextAI 的理解高度依賴脈絡
Keep direct ideas as an option保留直接給點子的選項
Finding發現Direct ideas are wanted only when stuck只有卡住時,才想要 AI 給點子
Limit侷限The setup may overstate the AI's presence模擬實驗可能高估 AI 的存在感
Few options, clear modes選項要少,模式要清楚
Finding發現Teams shift between diverging and converging團隊自然在發散與收斂間切換
Limit侷限More modes, more learning cost模式一多,就有學習成本
Regulate by timing and form, not quantity用時機與形式節制,而非數量
Finding發現People used the AI sparingly throughout大家全程節制地用 AI
Limit侷限Short sessions say little about long-term use場次太短,看不出長期樣貌

05 Solution解法

Creative Gizmo is a shared whiteboard built on TLDraw, with an AI that behaves like an invited teammate rather than an automation. At its core is the Level of Involvement framework: the team, not the AI, decides how much agency it has by switching between three modes: Reserved only poses reflective questions, Engaging widens the discussion with analogies, Active adds idea post-its directly.『Creative Gizmo』是一個建在 TLDraw 上的共享白板,內建一個像「被邀請的隊友」而非自動化的 AI。核心是一套「Level of Involvement」框架:由團隊、而不是 AI,決定它有多少能動性,方法是在三種模式間切換:Reserved 只丟反思提問、Engaging 用類比拓寬討論、Active 直接貼出點子便利貼。

Automated
What underlying qualities or experiences do you associate with a 'premium' product, and how might those guide your decisions about the design and materials for the automated cat feeder?
RESERVED
Only asks questions, never touches the board只提問,不動白板
Automated
Here's a thought: imagine the automated cat feeder as a luxury watch for pets, just as a fine watch combines precision engineering, premium materials, and emotional value, your feeder could blend technology, elegant design, and a sense of care.
ENGAGING
Widens the discussion with analogies用類比拓寬討論
Automated
Cat feeder
Premium materials: glass, ceramic, metal?
What questions do we want to solve?
How can we make it eco-friendly?
Three post-its encourage the group to explore premium materials, focus on emotional impact, and consider sustainability.
ACTIVE
Adds idea post-its directly直接貼出便利貼

The prompt layer underneath was mine to design and tune, written to OpenAI's prompt engineering guidelines: one dedicated prompt per mode, a clear role plus exact output caps.底層的 prompt 層由我負責設計與調校,寫法對齊 OpenAI 的 prompt engineering 準則:每個模式一個獨立 prompt,明確角色加精確上限。

In operation, the live audio goes to the backend, where Whisper turns it into a transcript, then a continuously updated meeting summary; when a user presses the facilitator button, the system packs the current mode's prompt, the summary, a whiteboard screenshot and the post-it coordinates into a single request, and the AI responds with a question, or posts sticky notes straight onto the board. The result is stable, predictable behavior, exactly what users valued most.運作上,現場的對話錄音送進後端,先由 Whisper 轉成逐字稿,再濃縮成一份持續更新的會議摘要;當使用者按下 facilitator 按鈕,系統把當前模式的專屬 prompt、會議摘要、白板截圖和便利貼座標打包成一次請求,AI 據此提問,或直接在白板上貼出便利貼。行為因此穩定、可預期,正好是使用者最看重的特質。

Full system design: audio recording through WhisperAI, conversation summarization, the three mode prompts behind the facilitator button, and the whiteboard output
The full system design: how audio becomes a transcript and a running summary, and how each mode's prompt composes a single request.完整系統設計:錄音如何變成逐字稿與會議摘要,三種模式的 prompt 又如何組成一次請求。

06 Design decisions設計決策

human avatar → abstract orb
🫧From a human avatar to an abstract orb化身:從擬人頭像到抽象球體

Testers found the human avatar carried too much presence and pulled attention away, so we replaced it with an abstract orb that breathes and pulses.受測者反映,擬人頭像的存在感太強、容易搶走注意力。因此本系統改成一顆會呼吸脈動的抽象球體。

after user testing ↓使用者測試後 ↓
RESERVED
ENGAGING
ACTIVE
🎨Color-coding the modes, driven by testing測試回饋:模式的顏色編碼

User testing showed the three modes were hard to tell apart, so we borrowed the arousal logic of color psychology: calm, low-arousal blue; lively, positive yellow; red, the highest-arousal color. The palette has not been user-validated yet, which we listed as future work.使用者測試發現三種模式難以分辨,因此我們借用色彩心理學的「喚起度」邏輯:藍色冷靜、低喚起,黃色活潑、正向,紅色喚起度最高。不過這套配色尚未經過使用者驗證,我們把它列為未來工作。

07 Outcomes成果

Demo day: the team presenting Creative Gizmo, walking visitors through the system, and sticky-note feedback left on the Gizmo poster
Demo day: presenting Creative Gizmo to visitors.期末展示:向觀展者介紹 Creative Gizmo。

Testing with three participants validated the direction: question-based support and automatic summaries were valued most, and predictability and transparency were what made people comfortable keeping the AI at the table.三位參與者的實測驗證了方向:提問式支援和自動摘要最被看重,而「可預期、透明」是大家願意把 AI 留在桌上的關鍵。

The research project ships three things: a working Creative Gizmo prototype, a reusable Level of Involvement framework, and six guidelines for AI that collaborates without taking over.這個研究專案最終交出三樣東西:一個可運作的 Creative Gizmo 原型、一套可複用的 Level of Involvement 框架,以及六條「會協作、不喧賓奪主」的 AI 設計準則。

08 Research limitations研究限制

Small, mixed sample樣本小、組成不一

One team of four in the Wizard-of-Oz study, three participants in the prototype test. The findings are directional observations, not statistics.WoZ 一組四人、原型實測三人,結果是方向性觀察,不是統計結論。

nextA larger, more consistent sample, plus longitudinal follow-up.更大、更同質的樣本,加上長期追蹤。
Latency breaks the flowAI 延遲打斷心流

While waiting for the AI to respond, the discussion often paused.等 AI 回應的空檔,討論常會停下來。

nextA faster interaction loop, or making the wait itself keep people engaged.更快的互動迴圈,或讓等待本身保持參與感。
Mode switching drops context切換模式會丟失脈絡

Wiping the chat history between modes prevents role bleed, but it can also throw away context the session has built up.切換模式會清空對話歷史,雖然避免了角色互相汙染,但有時也把已累積的脈絡一併清掉。

nextA main agent that periodically consolidates context and orchestrates the three modes, so switching no longer starts from zero.由一個主 agent 階段性統整脈絡、統籌三種模式,切換時不再從零開始。
← all work← 所有作品 next: Smart Coastline →下一個:Smart Coastline → say ciao →說聲 ciao →