摹客RP，如何重新定義原型設計？

#本文為2022摹客RP原型工具測評大賽三等獎作品

隨著線上協作的興起，原型設計線上協同已經成為了趨勢。線上協作時代下，多方正在競速，重新定義原型設計。作者以摹客RP為主體，從原型設計的定義、重要性、使用者對原型設計軟體的需求變化分析，再對摹客RP的競爭對手、產品設計策略進行總結，最後透過真實的實操體驗為摹客RP提供迭代建議。

作為一個產品設計師，原型設計工具是我們再熟悉不過的夥伴。而隨著線上協作設計模式的興起，原型設計軟體如今全面進入了線上協作時代。此次透過對摹客RP的全面體驗，讓我重新認識了線上協作時代的原型設計工具。在摹客RP的官網，他們以

“重新定義原型設計”

為Slogan，那麼，就讓我們來看看摹客RP是如何重新定義原型設計。

一、什麼是原型設計？它為什麼如此重要？

凱瑟琳·麥克爾羅伊在《原型設計-打造成功產品的實用方法及實踐》一書中對原型設計如此定義——

將想法轉化為可傳達給其他人或者與使用者一起測試的形式，並且有隨著時間推移改進該想法的意圖。

這本書裡，還有一個非常有趣的故事，是作者的老師阿蘭教授年輕時親身參與的一次牙刷製造商競標專案，這次經歷阿蘭教授用了“永生難忘”這個詞來總結。

在那次競標中，當其他公司的設計師都去頭腦風暴，用電腦製作各種炫酷的模型動畫的時候，他們的設計師鑽進了器材店，用最簡單粗暴的方式去製作一個個雖然粗糙，但可以直接使用的“牙刷原型”。他們的“原型”讓客戶非常感動，因為它不僅可以觸碰，還可以讓客戶真正感知到這個產品使用者是否會買單，最後他們靠這些粗糙的“原型”拿下了這個專案。

這就是原型的價值，即便只是幾個潦草的線框圖，也能讓你的使用者真實感知到你的產品是什麼，怎麼用。

“沒有原型，就沒法討論。”

阿蘭教授的這句話真的可以給產品設計師帶來很大啟發。

我們可以看出，原型設計是一個產品從想法到落地設計最重要的一步，它可以有效幫助團隊理解一個產品的思路，把這個創意用具象化的頁面展示出來。它就像一個產品團隊的設計語言，不管你的產品需求說明文件寫得多麼詳細，對其他人來說，不具象，無法感知。而如果我們把這個產品簡單畫出來，所有人都能看得懂這個產品有什麼功能，將會怎麼做。

古人說，工欲善其事必先利其器，原型設計如此重要，一款原型設計的生產力工具就更必不可少。對業務需求的分析、拆解和產品的發展規劃，原型越清晰，越細緻，就越能體現出產品經理的思維能力。

二、從Axure到線上設計協作，使用者的需求之變

曾經Axure就是原型設計軟體的代名詞，但隨著網際網路技術的發展，封閉、孤立的設計模式成為過去式，使用者對原型設計軟體的需求已經徹底改變。

1. 使用者之變：UI設計師也是主力軍

原型設計在過去更多是由產品經理或互動設計師負責，但隨著網際網路的發展，如今UI設計師也會負責原型設計，企業對全鏈路設計師的需求越來越強烈，未來原型設計的使用人群將會有更多的UI設計師。對於習慣了Sketch、Figma以及線上設計協作軟體這部分人群，將會對原型設計工具有更高的要求，甚至很多UI設計師會直接使用設計軟體進行原型設計。

2. 痛點之變：學習成本降低

在過去，Axure是最傳統、最出名的原型設計軟體。但Axure的功能特別繁雜，體驗也非常粗糙、學習成本非常高。對於產品經理或互動設計師來說，如何把龐大的Axure軟體學會是設計原型的第一個門檻。然而隨著線上協作軟體的發展，不管是摹客RP，還是墨刀、Xiaopiu，原型設計工具的學習成本都變得很低。只要你花上3-5天時間，快速掌握一款原型設計工具已經不再是難事，學習成本不再是痛點。

3. 協作之變：從靜態到動態

隨著線上協同設計理念的興起，產品設計需要有更敏捷的模式。使用者過去使用Axure的模式就像一個靜態、封閉的設計流程，這導致了產品團隊無法實現實時溝通、專案資源管理混亂、設計規範難以建立。而如今透過線上協作原型設計軟體，產品設計團隊則進入了線上協作模式，極大的提高了溝通和設計效率，把單點式的工作內容變成了一個動態、開放的設計流程，人人都可參與，人人都可設計。

三、超速的追趕者：摹客RP的設計策略拆解

摹客RP在2020年1月才正式釋出，入局時間相對較短，不僅有墨刀、Xiaopiu等直接競品，同時也面臨著Figma、即時設計、Mastergo等線上協作設計軟體的間接競爭。而透過以下四個維度的拆解，我們可以看出，摹客RP作為國內原型設計軟體賽道的追趕者，靠著2年多的探索，它輕便流暢的操作體驗，加上細緻用心的使用者體驗設計，已經成為了一款產品設計師不能忽略的原型設計工具。

1. 產品定位

「摹客RP」以線上協作的模式為使用者提供全新概念的產品原型設計工具，結合「摹客協作」、「摹客DT」和「設計規範」，全面打造了一個覆蓋產品設計開發全生命週期的線上協作產品。不過和其他競爭對手相比較，差異化還並不明顯，要想贏得越來越多使用者的關注，還需要給使用者一個強有力的使用理由。

2. 產品功能

提供海量的元件和圖示資源庫，自帶多種分類，粗細風格均可選擇；提供團隊級設計複用功能，將常用元件、顏色、字型樣式新增到設計資源庫，方便團隊成員一鍵共享使用；提供向量繪圖功能，支援鋼筆、鉛筆、布林運算等向量繪圖功能；提供歷史版本記錄；支援檔案離線下載。

進入互動模式後，可選擇頁面、版塊、按鈕、文字進行互動設計；可設定不同的觸發型別，比如單擊、雙擊、右鍵等；可設定不同的動作命令，比如移動、縮放、旋轉等；可設定不同的緩動效果，比如線性、加速、減速等；可設定文字備註，讓其他成員可實時觀看，進行評審。

可免費邀請團隊成員線上協作，可對協作成員設定不同的許可權。

支援釋出專案到「線上協作」產品，提供評論、定稿、開發模式，可實現產品經理、互動設計師、UI設計師和前端工程師線上協作。

3. 使用者體驗

在使用「摹客RP」的實際操作中，我發現它的流暢度是我最驚喜的收穫。我還從未使用過如此流暢的國內線上協作軟體，幾乎0卡頓，操作非常快捷。這也讓摹客RP的學習成本非常低，我只花了3天，就從0到1完成了一個10個頁面的原型設計稿，效率非常高。

不過略微不足的是，目前「摹客RP」無法支援外部檔案的匯入，以及把RP檔案匯入到「摹客DT」（摹客旗下的線上協作設計軟體，類似於Figma），還有其他設計軟體，這是比較大的缺憾，官方還得加快時間完成這關鍵的一步，才能讓產品經理徹底愛上「摹客RP」。

四、線上協作原型設計賽道，除了摹客還有誰？

在2016年Figma以顛覆式的線上協同設計理念誕生以後，作為一款不需要下載、透過瀏覽器就可以工作的設計軟體，不僅贏得了粉絲們的追捧，也拉開了設計線上協作時代的大幕。除了摹客RP，其實還有墨刀、Xiaopiu（現在的即時原型）這些軟體，和這些直接競品相比，我始終對摹客RP的使用者體驗感到最滿意。

1. 墨刀，國內原型設計軟體的先行者

「墨刀」成立於2014年，是國內發展最早的原型設計工具，在2017年6月推出的V3。0版本就以“團隊協同”的產品理念設計。墨刀旨在打造一個線上一體化的產品設計協作平臺，也就是把原型設計、設計協作和UI設計這三大場景融入一體，拉長使用者生命週期，降低使用者流失率。

核心功能：

支援Axure檔案匯入；資源庫為使用者提供了海量的圖示、圖片、頁面元件，還支援智慧填充，優質資源需要使用者開通VIP才能享受；提供歷史版本記錄，使用者可享有7天免費許可權；支援檔案離線下載，可下載圖片、PDF、離線演示包和安卓APK（VIP付費）。

支援新增事件，包含單擊、滑動、長按等；可設定跳轉行為，包含跳轉頁面、超連結、切換頁面狀態等；可設定動效，包含移入、彈出、彈入等；支援打點、卡片批註。

目前線上協作僅支援企業版，使用者需要購買企業版才能進行線上協作。

支援開發模式，可檢視設計標註；支援評論模式，可對原型稿進行評論。

2. Xiaopiu，已升級為即時原型

「Xiaopiu」是北京雪雲銳創科技有限公司在2017年3月推出的原型設計軟體，而雪雲銳創目前以線上設計軟體「即時設計」為主，「Xiaopiu」也改名為「即時原型」，已經不再是公司發展重心。

核心功能：

「即時原型」目前的操作體驗較粗糙，不能自由新增畫板，也無法像設計工具一樣實用，相對死板；資源庫提供了圖示、圖表等通用基礎元件，但版本都比較老了；提供歷史版本記錄；支援檔案離線下載，可下載圖片、PDF、離線演示包。

支援新增事件，包含單擊、滑動、長按等；可設定跳轉行為，包含跳轉頁面、超連結、切換頁面狀態等；可設定動效，包含移入、彈出、彈入等；支援打點、卡片批註。

可以免費邀請團隊參與一起協作。

支援開發模式，可檢視設計標註；支援評論模式，可對原型稿進行評論。

五、長路漫漫，給摹客RP的迭代建議

作為一款發展僅2年的線上協作原型設計工具，在此次全面的產品實操體驗中，我發現了有很多需要急需迭代的地方，這些細節，刻不容緩，摹客RP不能有絲毫的懈怠。

1. 支援其他設計檔案匯入

摹客RP需要實現匯入主流設計軟體的檔案，比如Axure，這樣可以快速吸引使用者使用軟體，也可以提升工作效率。其次如果能支援更多設計軟體匯入，那麼將會非常有吸引力，比如Sketch檔案等。或者像墨刀那樣，以外掛的形式支援Sketch把設計圖匯入到摹客RP。

2. 線上協作和摹客RP功能重疊

當我把「摹客RP」設計好的原型釋出以後，我發現其實是跳轉到「線上協作」這個產品。當我進入原型的審批模式以後，我發現兩者的功能又出現重疊。這會導致使用者去思考原型的協作是在「摹客RP」還是跳轉到「線上協作」，給使用者太多的選擇，相反會增加使用者的煩惱。

3. 摹客RP急需和摹客DT打通

當我在RP完成原型設計以後，我發現這份RP檔案竟然無法載入到「摹客DT」進行介面最佳化設計。這就像一個封閉的孤島，原型和介面設計需要分別從0到1去設計，這失去了高保真設計的意義。所以「摹客RP」和「摹客DT」需要快速打通，這是一個非常急迫的需求。在獲客成本如此高昂的今天，時間就是金錢。

4. 摹客的產品界限不清晰

摹客的產品，主要是線上協作、摹客RP、摹客DT和設計規範這四個。但當我完整的體驗下來，我對幾個產品的劃分界限感到非常模糊。再加上幾個軟體並沒有實現完全連線，很多時候會帶來焦慮感，比如我在哪裡，我在使用什麼軟體。如果這四個產品要保持獨立的發展，那麼需要有明確的界限，否則使用者會容易迷失，無法建立對產品的忠誠度。

六、寫在最後面的話

喬布斯曾說過：“我們想創造比他們更好的產品，我們在乎的是創造更好的產品。”

摹客RP的設計團隊把這句話作為他們的產品設計理念。他們甚至在摹客RP測評大賽的徵文裡如此寫到——

我們更希望產品經理、互動設計師不要把自己當做一個“畫圖仔

”

，而是一個產品從想法到設計落地的產品創造者。

也許正是因為對原型設計有如此偏執般的熱愛，才能讓摹客RP即便作為追趕者，也有無比強烈的勇氣和決心進入線上協作原型設計賽道。不管前方是舊時代的霸主Axure，還是釋出時間落後7年的國內原型設計軟體鼻祖墨刀，摹客RP也無所畏懼。

他們對原型設計的“重新定義”，也是希望所有的產品設計師，重新理解原型，重新定義原型，它絕對不只是一頁頁靜態的線框圖，而是一個有呼吸、有溫度、有生命力的“孩子”，而我們，正是創造這個“孩子”的父親。

參考文獻：

摹客RP官網

摹客-百度百科

墨刀官網

Xiaopiu官網

《原型設計-打造成功產品的實用方法及實踐》 – 凱瑟琳·麥克爾羅伊

本文為2022摹客RP原型工具測評大賽的測評文章，如對摹客RP感興趣可點選體驗連結：https：//www。mockplus。cn/rp-event/？hmsr=woshipmliaoqing

專欄作家

廖爾摩斯，微信公眾號：設計大偵探，人人都是產品經理專欄作家。連續創業者，擅長產品設計拆解、書籍解讀。

本文原創釋出於人人都是產品經理，未經許可，禁止轉載。

題圖來自 Pexels，基於CC0協議。

該文觀點僅代表作者本人，人人都是產品經理平臺僅提供資訊儲存空間服務。