前段時(shí)間,，豆芽君參加了【人人都是產(chǎn)品經(jīng)理】舉辦的【摹客RP產(chǎn)品測(cè)評(píng)大賽】,。下面這篇文章是參賽作品，該作品獲得了優(yōu)秀獎(jiǎng),。今天放到公眾號(hào),，與喜歡產(chǎn)品設(shè)計(jì)相關(guān)的朋友一起分享、探討 先交代下相關(guān)背景 目的：吸引更多的產(chǎn)品經(jīng)理去試用摹客的產(chǎn)品,，為摹客做引流 寫作方式：采用競(jìng)品分析報(bào)告的方式，通過與Axure對(duì)比,，說明摹客的優(yōu)勢(shì)。 分析框架：通過產(chǎn)品價(jià)值主張與收費(fèi)模式、功能、交互與視覺,、用戶學(xué)習(xí)成本，這4個(gè)方面對(duì)2個(gè)產(chǎn)品進(jìn)行對(duì)比分析,。 摹客面向產(chǎn)品經(jīng)理,、設(shè)計(jì)師等設(shè)計(jì)團(tuán)隊(duì)提供了一整套的軟件產(chǎn)品設(shè)計(jì)解決方案，包含了原型設(shè)計(jì),、UI設(shè)計(jì),、協(xié)作管理等工具,，可簡(jiǎn)單理解為產(chǎn)品設(shè)計(jì)界的蘋果全家桶。本次我們以其中的摹客RP這款原型設(shè)計(jì)產(chǎn)品作為分析對(duì)象,，同時(shí)選擇了國(guó)外的AxureRP---這款大多數(shù)產(chǎn)品經(jīng)理都使用過的產(chǎn)品作為競(jìng)品,，對(duì)兩者進(jìn)行對(duì)比分析。?摹客RP是于2020年才上市的國(guó)內(nèi)快速原型設(shè)計(jì)工具,。以其無需安裝客戶端,，可直接在線編輯；可直接分享預(yù)覽鏈接,，給其他終端設(shè)備等特點(diǎn),，在產(chǎn)品經(jīng)理圈內(nèi)迅速成為了一款廣受關(guān)注的設(shè)計(jì)工具。Axure RP是于2003年就上市的國(guó)外專業(yè)原型設(shè)計(jì)工具,。以其最早占領(lǐng)中國(guó)原型設(shè)計(jì)市場(chǎng),，且具備強(qiáng)大的交互制作能力，在產(chǎn)品經(jīng)理圈幾乎無人不知,。本競(jìng)品分析報(bào)告,，主要通過對(duì)比兩者在收費(fèi)模式、功能,、交互與視覺、學(xué)習(xí)成本等方面的差異,，一方面幫助產(chǎn)品經(jīng)理們?nèi)ミx擇一個(gè)夠用,、好用、易用的原型設(shè)計(jì)工具,；另一方面是為摹客RP這款產(chǎn)品提出后續(xù)迭代的建議,。 選擇Axure RP 9.0版本作為摹客RP的競(jìng)品分析對(duì)象,，一方面是因?yàn)槠湓谠驮O(shè)計(jì)市場(chǎng)占了半壁江山以上，廣大的產(chǎn)品經(jīng)理對(duì)它都很熟悉,；另一方面是摹客RP作為后起之秀,，想迅速占領(lǐng)原型設(shè)計(jì)市場(chǎng)，應(yīng)該要讓用戶們知道它相比老大哥Axure,，有什么獨(dú)特優(yōu)勢(shì),？用戶為什么要選擇摹客？產(chǎn)品價(jià)值主張與收費(fèi)模式分析摹客的價(jià)值主張：為產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)提供產(chǎn)品設(shè)計(jì)與任務(wù)管理的整體解決方案,，讓產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)的協(xié)作更高效,。其提供了下圖的4種收費(fèi)模式
包含了免費(fèi)版：適用于新用戶試用（限定了每個(gè)項(xiàng)目的原型圖數(shù)）；創(chuàng)業(yè)版：適用于10個(gè)人以內(nèi)的小微團(tuán)隊(duì),；企業(yè)版：適用于10個(gè)人以上的中大型團(tuán)隊(duì),；企業(yè)私有部署：適用于有本地化部署要求的大型企業(yè)。Axure RP的價(jià)值主張：為多種專業(yè)人員提供快速創(chuàng)建應(yīng)用軟件或Web網(wǎng)站的線框圖,、流程圖,、原型文檔。其提供了下圖的3種收費(fèi)模式
包含了專業(yè)版：適用于單用戶,；團(tuán)隊(duì)版：適用于多用戶協(xié)作的團(tuán)隊(duì),；企業(yè)版：適用于有本地化部署要求的大型企業(yè)。從上面兩個(gè)產(chǎn)品的收費(fèi)價(jià)格來看,，Axure的團(tuán)隊(duì)版是摹客的20-45倍,，客戶的投入成本高。我們很多人都知道Axure在當(dāng)前的中國(guó)市場(chǎng),，多數(shù)的個(gè)人,、中小團(tuán)隊(duì)使用的是免費(fèi)破解版?？赡苁且?yàn)樘嘤脩羰褂闷平獍?，Axure從版本10開始只支持訂閱式授權(quán)了，這也意味著用戶要使用Axure的新版本,，要老老實(shí)實(shí)付費(fèi)了,。 在產(chǎn)品價(jià)值主張與收費(fèi)模式方面：摹客作為后起之秀，一方面在產(chǎn)品設(shè)計(jì)上,，充分吸取Axure RP的成功經(jīng)驗(yàn),，還增加了UI設(shè)計(jì)工具、任務(wù)協(xié)同管理工具,；另一方面產(chǎn)品收費(fèi)上,，增加了免費(fèi)版，讓新用戶沒有試用門檻，同時(shí)客戶可以一次投入,，獲得多份回報(bào)（可同時(shí)使用其原型,、設(shè)計(jì)與協(xié)作工具），無需分開購(gòu)買多個(gè)工具,。相比較而言,，摹客更有優(yōu)勢(shì)。功能列表對(duì)比摹客官網(wǎng)有摹客RP與Axure RP的功能對(duì)比,，我先摘取其中大家主要用到的功能,，做下對(duì)比、說明
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | 支持在線評(píng)論審閱,、自動(dòng)標(biāo)注切圖 | | | | |
從上面的功能對(duì)比表，我們可以看出摹客相比Axure的優(yōu)勢(shì),，主要體現(xiàn)在：?支持Web端,，團(tuán)隊(duì)成員之間可以隨時(shí)隨地編輯、共享,，可明顯提高原型設(shè)計(jì)的效率,；?增加了多畫板特色功能，制作彈窗等常用交互更方便,、快捷,；?增加了頁面流程圖，可在一個(gè)頁面內(nèi)縮放呈現(xiàn)所有頁面之間的跳轉(zhuǎn)關(guān)系,，讓頁面邏輯關(guān)系更清晰,；?增強(qiáng)了團(tuán)隊(duì)間的相互協(xié)作能力，如前端開發(fā)可在原型上直接切圖,、自動(dòng)生成前端代碼,，成員之間可互相指派工作任務(wù)。摹客相比Axure的劣勢(shì),，主要體現(xiàn)在：沒有條件判斷,、中繼器等復(fù)雜功能，無法滿足部分用戶制作復(fù)雜交互的場(chǎng)景需求,。特色功能介紹從上面的功能列表對(duì)比,，可以看到摹客增加了多畫板功能，我們?cè)谶@里特別介紹下,。摹客的官方教程描述多畫板可以用來完成彈窗,、切換頁面內(nèi)容等效果。
從上面的gif圖來看,，左側(cè)是主畫板,，右側(cè)是輔助畫板（允許有多個(gè)）,，可以直接在主畫板與輔助畫板之間添加交互，實(shí)現(xiàn)彈窗效果,。我們由此可看出，摹客RP的多畫板功能,，可以在一個(gè)頁面層內(nèi)實(shí)現(xiàn)Axure RP需通過復(fù)雜的動(dòng)態(tài)面板功能才可實(shí)現(xiàn)的多狀態(tài)層的交互效果,。在功能對(duì)比分析上，通過上面2點(diǎn)的對(duì)比,，摹客當(dāng)前提供的交互功能,，已經(jīng)足夠滿足大部分產(chǎn)品經(jīng)理的日常使用。產(chǎn)品經(jīng)理工作的核心是想清楚產(chǎn)品目標(biāo),，通過原型工具輔以方案的落地,。在原型工具的選擇上，更看中工具高頻使用的功能是否好用,、易用,，而復(fù)雜交互效果則基本不用（產(chǎn)品經(jīng)理一般會(huì)通過文字說明或?qū)Ω?jìng)品交互進(jìn)行錄屏等方式替代制作復(fù)雜交互）。實(shí)際上,，產(chǎn)品經(jīng)理們也無需把寶貴的時(shí)間花在這類廢棄型的原型上,。（廢棄型原型：指原型只用于開發(fā)前的方案階段，軟件開發(fā)過程中需重新設(shè)計(jì)前端頁面）在交互與視覺分析上,，我們將分別從兩個(gè)產(chǎn)品在常用組件的交互制作,、主控臺(tái)的信息布局、常用組件的屬性信息分組,，這3個(gè)方面展開對(duì)比分析,。1.組件與頁面間交互 以最常用的組件與頁面的交互為例，看看兩個(gè)產(chǎn)品在交互操作上的區(qū)別,。
 圖5-Axure RP按鈕交互摹客通過點(diǎn)擊組件右上角的紅點(diǎn),，即可通過拖拉的方式，快捷鏈接到其他頁面（圖4）,，而Axure RP則需要手動(dòng)選擇具體的鏈接頁面（圖5）,。由此可見，在制作常用交互上,，摹客相比Axure更便捷,。2.信息布局 再對(duì)比下兩個(gè)產(chǎn)品的控制臺(tái)，看看其框架層的差異 圖6-摹客控制臺(tái)我們按從上到下,、從左到右的順序,，分別介紹下2個(gè)產(chǎn)品的信息布局。頂部菜單欄/工具欄區(qū)域：摹客將菜單欄隱藏到左上角的抽屜圖標(biāo)里,，而Axure保留了用戶在微軟/蘋果操作系統(tǒng)的常見樣式---默認(rèn)顯示菜單欄,。對(duì)于大多數(shù)用戶來說，更容易接受Axure的做法，摹客如考慮確實(shí)有的用戶不需要菜單欄,，可以通過提供右鍵菜單來隱藏,，避免其他用戶找不到菜單欄。廣告區(qū)：摹客增加了2個(gè)紅色圖標(biāo),、banner,，引導(dǎo)用戶邀請(qǐng)成員加入使用摹客、參與有獎(jiǎng)答題,。筆者建議對(duì)于原型設(shè)計(jì)工具這類面向B端用戶的產(chǎn)品的盈利模式,，應(yīng)去掉廣告，主要采用工具/訂閱收費(fèi),。原因是B端工具是為了用戶沉浸式使用,，提高工作效率，而產(chǎn)品自帶的廣告會(huì)對(duì)用戶的使用產(chǎn)生紛擾,，從而可能影響B(tài)端產(chǎn)品的購(gòu)買群體的選型決策（畢竟沒有老板希望員工在上班時(shí)間跑到工具外去答題）,。左側(cè)面板 摹客包含頁面、圖層,、組件,、圖標(biāo)、設(shè)計(jì)資源5個(gè)部分,；Axure包含頁面,、概要（對(duì)應(yīng)圖層）、元件（對(duì)應(yīng)組件,、圖標(biāo)）,、母版（對(duì)應(yīng)設(shè)計(jì)資源的一部分）4個(gè)部分。從兩者的功能區(qū)域劃分,，沒有明顯的區(qū)別,。主要區(qū)別是摹客的設(shè)計(jì)資源區(qū)域，融合了摹客DT（UI設(shè)計(jì)工具）的資源管理功能,。這從摹客的slogan:設(shè)計(jì)1+2,，摹客就夠了。摹客的3個(gè)工具實(shí)現(xiàn)了無縫銜接,，這有利于UI設(shè)計(jì)師與產(chǎn)品經(jīng)理共享統(tǒng)一的設(shè)計(jì)元素,。右側(cè)面板 摹客和Axure都包含了屬性/樣式、交互,、備注/說明這3個(gè)部分,，在右側(cè)面板上，兩者沒什么差異,。 最后我們?cè)賹?duì)比下兩個(gè)產(chǎn)品的信息布局細(xì)節(jié)：第一眼看上去,，摹客左右側(cè)面板的每個(gè)部分的標(biāo)題名稱,、內(nèi)容行間距相比Axure都更大，字體更清晰,。但作為一個(gè)設(shè)計(jì)工具,，用戶的專注力應(yīng)更多應(yīng)該集中在中間的工作區(qū)。筆者認(rèn)為,，摹客的信息布局方式,，反而增加了用戶在左右側(cè)面板上下滾動(dòng)的次數(shù)，給用戶帶來了操作負(fù)擔(dān),。相比Axure的左右側(cè)面板來說，摹客當(dāng)前的信息布局過于喧賓奪主,。而用戶在使用Axure的左右側(cè)面板時(shí),，更容易在每個(gè)區(qū)域的頭屏內(nèi)找到常用的組件、屬性,，減少了上下滾動(dòng)的次數(shù),，用戶能更好地專注在原型設(shè)計(jì)工作。3.信息分組以常用的組件---矩形框的屬性信息,，對(duì)比下兩個(gè)產(chǎn)品的信息分組,。
從兩個(gè)產(chǎn)品對(duì)屬性區(qū)的信息分組來看，摹客的信息分組更抽象,，分為基本信息,、文本、外形,、擴(kuò)展,，用戶不容易從分類名稱上一眼找到所需的屬性；Axure的信息分組更扁平化,，分為基本信息,、排版、填充,、線段,、陰影、圓角,、邊距,，用戶更容易從分類名稱上找到所需的屬性。 在交互與視覺分析上,，從上面3點(diǎn)的對(duì)比,，在實(shí)現(xiàn)常用的交互效果方面，摹客比Axure更方便,。但在工具主控臺(tái)的信息布局,、組件的屬性信息分組上,，Axure比摹客更符合用戶的信息預(yù)覽習(xí)慣，用戶也更容易在眾多的屬性列表上找到所需的信息,。作為一款工具型產(chǎn)品,，其核心價(jià)值一方面是提高用戶的工作效率，另一方面是降低大部分用戶的學(xué)習(xí)成本,。下面我們從工具使用前,、中、后三方面,，對(duì)比一名產(chǎn)品經(jīng)理在使用這兩個(gè)產(chǎn)品的學(xué)習(xí)成本,。1.工具使用前摹客支持Web端，用戶可通過瀏覽器快速打開摹客進(jìn)行在線設(shè)計(jì),；而Axure僅支持桌面端,，用戶在使用前需先安裝客戶端。在當(dāng)前的移動(dòng)互聯(lián)網(wǎng)時(shí)代,，用戶可隨時(shí)隨地接入互聯(lián)網(wǎng),，摹客的打開方式更便捷。2.工具使用中產(chǎn)品經(jīng)理們?cè)谶M(jìn)行原型設(shè)計(jì)前,，一般都會(huì)先通過流程圖工具展示業(yè)務(wù)流程,、功能流程。兩款工具都支持畫流程圖,。進(jìn)入正式的原型設(shè)計(jì)階段,，產(chǎn)品經(jīng)理們主要輸出中低保真的線框圖。兩款工具都提供了常用組件,、圖標(biāo),、母版等功能，能幫助產(chǎn)品經(jīng)理們快速完成靜態(tài)頁面,。產(chǎn)品經(jīng)理們還經(jīng)常需要制作一些簡(jiǎn)單的組件交互,、狀態(tài)交互，通過前面在交互章節(jié)的介紹,，我們知道摹客相比Axure在實(shí)現(xiàn)簡(jiǎn)單交互效果上,，更簡(jiǎn)單、易學(xué),。3.工具使用后產(chǎn)品經(jīng)理完成原型設(shè)計(jì)后,，需要邀請(qǐng)不同的團(tuán)隊(duì)成員參與原型評(píng)審。兩款工具都支持在線預(yù)覽,，且團(tuán)隊(duì)成員可通過評(píng)論功能對(duì)具體頁面,、組件進(jìn)行評(píng)論。這大大提高了遠(yuǎn)程協(xié)作的工作效率,。在學(xué)習(xí)成本方面,，從上面的3個(gè)使用場(chǎng)景來看,，摹客相比Axure，主要優(yōu)勢(shì)在于,，一方面摹客免安裝客戶端,，用戶可隨時(shí)隨地打開設(shè)計(jì)工具；另一方面在制作交互效果時(shí),，用戶的學(xué)習(xí)成本更低,，用戶不需要掌握Axure復(fù)雜的動(dòng)態(tài)面板、函數(shù)等功能,，就可以快速實(shí)現(xiàn)常用的交互效果,。上面從產(chǎn)品價(jià)值主張與收費(fèi)模式、功能,、交互與視覺,、學(xué)習(xí)成本這4個(gè)方面對(duì)兩個(gè)產(chǎn)品進(jìn)行了全面的競(jìng)品對(duì)比分析。在產(chǎn)品價(jià)值主張與收費(fèi)模式,、功能、工具交互,、學(xué)習(xí)成本這幾點(diǎn),，摹客相比Axure有明顯的優(yōu)勢(shì)。但在信息布局,、分組等方面,老牌的Axure更符合用戶的使用習(xí)慣,，這2方面值得摹客的產(chǎn)品經(jīng)理們?nèi)ソ梃b、優(yōu)化（具體問題與分析,，詳見對(duì)應(yīng)章節(jié)）,。原型工具的選型，一般由產(chǎn)品,、設(shè)計(jì)團(tuán)隊(duì)的leader做決策,。這群人很多原本是Axure的忠實(shí)用戶，摹客在推廣新的原型工具時(shí),，應(yīng)特別考慮Axure的這群老用戶,。如果要與Axure爭(zhēng)奪老用戶，摹客的產(chǎn)品經(jīng)理們除了要提高用戶在使用摹客產(chǎn)品的體驗(yàn)優(yōu)勢(shì)外,，還要考慮老用戶的遷移成本,。這里借用俞軍老師的產(chǎn)品價(jià)值公式：產(chǎn)品價(jià)值=（新體驗(yàn)-舊體驗(yàn)）-遷移成本。只有當(dāng)Axure的老用戶們知道,，摹客已經(jīng)滿足了用戶需要將歷史項(xiàng)目的原型,、設(shè)計(jì)稿遷移到摹客上的需求，他們才更有可能加入使用摹客的隊(duì)伍中,。筆者在試用摹客的產(chǎn)品時(shí),，發(fā)現(xiàn)其協(xié)作平臺(tái)工具已經(jīng)支持發(fā)布,、管理Axure制作的原型稿的功能。推薦產(chǎn)品經(jīng)理們都可以來試用下摹客這款原型設(shè)計(jì)工具,。產(chǎn)品登錄鏈接：https://user./signin?next=https%3A%2F%2Fwww.%2Frp&source=web-rp
|
