#本文為2022年Mock RP原型工具評測大賽優(yōu)秀獎參賽作品

每個產(chǎn)品經(jīng)理都應該熟悉原型軟件。本文以 RP為中心，介紹傳統(tǒng)競品原型軟件Axure RP 9和Mok Knife進行橫向?qū)Ρ?，從原型工具保真度、生產(chǎn)效率、協(xié)作三個方面對 RP的能力進行橫向?qū)Ρ取Ｔu測，一起來看看吧。

很高興參加這次 RP評測。經(jīng)過一個月的使用體驗，我會從原型工具的保真度、生產(chǎn)效率、協(xié)作性三個方面來評價 RP的能力。同時，我會介紹傳統(tǒng)同類競品原型軟件Axure RP 9和魔刀進行橫向比較，最后給出我個人的推薦。

1. 保真能力 1. 靜態(tài)頁面保真能力

靜態(tài)頁面的保真能力是原型工具的基礎。良好的保真能力可以大大降低原型輸出和評審過程中的溝通成本。因此，保真度能力是原型工具的一項艱苦工作。我以京東APP的首頁和個人中心頁面為目標頁面，使用 RP還原頁面，沒有使用任何截圖。最終結果如下圖所示。

從上圖可以看出，在靜態(tài)頁面中的保真能力非常好。使用 RP自身的功能完全可以滿足日常原型工作的高保真需求，甚至接近UI崗位的工作標準，所以在靜態(tài)頁面保真度方面Mocke RP的表現(xiàn)讓人放心。

2. 動態(tài)保真度

動態(tài)保真度主要針對各種原型的交互動作，從簡單的點擊跳轉(zhuǎn)到應用動態(tài)圖層的能力。因為涉及到的點很多，我就把體驗中能找到并應用的交互功能整理一下。代入下表：

體驗完完整版的動態(tài)功能后，我對 RP的總體印象是有基本的交互。在日常產(chǎn)品工作中，這些交互功能可以滿足我們的工作需求。遺憾的是目前不支持邏輯判斷的交互功能，比如點擊按鈕后局部變量的變化，這涉及到計算邏輯。這種交互功能可以很好地呈現(xiàn)頁面內(nèi)和頁面間的數(shù)據(jù)邏輯。雖然這部分應用在工作中所占的比例很低，但是當我們單獨談論保真度時，缺少這一部分會限制原型的保真度。真實的實現(xiàn)能力（下面兩張圖分別展示了Mocke RP還原的頁面跳轉(zhuǎn)交互和密碼顯示/隱藏交互）。

2、生產(chǎn)效率

一個好的原型設計工具的最終目標是服務于工作生產(chǎn)。下面，我將從啟動成本、工具全面性和使用效率三個方面來評價 RP。

1. 轉(zhuǎn)換和入職成本

如果你有使用Axure的經(jīng)驗，從Axure切換到Mocke的成本是非常低的。 RP的現(xiàn)成組件庫、圖標庫和模板庫大大提高了原型制作的速度。因此 RP的上手門檻比Axure要低很多。有使用Axure經(jīng)驗的人可以實現(xiàn)無縫連接。

如果你是一名界面設計師， RP 的上手成本也很低，而且 RP 令人驚訝的是提供了鋼筆工具，為圖形設計開辟了多種可能性。

顏色方面，Mocke RP已經(jīng)支持多級漸變設置，在界面實現(xiàn)上基本沒有什么可以限制你的發(fā)揮。

使用 RP時的感覺是，大部分能實現(xiàn)的圖像都可以在中完成。 的功能會給界面設計者一種自然的熟悉感。

但這里需要強調(diào)的是，上述結論是基于原型設計的角度得出的。如果你是做界面設計， RP不具備替代其他繪圖工具的能力。畢竟藝術行業(yè)也是有專業(yè)的。

最后，如果你是一個新手（完全沒有相關經(jīng)驗的人），Mocke也是一個不錯的選擇。這次，為了更真實地測試初學者 RP的難度，我特地找到了不是設計和產(chǎn)品崗位的朋友，在簡單介紹了界面的使用后，讓他們完成了一個低富達個人中心頁面。 ，我已經(jīng)提前準備好了低保真原型，只提供被攝者的截圖。具體截圖請見下圖，讓大家對工作量和難度有一個直觀的感受。

要求受試者在不使用屏幕截圖的情況下，在 30 分鐘內(nèi)使用 RP 自帶的工具恢復目標低保真屏幕截圖。最終的結果是大家基本都能完成任務。受試者在繪圖過程中遇到的問題主要集中在設計層面，例如比例問題。工具的問題較少。在這個過程中，我可以更好地定位自己的工具，了解工具的具體應用方法。

我希望通過這次測試來還原我們培訓新團隊成員使用原型工具的場景。結果也符合我之前經(jīng)歷的預期，但令人興奮的不是結果，而是受試者給出的反饋。在事后的體驗交流中sketch安裝打不開，大家一致表示 RP非常適合用作ppt。制作的輔助工具，即使用 RP作為圖形工具。從這次反饋來看， RP不僅對新手友好，而且還具備一定的出圈能力。

2. 工具的全面性

上圖是Mocke RP的主操作界面。從這張圖上，你可以更直觀的看到，所有的功能都是可用的。 【組件】為頁面結構提供了便利，【圖標】則有助于界面的豐富和還原。同時，組件的操作也有相應的控件，從文字到形狀，基本的手勢和交互都已經(jīng)到位。

經(jīng)過一個月的使用體驗，最終評價是“功能全部可用，但細節(jié)有待完善”。一些功能的使用，尤其是交互設計邏輯，還有明顯的優(yōu)化空間。

3、工具使用效率

真正值得我稱贊的是，這些設計對于提高生產(chǎn)效率確實有幫助：

1）自動頁碼編號

這是一個非常舒服的功能。所有頁面都可以一鍵編號，方便溝通，大大提高原型組織和輸出的效率。

2）可自行維護的資源池

在資源功能下，你可以感受到Mocke RP對原型工作者的考慮。它有自己的顏色、文本樣式和組件資源設置。這允許您歸檔常用的顏色、樣式和組件，這非常有幫助。這是一個很好的設計，可以提高原型的整體統(tǒng)一性，也可以節(jié)省設計人員重復配置的時間。

3）輔助畫板

輔助畫板其實對處于畫圖位置的人來說更加友好。當一個頁面的素材過多時，我可以利用輔助畫板sketch安裝打不開，對頁面的資源進行高效的組織和分類，方便后期的復用和修改。

4) 流程圖模式

一鍵流程圖模式可以在頁面上快速創(chuàng)建簡單的流程圖。這可以作為會議討論中的邏輯排序工具，提高溝通效率。不過作為流程圖輸出工具，這部分還是比較少的。它很輕量，所以非常適合作為會議中的邏輯排序工具。

我強烈想抱怨一下，這些邏輯真的很浪費時間：

1) 步進器缺失

在大多數(shù)需要輸入數(shù)值的地方，比如長度、寬度、字體大小等輸入框，目前支持直接輸入數(shù)值或者使用向上逐步調(diào)整數(shù)值和鍵盤的向下鍵。不支持鼠標可點擊界面中的步驟按鈕。這會給用戶在進行細節(jié)調(diào)整時造成很大的操作浪費，而且鍵盤上的上下鍵可以進行步進操作，這就需要用戶理解。在我們意識到鍵盤可以進行步進操作之前，我正在制作詳細的值。調(diào)整需要進行以下操作。

鼠標獲得對應設置項的焦點。> 輸入目標值。在其他地方單擊鼠標可使設置項失去焦點。

事實上，如果有步進器進行此操作，我只需要點擊設置項的加號和減號按鈕即可完成目標的詳細調(diào)整。所以真心希望Mocke RP團隊能夠優(yōu)化一下這個操作。

2）圖標庫單薄

當我們之前恢復目標頁面時，所有圖標搜索基本上都可以提供結果樣式，即使我們找不到合適的圖標。當我們在圖標庫中找不到合適的圖標時，就需要到外部去尋找。圖標復制進去了，但是復制的圖標的顏色在 RP中無法完成，會給后期的調(diào)整帶來很大的麻煩。希望圖標庫能盡快豐富起來或者提供一個從外部導入類似svg格式的圖標的入口。

3）彩吸管操作邏輯繁瑣

當我們操作漸變色時，我們發(fā)現(xiàn)吸管工具在完成??吸收后會自動關閉顏色設置面板。這將導致顏色面板被重復打開以完成漸變操作。有關詳細信息，您可以查看下面的 gif。我希望當移液器完成繪制時，顏色設置面板不會關閉。

4）反復制習慣設計

這是我糾結了很久的一個抱怨，因為我確實看到了Mocke團隊的誠意，把克隆操作做到了可定制化。

但這樣的設置會導致失去一個傳統(tǒng)的功能，即我們習慣的Ctrl+D可以復制目標元素并顯示在被復制元素的正下方或右側(cè)。現(xiàn)在這個偏移量只能設置為固定值。問題是我們要復制的目標元素的寬度和高度是不確定的。甚至當我們一開始并沒有發(fā)現(xiàn)這個功能可以設置的時候，我們在操作完之后克隆出來的新克隆的元素就直接覆蓋到了克隆的元素上，直接造成了操作失敗的錯覺。這對于新用戶來說確實非常不友好，尤其是那些熟悉Ctrl+D克隆對象元素操作的用戶。

5）鼠標選擇操作習慣問題

目前唯一支持的鼠標選擇方式是【 】，但有一半的用戶習慣了【In 】。在我們的體驗中，并沒有找到【包含選擇】的設置項。我不知道。大家需要多長時間才能改變鼠標的選擇方式，因為這涉及到我們鼠標的選擇軌跡的變化。不管怎樣，在這段時間的體驗中，【相交選擇】在一定程度上影響了我的繪圖效率。

3. 協(xié)同工作

整體體驗下來，我們能感受到的是Mocke對于協(xié)同工作的投入。除了主流的多人協(xié)同繪圖外，還可以實現(xiàn)多人審閱和定稿。其中【評論】和【定稿】模式對于產(chǎn)品經(jīng)理的溝通工作非常有幫助，尤其是定稿模式支持文檔上傳，真是太神奇了。這可以為需求方向上審核或需求確認提供良好的工作支持。這是整個體驗中最令人驚奇的部分。

但【評論】和【定稿】模式需要在瀏覽器中完成，無法在桌面應用程序中完成。這將使我們的經(jīng)驗不完整。我們希望Mocke團隊能夠在PC桌面應用中提供這兩個功能。 ，允許用戶打開應用程序而不是網(wǎng)頁。畢竟作為深度用戶，肯定會下載安裝PC桌面應用。如果還讓深度用戶在桌面應用程序和網(wǎng)頁之間來回跳轉(zhuǎn)，那不是有點調(diào)皮嗎？

四、競品對比 1、功能對比

我使用Axure和Ink Knife這兩款產(chǎn)品在主操作界面上與Mocke進行橫向?qū)Ρ?。大家可以看下面整理的示意圖，親自感受一下。

頁面模塊：在該模塊中，三款產(chǎn)品的性能基本相同，但在做頁面深度測試時， RP和都可以支持10級或以上。

圖層模塊：在圖層模塊中，大家基本都是一樣的。

組件模塊：在組件方面，墨刀的豐富度最高，自由度最高。它支持用戶定制。在這個模塊中，確實需要改進。

圖標模塊：Mocke的圖標表現(xiàn)與組件類似?；A的都有了，但是在豐富性和自由度方面還有很大的提升空間。

屬性模塊：在元素的屬性編輯方面，Mocke的可操作性明顯更好，配置的豐富程度也略高于Mok Knife。

交互模塊：從交互深度來看，>模擬>莫刀；從可操作性（設定邏輯）來看，Mock > M Knife >。這里的截圖僅供展示。建議親自體驗一下。 Mock確實提供了更好的設置體驗。

頂部操作欄：在頂部區(qū)域，Mocke獨特地提供了流程圖模式和鋼筆工具，在豐富程度上比墨刀略勝一籌，但與老大哥相比，還是有明顯的差距。

2. 效率

對比完主界面的功能后，我對生產(chǎn)效率做了橫向比較。我分別選擇了一張高保真圖片和一張低保真圖片，用了三個軟件來還原時序。為了消除無關變量的影響，在測試之前，我使用軟件完成了十張圖片的練習，以熟悉和使用功能。

測試結果表明，在完成低保真原型任務時，三個模型的生產(chǎn)效率沒有太大差異。在完成高保真原型時， 和 Moko 都表現(xiàn)更好（測試時沒有使用截圖）。

3.生態(tài)學

從生態(tài)上來說，莫克表現(xiàn)得非常好。通過Mocke協(xié)作和Mocke RP形成的從原型開發(fā)到定型的完美協(xié)作流程，可以很好地解決原型整個生命周期的需求。

相比之下，魔道作為獨立的原型工具，生態(tài)較弱，對原型審核和交流的支持不足。 Axure什么都懂。我所知道的Axure的最佳應用實踐是使用Git來完成版本和團隊溝通工作。這對于所有新產(chǎn)品經(jīng)理來說都是一次神奇的經(jīng)歷。

5、選型建議

在使用 Mocke 一個月后，我將從個人和企業(yè)角度給您一些選擇原型工具的建議。希望對大家的選擇有所幫助。

1. 個人維度

如果你是新手，我強烈推薦Mocke作為你的第一個原型工具，因為像Mocke RP這樣的SaaS服務是原型工具的必然趨勢?？赡苡袀鹘y(tǒng)的人推薦使用Axure，但實際情況是，使用Axure的成本較高，包括學習成本、使用成本和維護成本，而公司的本質(zhì)是營利性組織。熟悉類似 SaaS 的原型工具將意味著更多的就業(yè)機會。所以如果是個人選擇的話，推薦使用。

2、企業(yè)維度

如果您是一家需要對原型軟件進行采購決策的企業(yè)，既然您看到了這里，那么您一定對 RP以及類似的競品有了一定的了解。如果您的公司已經(jīng)使用了原型設計工具，我的建議是盡量不要進行軟件更改。因為大部分產(chǎn)品工作都是基于之前組織流程資產(chǎn)的迭代，所以我們需要關注組織流程資產(chǎn)的遷移以及改變員工習慣的成本。遺憾的是，目前 RP所能帶來的價值提升還沒有明顯大于切換成本，這會造成很大的決策風險，所以建議繼續(xù)關注。

但如果你正在購買公司的第一個原型軟件， RP確實是一個不錯的選擇。主要原因是有更好的生態(tài)結構。除了 RP 之外，它還具有輔助和設計軟件。這為后期團隊擴展提供了可持續(xù)的軟件開發(fā)能力，而無需擔心跨軟件協(xié)作。另外， RP的成熟度比較高，不遜色于市場上同類的SaaS原型工具。

綜上所述， RP作為一款原型設計工具是非??常值得大家親身體驗的。我們不必選擇它，但也不要錯過它，因為 RP確實是一款“哪吒浩海”類型的產(chǎn)品。

本文是2022年 RP原型工具評測大賽的評測文章。如果您對 RP感興趣，可以點擊體驗鏈接：

如有侵權請聯(lián)系刪除！