2025年5月8日，在第三屆吉利汽車技術論壇暨技術展上，StudioXIDKorea,Inc.亞太區業務發展負責人李理指出，ProtoPie通過其Connect平臺，將設計、驗證與開發流程緊密結合，支持在擬真環境下進行軟硬件結合的設計驗證，實現設計方案一鍵交付開發，無需額外解釋說明。這一工具不僅提高了開發效率，還打破了設計與工程之間的壁壘，使得設計師能夠零代碼制作跨屏幕的車載操作系統原型，并在設計階段就進行多模態需求的驗證。

ProtoPie擁有完整的生態系統，包括Player、Connect、Cloud等平臺，以及豐富的交互元素表和可交互的組件庫，支持跨屏交互、軟硬件交互以及與第三方API的連接。其強大的功能使得設計師能夠快速迭代設計方案，并通過鏈接形式便捷分享給團隊成員，同時錄制的交付頁面能完整記錄交互和動效過程，極大提升了工作效率。

李理 | Studio XID Korea,Inc.亞太區業務發展負責人

以下為演講內容整理：

ProtoPie是一款零代碼的高保真交互原型設計工具，主要應用于智能設備及智能產品的交互設計領域，目前在全球高級原型工具中排名第一。眾多全球頂尖的科技與智能硬件公司，如谷歌、微軟，以及智能硬件行業的蘋果、華為、小米等都在使用ProtoPie工具。

當汽車從單純的交通工具轉變為移動智能終端時，我們需要思考研發流程如何適應這一變化。我們認為，首先，研發思維需發生轉變，從圍繞用戶價值需求，轉變為圍繞移動場景中的多模態需求；其次，從硬件導向轉變為軟件導向或軟硬件結合導向；第三，當前車型迭代已經從傳統的三年小改、五年大改轉變為一年一迭代，這種一年一迭代并非為迭代而迭代，而是當汽車轉變為移動智能終端后，軟件具備了一年一迭代的能力，以此提升產品競爭力。

通過對各大主機廠研發流程的研究發現，在使用ProtoPie之前，他們的研發流程大致為，產品經理使用Axure等工具繪制交互邏輯與低保真原型；UI設計師用Figma等工具制作UI素材；動效開發則借助AE等工具。在設計方案評審環節，各個環節相對獨立，多采用PPT或視頻等不可交互的偏靜態模式進行評審。評審結束后，形成詳細的設計方案說明文檔，交付給軟件開發團隊進行開發。開發完成后，才在臺架或實車上進行測試與驗證。

在此過程中，有許多問題。一是在評審過程中，PPT和視頻無法實現交互，難以生動展示跨屏幕設計方案，導致設計師與決策者在認知上易產生偏差。二是在設計過程中，難以運用最新的硬件和服務，如AI進行高保真設計創新與驗證。三是臺架和實測驗證環節相對滯后，若在此環節發現設計問題并進行迭代，周期長且成本高。四是設計人員在交付開發時，為準確還原交互設計細節，需手工撰寫大量文檔并反復溝通，才能確保設計方案得以準確還原。

在使用ProtoPie之后，一些公司將其嵌入研發流程后，研發流程逐漸轉變。首先是高保真靜態素材仍由當下流行的Figma生成。之后，將這些靜態素材導入ProtoPie，可在其中添加所有交互和動態效果，包括3D動效模型、原本需用AE制作的粒子動效等，進而形成完整的HMI交互設計方案。

圖源：演講嘉賓素材

方案完成后，通過ProtoPie的Connect平臺，可將屏幕上的交互設計與第三方軟件如AI服務、硬件如車載硬件、車載臺架甚至實車，在設計環節進行展示、驗證與快速迭代，無需占用大量研發資源另行開展測試。之后，在ProtoPie中可將設計方案生成動態交付頁面，該頁面不僅完整記錄交互和動效過程，還記錄所有參數。將此交付頁面交付開發時，開發人員對所有交互細節一目了然，無需大量文字和語言溝通，從而極大提高開發效率。

ProtoPie希望打破設計與工程之間的壁壘。一是設計師可以零代碼制作跨屏幕的車載操作系統原型；二是能夠在擬真環境下進行軟硬件結合的設計驗證，涵蓋落地設計、前瞻設計、用戶研究及測評等環節；三是實現設計方案一鍵交付開發，無需額外解釋說明。

ProtoPie有著完整的生態系統。ProtoPiePlayer是一款應用程序，可在移動端快速演示展示原型。ProtoPieConnect是一個能夠實現屏幕上的原型與不同屏幕、硬件以及外部API進行通訊的平臺。ProtoPieCloud是一個用于在云端進行分享、協作和交付的平臺。此外，ProtoPieStudio內置了豐富的交互元素表，從最常用的點擊、單擊、雙擊觸發，到透明度變化、旋轉、移動等動效效果均已內置其中。設計師可通過零代碼組合這些元素，實現豐富的動效交互效果。

圖源：演講嘉賓素材

我們還能夠創建可交互的組件和組件庫，例如常用的車控按鈕、卡片等都可實現組件化。這些組件與靜態的UI組件不同，它們帶有交互功能，并且能夠快速迭代。

在此原型中，空調面板與上方的控制條實際上是三個不同的界面，即三個不同的原型，它們分別顯示在車內不同的屏幕或位置。在這一過程中，我們可通過變量和表達式，實現多個模塊控制的同步。在進行全局迭代時，只需修改一個組件，便可實現全局交互方式、交互形式及動態形式的變化。如此一來，迭代效率將大幅提高，無需逐個對每個組件、卡片或車控按鈕進行迭代，可一次性完成全部迭代，且不影響它們之間的交互。同時，我們還能便捷地通過鏈接形式，將原型分享給領導、同事以及其他協作團隊的同事。

圖源：演講嘉賓素材

所錄制的交付頁面還會完整記錄交互和動效過程，同時記錄所有動效的時間軸、時間點，以及動效和靜態素材的參數，如位置、距離、大小、顏色及動效曲線等，這對于開發工作而言十分清晰明了。

ProtoPie實現跨屏交互以及軟硬件交互，主要基于以下邏輯。首先，在ProtoPieStudio中將原型制作完成后，上傳至ProtoPieConnect，之后通過ProtoPieConnect將原型推送至不同屏幕，包括安卓車機、車內娛樂屏等。無論車內有6個、8個還是10個屏幕，都能實現它們之間的交互。

另一方面，通過內置插件或自定義插件BridgeApp，可將外部硬件信號轉化為ProtoPieConnect能夠識別的格式信號，從而實現信號的相互識別。這對設計師而言極為友好，設計師只需知曉信號名稱即可。例如，將按鈕信號“01-001”定義為“方向盤按鈕一”，設計師在進行交互設計時，僅需在收發信息環節使用該信號名稱，便可實現信號的收發。

此外，我們還能夠連接第三方的新科技，如面部識別技術，以實現多模態或輔助駕駛等功能的展示與驗證。例如，實時接收到面部識別信號，識別到面部偏轉后，向原型發送信號，使原型發揮警示作用。

我們還能整合3D以及網頁內容，包括3D模型，并將其融入ProtoPie的原型中。這樣做的優勢在于，所有交互均可通過ProtoPie完成。在3D引擎中，我們只需開發動畫，通過2D原型發送信號與3D模型進行交互，實現對其控制。并且，可將整個HMI方案置于ProtoPie平臺上，以便后續與硬件交互、硬件連接以及與第三方API連接。

目前，一些具有前瞻性的團隊可能正在開展XR測試項目，同樣可將原型置于XR環境中進行快速測試。在3D環境中，中控儀表由ProtoPie制作，其數據實時接收環境中的數據。當需要進行迭代時，只需在ProtoPieStudio中快速切換交互方式，便能立即在VR環境中看到變化。相較于以往需要開發人員進行調整，最快的團隊也可能需要隔天才能實現改變，而現在設計師僅需約三分鐘即可完成改變，并快速看到效果。

我們還能連接外部的各類智能設備，如智能電視、穿戴設備、智能家居等，將其與汽車這一移動智能終端全面打通，構建生態場景，并實現測試和驗證場景。

最后，用兩句話結束分享。IDEO合伙人Tom Kelley曾說：“如果一張圖片價值一千個字，那么一個原型可以價值一千場會議。”此外，寶馬設計師Teo Babic曾說：“原型的價值不僅僅在于搭建一個原型，更重要的是在搭建的過程中思考和學習。”

（以上內容來自StudioXIDKorea,Inc.亞太區業務發展負責人李理于2025年5月8日在第三屆吉利汽車技術論壇暨技術展發表的《原型驅動的HMI交互設計創新及驗證》主題演講。）