【摹客RP測評大賽優秀作品】原型設計工具的三個核心價值點

0 評論 3495 瀏覽 2 收藏 15 分鐘

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

行業對于產品經理的原型設計顆粒度要求越來越高,本文依據真實工作場景對摹客RP進行評測,從原型設計→交互設計→原型發布,探索其是否符合易用性、便捷性、降本提效這3個核心價值點,能夠成為工作中的一把手。

文章將按照工作的真實流程和場景,對摹客進行產品體驗,那么摹客是否符合易用性、便捷性、降本提效這3個核心價值點呢?

原型設計是產品經理的必備技能,但它并不屬于核心價值,原型設計不應該成為PM的負擔,所以原型設計工具的易用性、便捷性、降本提效就成為了這類產品的核心價值點。

原型設計從早期紙上手繪原型到現在使用軟件進行原型設計,行業對于PM原型設計呈現的顆粒度也越來越高。

在B端尤為明顯,B端客戶大多不是一個群體,而年齡普遍在40歲左右,對于互聯網認知有限,這時原有的原型+文字描述來表達功能就略顯吃力,增加了客戶的理解成本;從而需要PM在原型基礎上,做一些肉眼可見的交互來推動項目進度,快速聚集產品目標和需求,幫助客戶更好的理解產品、更好的達到商業目標;對于內部員工,也大大減少了溝通時間。

有些公司具備UX設計師,PM完成基礎框架后可以交付給UX設計師去完善原型和交互,而傳統的原型軟件并不具備協同合作的功能,導致信息無法實時同步更新出現一些冗余的操作和工作。

按照工作的真實流程和場景,從原型設計→交互設計→原型發布,對比即時、XD、Axure三個競品,從易用性、便捷性、降本提效3個核心價值點去分析摹客是否有符合預期的體驗。

一、摹客產品體驗

1. 操作區

Axure、XD是我經常使用的原型設計工具,所以在體驗摹客這款產品時,發現整體架構和Axure相似,操作起來學習成本低,可以做到0成本上手使用。

2. 組件區

組件區整體由組件、圖標、資源組成,通過tab切換的交互方式操作更加便捷。

(1)基礎組件

基礎組件中的控件類型可以滿足大部分場景的原型設計工作;從降本提效來的角度看,組件庫可以通過工作場景中高頻出現的控件,做更精細化的功能;比如不同等級的按鈕、文字等等;這樣就省去了調整控件樣式的時間,更快的滿足需求目標。

(2)基礎組件—可視化圖表

可視化組件在企業內外演示時,尤其在當下B端、大屏較為熱門的情況下具有極佳的效果;客戶、員工可以直觀的看到功能的視覺表達、交互。摹客的可視化圖表無須預覽就可以直接看到圖表效果,在改變圖表大小時做了自適應,節省了調整時間。但摹客的圖表類型目前只能滿足基礎場景,種類不夠豐富,未能覆蓋復雜場景,這一點稍微有些欠缺。

(3)資源區

摹客的資源區提供了豐富的、不同行業的模版、組件庫等等供用戶使用,可快速完成高保真的demo進行演示;但摹客添加組件資源包的流程長達五步;拿Axure舉例,添加資源包則需要兩步。每增加一個步驟或界面,轉化率的漏斗就會降低。

3. 交互流程

(1)單個控件創建交互信息&狀態

當給單個控件添加交互信息時,通過拖拽控件→雙擊控件即可沉浸式完成交互信息的錄入、交互狀態的鏈接;交互觸發后的屬性面板通過懸浮的交互形式,展示在視覺中心區,操作更便捷輕量化。

(2)控件與控件建立交互鏈接

摹客建立交互區域在元素上方以紅點表示,用戶對于紅色的認知有限,紅點作為交互區感知不強,對新用戶仍有學習成本。當建立交互后直接彈出交互屬性面板,打斷了用戶當前操作,摹客預判了用戶下一步的操作,希望在建立交互時,直接賦予交互屬性,導致掌控感較弱。

(3)創建控件交互狀態

摹客的交互狀態屬性面板,支持6種高頻場景中的狀態編輯、切換、自定義狀態,通過簡單的勾選交互完成狀態增加或變更,整個操作流程更加流暢便捷友好。交互流程上減少了冗余提高了操作效率,但功能邏輯、結構的不清晰也導致從學習成本上增加了困難。

4. 原型發布

原型設計完成后,將原型分享到組內成員或客戶進行后續開發流程;摹客在原型協同上擁有豐富的標識功能,協同合作、溝通效果更高效。

但摹客沒有更好的融合協同、原型效果演示的兩個場景;在點擊發布項目后,在原型協作平臺需要四步才能直達演示界面,查看交互效果和功能描述。而作為原型發布后的目標則是評審、給到相關項目人員,需要快速到達預覽演示界面,查看交互效果與功能描述,其次才是輔助功能;而摹客在這里強調了協同合作區分了兩個不同場景,導致了交互的冗余。

二、改進點

1. 組件區

(1)基本組件

摹客、Axure的基本組件基本類似;但Axure做的更精細化,比如Button區分普通按鈕、主要按鈕、鏈接按鈕,文字有一級、二級、三級,這在原型設計時都是高頻出現的場景;而摹客這方面只滿足了基礎場景,不同場景下仍需要手動去調整樣式。

(2)基礎組件—可視化圖表

Axure通過Axhub元件,基礎圖表類型達34種、地理可視化達20種、可視化動態元件達8種、其它類型8種;僅一個元件載入通過簡單的拖拽交互幾乎滿足了100%的場景;而摹客還未能覆蓋復雜場景,這一點稍微有些欠缺。

(3)資源區

摹客的模版資源從獲取到應用,需要五步才能完成,存在冗余步驟;而Axure則需要兩步就可以完成資源的加載;每增加一個步驟或界面,學習成本就會增加,流程越長流失率越高,轉化率的漏斗就會降低。

3. 交互流程

(1)控件與控件建立交互鏈接

摹客:

摹客獲取焦點時以上方紅點表達,當建立完交互時隱藏交互關系線,通過icon 表達當前已有交互;當面臨多個項目或大量交互場景時,容易造成交互關系的迷惑,這時只能通過右側交互面板找到相關聯的交互元素。

當建立交互后,直接彈出交互屬性面板,打斷了用戶當前操作;摹客預判了用戶下一步的操作,希望在建立交互時,直接賦予交互屬性,導致掌控感較弱。

即時設計:

即時在獲取焦點時,從圓點變為?增強變化感知;交互屬性面板右側展示,不干擾/打斷用戶當前操作,使主視覺區清晰可見,而對比摹客來說掌控感更強;當某一元素獲取焦點時,僅展示相關聯的交互元素進行視覺引導,在面臨復雜場景時可快速找到關聯關系。

XD:

XD獲取焦點時通過箭頭的方式進行引導,對新手用戶更友好,而對比摹客上方的紅點感知較弱;當多個元素建立交互時,展示全部交互關系線,在復雜場景時邏輯關系在視覺上有些混亂。

(2)創建控件交互狀態

摹客添加交互流程:

摹客的交互更輕量化,操作更便捷;狀態面板支持正常、選中、禁用、懸停、按下、焦點;但禁用與其它狀態是互斥的,從邏輯和層級上這里是共存關系,程序也未做任何控制,支持全部勾選,在預覽時就會出現效果沖突的情況,交互設計原則是不要讓用戶思考,而這里仍有待完善的空間。

三、原型發布

1. 摹客查看原型流程

摹客在點擊發布項目后,在原型協作平臺需要四步才能直達演示界面,查看交互效果和功能描述,交互路徑有些冗余。

2. 藍湖查看原型流程

藍湖僅需兩步即可查看原型效果與功能描述;在進入項目后,直接選擇產品就可以查看原型界面;將評論功能內嵌到原型預覽上,交互更加便捷,結構更為清晰。

總結

原型工具的核心價值是要解決原型設計的易用性、便捷性、降低學習成本、提高工作效率,在最短時間內完成原型設計并發布演示或需求評審。各個產品入門門檻低、上手快、效果好則成為了產品的核心競爭點。

目前在線/客戶端設計工具已相對成熟,而各產品都有自己的特色與差異化,目標群體都是UI設計師或UX設計師;從摹客RP界面功能上看,應該算是垂直細分領域,目標群體為PM。

以上是在使用摹客過程中的一些體驗和心得,有不對之處還請斧正。

本文為2022摹客RP原型工具測評大賽的測評文章,如對摹客RP感興趣可點擊體驗鏈接:https://www.mockplus.cn/rp-event/?hmsr=woshipmzhoujinhu

本文由 @三范范 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

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

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!