白板挑戰紀錄:用 AI 拆解一題論文校稿工具

更新 發佈閱讀 6 分鐘

白板挑戰紀錄:AI 論文校稿工具

這次面試遇到的白板挑戰題目是 AI 論文校稿工具,時間是 15 分鐘完成流程設計。

Brief 文件中有提到幾個重點,像是提供的建議涵蓋範圍從專有名詞比對、語氣、錯別字等,以及工具保留給用戶高度的決定權,不會在用戶未確認的情境下覆蓋原本的內文。


核心體驗設定

在現場的 15 分鐘挑戰中,我先定義了產品的幾個關鍵體驗原則:

  1. 使用者的本文不會被改寫,只有在確認採用 AI 建議時才會修改回去
  2. 使用者可以回復修改後的內容
  3. 使用者可以自行編寫,不一定要採用 AI 建議
  4. 支援分段撰寫,讓使用者依照自己的撰寫順序進行校稿

在這幾個體驗中,第 4 點(分段撰寫)並不在 brief 裡,而是我在現場額外提出的。

我雖然沒有寫過正式的論文,但自己寫碩士畢業作品的報告時,還是會先從簡單好寫的部分開始寫,後續再慢慢把引用資料補齊。我認為工具在設計時必須要把這點也列進關鍵體驗之中。

初步流程發想

拿到題目時的初步發想,我是從基本流程出發:

建立專案 → 開啟對話 → 輸入稿件 → 開始校對 → 處理建議修改 → 貼回全文 → AI 全文檢視 → 確認標題/導言 → 定稿

不過時間結束後,跟面試者之一的 PM 討論到產品的初步想像和規劃,發現有些操作並不適合被框架在「對話」裡,因此後續的 take home challenge 才以「非對話」的框架去處理。


設計過程(可 AI 協作,約耗時 7hr)

這次的延伸作業中,我有使用 AI 輔助規劃與產出,並且按照作業交付的內容分成幾個階段:

1. 流程分析與產出

先提供 brief 給 AI,請它分析並產出一版規劃。接著將 AI 的規劃與自己在白板挑戰的產出做比對,AI 其實整理的更完整,延伸補充了功能上的細節。但產品的規劃停留在一次性校稿的 case,所以我提出自己的分段撰寫想法,請 AI 協助評估。

最後是整合分段撰寫的功能和流程到原本的架構裡,產出一份 spec 作為後續作業的基礎文件。


2. 流程轉化

我請 AI 產出產品的使用流程,它產出的流程比較像是一份大綱,尤其像是校稿階段的操作用 bullets 的方式列出來,這對於理解系統回饋和用戶接續操作還是有困難。

所以最終還是以手動整理成自己習慣的 flow chart 形式。


3. Prototype 嘗試

提供 Spec 和流程圖請 AI 協助產出校稿介面的 prototype。

不過由於我個人在使用的 AI 工具這個月的額度已用完,只能使用快速產出的模型,即使有提供 Spec 和流程給 AI,產出的 prototype 還是有一些功能設定上的瑕疵。所以最終我只把 AI 生成出來的 prototype 當作參考,自己用手刻 UI。


4. UI 製作

UI 製作是我這次 take home challenge 中最花時間的部分。

雖然手邊已有 prototype 當作 reference,並且也載了一份 design system 來用,但實際在產出的時候還是遇到很多需要自己補元件的情況,因此比預計花了更多時間在處理介面。

最終的產出我覺得充其量只能說是 wireframe 的程度,介面的視覺層級受限於我使用的 design system 並沒有處理得很好。如果是下一次有類似的挑戰或作業,應該會去找其他類似產品的 design system 來使用。


5. Workflow

這個 workflow 是面試的公司提出來的,主要是希望可以了解我的設計風格與產出文件的標準。

所以我是照我以往習慣的做法,把 UI 以流程線和 annotation 補完流程與互動。不過因為架構和功能還是比較複雜的,所以我只重點標注一個涵蓋所有關鍵體驗的流程。


AI 在這次作業中的使用

在這次過程中,我使用 AI 協助的部分包含:

  • 前期產品規劃
  • 基本流程產出
  • prototype 發想


反思

1. MVP 範圍

這次的 MVP 其實同時在驗證很多事情,包含 AI 建議的呈現方式、修改回寫、分段撰寫,以及使用者對內容的控制權。

現在回頭看,這樣的範圍其實有點偏大。如果還有下一版,我可能會再更聚焦,例如只驗證「分段校稿」或「修改回寫」其中一個核心體驗。


2. 關鍵設計決策:分段校稿

這次額外加入的「分段撰寫與校稿」,其實是影響整個流程最大的設計決策。

因為一旦不是一次性全文校稿,而是允許使用者依照自己的節奏編寫,流程就會出現更多狀態與來回切換的情境,也讓整體複雜度提高。

這個選擇其實也壓縮了後續 UI 收斂的時間,但我還是認為它是合理的方向,因為比較符合我自己實際的寫作經驗與使用情境。


3. AI 協作的限制

這次 AI 在前期規劃與流程整理上的幫助很明確,可以快速幫我展開想法與補足細節。

但到了 prototype 與 UI 階段,幫助就相對有限。即使提供了 Spec 和流程,AI 產出的結果還是需要大量手動調整與修正。

原本預期 AI 可以加速後期產出,但最後還是花了不少時間回到手動整理流程、補元件與調整介面。這次的經驗也讓我重新理解,AI 比較適合協助前期發散,但後期的收斂與判斷,還是需要設計者自己處理。

留言
avatar-img
Ling 的設計筆記
2會員
5內容數
左手育兒 右手設計的資深少女。想像力豐富也熱愛探索,分享在數位產品設計的經驗,以及在育兒夾縫中的探索與成長
Ling 的設計筆記的其他內容
2026/04/23
很多人以為,找工作最重要的是趕快把作品集做完、把履歷改好,然後開始投遞。 對設計師來說,做作品集本來就不可能省時間。只是這次重新整理求職材料時,我更清楚看到,最花力氣的往往不只是把作品做出來,而是前面那些更難被說清楚的判斷:內容怎麼組織、重點怎麼排序、工具怎麼選,才真的能支撐整體表達。
2026/04/23
很多人以為,找工作最重要的是趕快把作品集做完、把履歷改好,然後開始投遞。 對設計師來說,做作品集本來就不可能省時間。只是這次重新整理求職材料時,我更清楚看到,最花力氣的往往不只是把作品做出來,而是前面那些更難被說清楚的判斷:內容怎麼組織、重點怎麼排序、工具怎麼選,才真的能支撐整體表達。
2026/04/14
目前我在設計實務上,已經使用 AI 工具輔助一段時間了,想分享一下我自己在實務中的應用方式。 我手上的任務類型,主要是功能較複雜的 SaaS 產品,並且經常需要處理跨系統之間的聯動問題;比較小的任務是既有 App 產品的優化,盤點流程並運用Design system設計相關介面。我會運用 AI 的
2026/04/14
目前我在設計實務上,已經使用 AI 工具輔助一段時間了,想分享一下我自己在實務中的應用方式。 我手上的任務類型,主要是功能較複雜的 SaaS 產品,並且經常需要處理跨系統之間的聯動問題;比較小的任務是既有 App 產品的優化,盤點流程並運用Design system設計相關介面。我會運用 AI 的
2026/04/07
在實務上,設計師最常遇到的問題,通常不是「沒有需求」,而是「需求很模糊、彼此矛盾,或無法直接轉成設計結構」。 這不一定是設計師能力不足,有可能是這個需求主要解決的問題,在一開始就沒有被定義清楚。當問題本身是模糊的,後面的每一個決策都只是在不穩定的基礎上微調,自然很容易反覆。
2026/04/07
在實務上,設計師最常遇到的問題,通常不是「沒有需求」,而是「需求很模糊、彼此矛盾,或無法直接轉成設計結構」。 這不一定是設計師能力不足,有可能是這個需求主要解決的問題,在一開始就沒有被定義清楚。當問題本身是模糊的,後面的每一個決策都只是在不穩定的基礎上微調,自然很容易反覆。
看更多
你可能也想看
Thumbnail
當代名導基里爾.賽勒布倫尼科夫身兼電影、劇場與歌劇導演,其作品流動著強烈的反叛與詩意。在俄烏戰爭爆發後,他持續以創作回應專制體制的壓迫。《傳奇:帕拉贊諾夫的十段殘篇》致敬蘇聯電影大師帕拉贊諾夫。本文作者透過媒介本質的分析,解構賽勒布倫尼科夫如何利用影劇雙棲的特質,在荒謬世道中尋找藝術的「生存之道」。
Thumbnail
當代名導基里爾.賽勒布倫尼科夫身兼電影、劇場與歌劇導演,其作品流動著強烈的反叛與詩意。在俄烏戰爭爆發後,他持續以創作回應專制體制的壓迫。《傳奇:帕拉贊諾夫的十段殘篇》致敬蘇聯電影大師帕拉贊諾夫。本文作者透過媒介本質的分析,解構賽勒布倫尼科夫如何利用影劇雙棲的特質,在荒謬世道中尋找藝術的「生存之道」。
Thumbnail
產品企劃、產品企劃、或產品實習生在求職時的作品集怎麼準備?這篇將會分享我在資訊種子培訓計畫擔任職涯 Mentor 的規劃方式,以一個正職產品企劃的角度,分享在面試前可以事前準備的產品文件。
Thumbnail
產品企劃、產品企劃、或產品實習生在求職時的作品集怎麼準備?這篇將會分享我在資訊種子培訓計畫擔任職涯 Mentor 的規劃方式,以一個正職產品企劃的角度,分享在面試前可以事前準備的產品文件。
Thumbnail
近期正試著拓展產品思維,開始透過 FAANG 的 Product strategy Interview 來自我練習,這篇先從「如何提升 Cakeresume 使用人數?」開始,藉由自問自答、題目拆解、產品發想、市場策略等面向來挖深自己的產品想法。 誰適合看這篇文章?✔ 對產品經理、產品企劃、產
Thumbnail
近期正試著拓展產品思維,開始透過 FAANG 的 Product strategy Interview 來自我練習,這篇先從「如何提升 Cakeresume 使用人數?」開始,藉由自問自答、題目拆解、產品發想、市場策略等面向來挖深自己的產品想法。 誰適合看這篇文章?✔ 對產品經理、產品企劃、產
Thumbnail
5 月,方格創作島正式開島。這是一趟 28 天的創作旅程。活動期間,每週都會有新的任務地圖與陪跑計畫,從最簡單的帳號使用、沙龍建立,到帶著你從一句話、一張照片開始,一步一步找到屬於自己的創作節奏。不需要長篇大論,不需要完美的文筆,只需要帶上你今天的日常,就可以出發。征服創作島,抱回靈感與大獎!
Thumbnail
5 月,方格創作島正式開島。這是一趟 28 天的創作旅程。活動期間,每週都會有新的任務地圖與陪跑計畫,從最簡單的帳號使用、沙龍建立,到帶著你從一句話、一張照片開始,一步一步找到屬於自己的創作節奏。不需要長篇大論,不需要完美的文筆,只需要帶上你今天的日常,就可以出發。征服創作島,抱回靈感與大獎!
Thumbnail
習慣年底做個大掃除段捨離,意外發現原來前陣子看完建築展的照片還沒整理。趁著新年這段期間比較有動力,以及記憶還沒退去前,趕快把照片和心得記錄下來。 這次看展雖然有事前做了功課,規劃了參觀動線,但實際當日還是憑心情到處逛,但好處是有列了想看的東西,比較不會事後突然想到漏看了什麼。 勝陽國際的宣影布,
Thumbnail
習慣年底做個大掃除段捨離,意外發現原來前陣子看完建築展的照片還沒整理。趁著新年這段期間比較有動力,以及記憶還沒退去前,趕快把照片和心得記錄下來。 這次看展雖然有事前做了功課,規劃了參觀動線,但實際當日還是憑心情到處逛,但好處是有列了想看的東西,比較不會事後突然想到漏看了什麼。 勝陽國際的宣影布,
Thumbnail
我的求學生涯都在設計圈裡打滾,外加在荷蘭體驗了做自己的藝術學院,念了12年的書,都在設計圈裡。2000年見證了荷蘭設計Droog的崛起,2010年看到了賈伯斯和強尼的組合顛覆了功能型手機,儘管工業設計現在真的邊緣到不行,唯一參加的一次校友會,今年4月,就聽到現在工業設計組消失了,因為沒有老師在
Thumbnail
我的求學生涯都在設計圈裡打滾,外加在荷蘭體驗了做自己的藝術學院,念了12年的書,都在設計圈裡。2000年見證了荷蘭設計Droog的崛起,2010年看到了賈伯斯和強尼的組合顛覆了功能型手機,儘管工業設計現在真的邊緣到不行,唯一參加的一次校友會,今年4月,就聽到現在工業設計組消失了,因為沒有老師在
Thumbnail
當時間變少之後,看戲反而變得更加重要——這是在成為母親之後,我第一次誠實地面對這一件事:我沒有那麼多的晚上,可以任性地留給自己了。看戲不再只是「今天有沒有空」,而是牽動整個週末的結構,誰應該照顧孩子,我該在什麼時間回到家,隔天還有沒有精神帶小孩⋯⋯於是,我不得不學會一件以前並不擅長的事:挑選。
Thumbnail
當時間變少之後,看戲反而變得更加重要——這是在成為母親之後,我第一次誠實地面對這一件事:我沒有那麼多的晚上,可以任性地留給自己了。看戲不再只是「今天有沒有空」,而是牽動整個週末的結構,誰應該照顧孩子,我該在什麼時間回到家,隔天還有沒有精神帶小孩⋯⋯於是,我不得不學會一件以前並不擅長的事:挑選。
Thumbnail
Vision Pro不只是一款普通的VR眼鏡,蘋果一直以來都在創造指標性的產品,不管是電腦或手機,只要是蘋果出來的產品都會讓人對於它的創新與獨特感到欽佩。 如同這款Vision Pro,雖然在眼睛前的面板尺寸僅為郵票大小,卻有著2300萬像素的規格,等於每隻眼睛都在看一部4K電視。當佩戴上這款設備時
Thumbnail
Vision Pro不只是一款普通的VR眼鏡,蘋果一直以來都在創造指標性的產品,不管是電腦或手機,只要是蘋果出來的產品都會讓人對於它的創新與獨特感到欽佩。 如同這款Vision Pro,雖然在眼睛前的面板尺寸僅為郵票大小,卻有著2300萬像素的規格,等於每隻眼睛都在看一部4K電視。當佩戴上這款設備時
Thumbnail
本文分享申請臺北科技大學工業設計系創新設計碩士班(一般入學)的經驗,包含招生資訊、評分內容、報考過程及面試分享,希望能幫助有意申請的同學。文章涵蓋招生名額、時程、報名費用、資料審查及面試內容,以及作者個人準備作品集、研究興趣、讀書計畫的策略,並分享面試過程中的問答記錄及心得。
Thumbnail
本文分享申請臺北科技大學工業設計系創新設計碩士班(一般入學)的經驗,包含招生資訊、評分內容、報考過程及面試分享,希望能幫助有意申請的同學。文章涵蓋招生名額、時程、報名費用、資料審查及面試內容,以及作者個人準備作品集、研究興趣、讀書計畫的策略,並分享面試過程中的問答記錄及心得。
Thumbnail
提供臺灣師範大學設計學系碩士班產品與服務設計組申請經驗分享,包含招生資訊、評分內容、報考過程、面試分享及小結等,希望能幫助有意申請的同學。
Thumbnail
提供臺灣師範大學設計學系碩士班產品與服務設計組申請經驗分享,包含招生資訊、評分內容、報考過程、面試分享及小結等,希望能幫助有意申請的同學。
Thumbnail
近期在準備產品經理的職涯訪談,剛好把一些產品思維紀錄一下,包含對於產品工作的理解、產品規劃流程、和產品經理的自我反思,這篇不代表最正確的答案,僅代表個人在產品經理道路上的思維。
Thumbnail
近期在準備產品經理的職涯訪談,剛好把一些產品思維紀錄一下,包含對於產品工作的理解、產品規劃流程、和產品經理的自我反思,這篇不代表最正確的答案,僅代表個人在產品經理道路上的思維。
Thumbnail
見諸參與鄧伯宸口述,鄧湘庭於〈那個大霧的時代〉記述父親回憶,鄧伯宸因故遭受牽連,而案件核心的三人,在鄧伯宸記憶裡:「成立了成大共產黨,他們製作了五星徽章,印刷共產黨宣言——刻鋼板的——他們收集中共空飄的傳單,以及中國共產黨中央委員會有關文化大革命決議文的英文打字稿,另外還有手槍子彈十發。」
Thumbnail
見諸參與鄧伯宸口述,鄧湘庭於〈那個大霧的時代〉記述父親回憶,鄧伯宸因故遭受牽連,而案件核心的三人,在鄧伯宸記憶裡:「成立了成大共產黨,他們製作了五星徽章,印刷共產黨宣言——刻鋼板的——他們收集中共空飄的傳單,以及中國共產黨中央委員會有關文化大革命決議文的英文打字稿,另外還有手槍子彈十發。」
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News