【摹客RP測評大賽優秀作品】看!摹客RP是如何助力產品團隊打造用戶喜愛的產品的

3 評論 5685 瀏覽 3 收藏 29 分鐘

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

當前互聯網環境下,競爭日益激烈,如何打造一個令用戶喜愛的產品成為了每一個產品設計者需要思考的問題。一個成功的好產品是價值、可用性、可行性缺一不可的,本文以摹客RP的價值入手,分析摹客RP是如何助力產品團隊打造用戶喜愛的產品的,一起來看看。

在這個競爭日益激烈的互聯網時代,“如何打造用戶喜愛的產品”是每個奮斗在前線的產品人、每個蓄勢待發的創業型公司、每個一籌莫展的大企業都在思考的問題。

一款產品如果被用戶所喜愛,那定然是一款好的產品、一款成功的產品,而硅谷產品集團的創始人Marty Cagan 在《啟示錄:打造用戶喜愛的產品》中說:“好產品具備三個基本條件:價值、可用性、可行性缺一不可。”

摹客RP這款產品,如果算上它的前身Mockplus(當前仍有其用戶群)的話,至今已面世七年之久,其可行性自不必說,自然是具備的,因此不是我在這里要探討的主題,而可用性這一條件,我想我們正以“深度體驗并反饋”這一形式而在做這件事,相信此次大賽活動之后,摹客團隊將會對其有更進一步的認識并不斷優化改進的。

所以,今天我將從它的價值方面入手,圍繞“打造用戶喜愛的產品要素”、“摹客RP是如何助力產品團隊打造用戶喜愛的產品的”、“摹客RP還可以從哪些方面進一步提供助力”、“總結與思考”這四部分內容,談一談淺薄之見。

一、打造用戶喜愛的產品要素

Marty Cagan 在《啟示錄:打造用戶喜愛的產品》一書中,從人員、流程、產品三個方面探索闡述了“如何打造用戶喜愛的產品”這一問題。

1. 人員部分:負責定義和開發產品的團隊成員的角色和職責

“產品是由團隊成員設計開發的。選擇團隊成員、界定工作職責是產品成敗的決定性因素?!?,也就是要做好產品管理工作。

2. 流程部分:探索、開發富有創意的產品時,反復應用的步驟和成功的實踐經驗

“一流軟件(互聯網)公司的流程及技術與普公司的相比有很多不同之處?!蹦敲矗鼈兊降资鞘裁茨??答案即如下圖所示。

在產品探索和產品開發階段可以合理地運用敏捷方法,但要注意產品經理和設計師的工作進度應該比開發團隊領先一兩個迭代,正如上圖流程顯示的那樣,這是有先后關系的兩個階段,不能一邊設計一邊開發。

3. 產品部分:富有創意的產品具有的鮮明特性

“什么樣的產品才能讓人耳目一新?”,回答這個問題,就是在探討探索產品和開發產品的方法。

(Marty Cagan在書中還給出了探索和開發大眾網絡服務產品、企業級產品、平臺級產品的經驗和要點,感興趣的小伙們可以自行閱讀哦~)

二、摹客RP是如何助力產品團隊打造用戶喜愛的產品的

“產品沒有價值,開發團隊再優秀也無濟于事?!?/p>

1. 摹客RP的價值

我認為摹客RP最大的價值是“為產品團隊打造用戶喜愛的產品方面提供了別具一格的助力”,這在人員、流程、產品三要素上都有體現。

摹客RP本質上是一款在線原型設計產品,在《啟示錄:打造用戶喜愛的產品》總結的十大要點中說到的“使用原型”、“用戶參與原型測試”這兩個環節所涉及的原型工具中,為用戶(產品經理和產品設計師)多提供了一個選擇——流程。

而作為一款定位為“更高效、更易用、更流暢”原型設計產品,在同類產品中有著強勁的競爭力。

(1)競品功能對比

(數據來源:百度指數)

根據上圖的人群屬性,可得出摹客RP與墨刀、Axure這兩款原型工具的用戶在年齡和性別上有著強烈的一致性,只不過其在性別比例中男女差距最小。接下來將對這三款產品功能進行對比分析。

而在其生態圈內增加了協作平臺、設計規范管理的功能之后,摹客已然成為國內同行業中唯一可同時提供設計協作平臺(支持全部三方主流設計稿)和高保真原型設計的平臺產品。

(2)實力表現

客戶認可度:

(數據來源:摹客官方)

盡管摹客實力毋庸置疑,在市場上有著大量的用戶群、與多個知名企業有著深度合作并受到一致好評,但與墨刀、Axure相比,摹客當前在國內市場的搜索熱度表現卻差強人意,如下圖所示。

(數據來源:百度指數)

酒香也怕巷子深啊,我想市場和運營團隊還要再加把勁(在這次大賽活動的準備中,我才知道摹客之前已經舉辦過多次關于Mockplus的設計大賽,但當時我及周圍小伙伴們卻毫無所知呀~)。

小結:

原型設計工具是現今產品團隊想要打造用戶喜愛的產品不可或缺的工具,而作為一款集成了協作與設計規范管理的平臺產品,摹客正逐步成為其中的佼佼者。

2.?人員和流程

摹客柔性工作流、任務分派和多人實時編輯的功能讓產品經理、用戶體驗設計師、開發團隊更能高效的進行協作——人員和流程。

(1)目標用戶

顯而易見,摹客全流程設計協作平臺的目標用戶主要是產品經理、用戶體驗設計師、開發人員,同時,因其協作方式,測試人員也能從中受益。

①產品經理

為了讓團隊其他成員快速正確理解產品需求,或者方便向客戶確認需求,產品經理需要進行原型設計(一般為原型框架圖),并輸出PRD文檔。

在與團隊其他人員(尤其是用戶體驗設計師)合作時,需要分配任務,掌握進度。

②用戶體驗設計師

包括交互設計師和視覺設計師。

交互設計師需要緊密配合產品經理的工作,需要分解功能、添加導航、設計交互流程。

視覺設計師需要對可交互的頁面原型進行設計視覺體驗設計,并完成設計稿的交付,另外,還需要管理素材和設計資源。

③開發人員

包括前端工程師和后端工程師。

前端工程師在進行開發時,需要查看功能文檔,查看設計稿標注、使用切圖,查看交互原型,對接設計規范。

后端工程師在進行開發時,需要查看功能文檔,設計數據庫,定義接口。

④測試人員

測試人員在測試時,需要查看功能文檔,編寫測試用例,對比界面還原度。

(2)用戶需求場景

以下給出三個典型用戶需求場景。

①用戶A——具有交互設計能力的產品經理

a. 場景:在經過了市場調研、機會評估之后,產品經理此時需要采用某種方式定義正確的產品,以便讓團隊其他成員快速正確理解產品需求。

b. 基本需求:將需求轉化成原型界面,并輸出PRD文檔。

c. 剛性需求:任務繁多,需要將相關設計任務分配給其他交互設計人員;與交互設計人員能同時修改一個項目,甚至是同一個頁面;每出一版設計,能夠采用寬松、高效的方式組織評審討論;顏色、字體、組件等資源能夠管理起來,以便復用。

②用戶B——視覺設計師

a. 場景:在拿到了可交互的原型框架圖,需要進行高保真視覺和動效的設計。

b. 基本需求:將原型框架圖轉化為高保真設計,并交付設計稿。

c. 剛性需求:設計規范和資源能夠管理起來,以便復用;能夠以寬松、高效評審的方式交付設計稿;若采用三方工具進行的設計,希望也能在此產品中高效交付。

③C用戶——前端工程師

a. 場景:進入開發階段后,開發人員按照正確的方法實現產品,其中就有“開發出正確的交互頁面,且風格要與高保真設計保持一致”的要求。

b. 基本需求:查看交互原型及設計稿的標注,使用切圖。

c. 剛性需求:準確快速獲取樣式代碼,開發出的頁面符合設計規范。

(3)解決方案

摹客針對以上目標用戶的需求場景,提供以下解決方案。

①團隊管理和任務管理

在摹客RP的基礎上,增加了協作平臺模塊。它具有強大的團隊管理能力,可根據需要創建產品團隊或部門團隊,有了團隊,其成員就可以在平臺中互相協作。

團隊管理中支持多種角色(超級管理員、管理員、成員、協同人、訪客五種)和權限設置,使得項目更合理、更放心。

協作平臺模塊還支持任務管理,可快速創建一條設計任務或評審任務,并指派相關人員,可以標記任務狀態,以便產品經理掌握項目進度。

②柔性工作流

摹客協作平臺的單頁模式提供了“評論>定稿>開發”三個模塊,這3個模式可自由切換,按需選擇。1條設計主線把協作場景簡單流程化,3個節點又自由流動地輔助流程,形成了摹客的“柔性工作流”。

評論模式:主要角色是產品經理,可在評論模式中傳達需求、提出設計建議;

定稿模式:主要角色是設計師,可在定稿模式中,根據產品經理的建議進行修改,并且可以標記評論的解決狀態。除此之外,設計師還可以通過手動標注,形成一份輕量級的PRD文檔,將設計規范更準確地傳達給開發人員;

開發模式:主要角色是前端工程師,可在開發模式中,查看智能標注,根據開發需要選取標注信息,同時,還可以下載多種設備尺寸的切圖。這大大節省了設計師的工作量以及與開發間的溝通成本。

(進入具體的項目后,在“原型稿”中查看詳情,或在“設計稿”雙擊任一畫板,即可進入單頁模式。)

③在線編輯PRD文檔

摹客將產品文檔在線撰寫無縫接入其柔性工作流,打造了一款自帶協作基因的產品文檔寫作神器,不僅可以幫助產品經理高效寫作產品文檔,還能讓產品經理充分深入到產品開發流程中來,極大地降低溝通成本,提升團隊效率。

全新的寫作模式:

a. 富文本在線編輯,產品經理可以像使用Word一樣編輯文案,并通過云存儲來實時查看和修改;

b. 產品文檔中可插入線框原型或高保真設計稿,深度引用;設計稿在摹客中有任何更新,文檔中也會自動同步更新。

此外,產品經理還可以直接上傳已編寫好的產品文檔(包含pdf、doc、docx格式),摹客會自動解析目錄,并生成文檔樹,方便查閱,輕松解決了產品經理對于需求文檔版本難以管理、文檔混亂難找的問題。

和設計稿完美結合:

產品經理在寫作產品文檔時可插入設計稿,團隊成員在設計稿上進行評論時也可以引用產品文檔進行說明,可以精確至引用文檔的某一部分,創建引用點,并標記該內容為高亮狀態,方便查閱。這樣,文檔、原型圖、設計稿就能無縫銜接,相互引用,無論是需求評審,還是開發時查閱,統統都能搞定。

多人在線協作、審閱:

文檔編寫完成后,通過鏈接分享給團隊成員,成員可對文檔進行實時審閱,通過打點評論來標記內容,無需頻繁開會。

④多人實時編輯

摹客RP支持多人同時對同一項目、同一頁面進行編輯,并且能最大程度做到成員之間互不影響。

僅需要將團隊成員添加到原型設計項目中,多個成員進入原型設計編輯器,即可開始多人實時協同編輯。

實時:在同一原型中,其它成員可以實時看到頁面上的編輯狀態,保持當前查看是最新頁面。

協同:在他人編輯的過程中,你不僅可以看到何處有修改,還可以同時編輯,共同完成一個原型的設計。

(圖片來源:摹客官方)

當多個成員進入項目中,編輯器的左上角會顯示當前項目中的成員頭像。但需要注意的是,當頁面中的元素正在被其他成員編輯時,則你暫時不能對其進行操作。

⑤設計規范管理

為方便產品設計團隊制定、應用和管理自己的設計規范,摹客開發了一套設計系統。它采用創建素材項目和Library項目這兩種方式,高效構建設計系統,能夠輕松分享和同步到團隊,團隊成員可實時查看最新設計資源,拖拽組件即可復用,點擊顏色、圖層樣式可快速應用到圖層。

(圖片來源:摹客官方)

在線管理和維護設計規范,能將設計元素快速同步,有效提升團隊協作效率。

小結:

摹客的目標用戶就是產品團隊的各個角色,針對用戶需求場景,以其獨特的解決方案體系很好地區分各個角色的職責,并能協助各個角色友好高效地溝通和協作,大大提高整個團隊的工作效率。

3. 摹客RP產品特色

摹客RP具有的海量組件圖標、豐富交互動效、矢量編輯的產品特色使得其在“創意產品要具有的鮮明特性”表現中如魚得水——產品。

(1)海量組件圖標

摹客RP的圖標庫提供了15類別共1000+個圖標,并分為細線和粗線兩個風格。通過搜索框,可以快速查找圖標。

海量的圖標庫,使得設計師在進行原型設計時更為方便、表現力更強。

(2)豐富交互動效

摹客RP具有同類產品中最全面的交互體系,支持頁面級和畫板級的交互,在畫板內,還能夠同時支持組件級的命令交互+狀態交互,最大程度滿足交互設計的需要。

(3)矢量編輯

摹客RP具有同類產品中最強大的矢量繪圖能力,支持鋼筆和鉛筆兩種矢量工具,能進行布爾運算、路徑的裁剪、打開與閉合等高級操作,可以做到256倍的放大和像素級對齊,設計師們可以隨心繪制logo、圖標,呈現更豐富的設計創作,盡情地表現想法和創意。

(4)1個小游戲動畫

用以上所提到的摹客產品特性來制作1個小游戲——《熊貓大俠》。(點擊此處可查看演示效果

故事描述:熊貓只有攀登到崖頂,拿到猴大俠手中的武功秘籍,才能成為熊貓大俠。另外,熊貓在攀登的路上,還能收集到金幣。

(游戲參考:猿編程萌新S2課程)

以上動效制作的解析如下:

組件圖標應用:

矢量編輯應用:

交互動效應用(僅展現一部分)

小結:

摹客RP所具有的產品特色可以協助產品經理和設計師們以原型的方式快速做出豐富的視覺效果和復雜的動效,這有助于在利用原型做可用性測試和美感體驗時獲得更有價值的反饋。

三、摹客RP還可以從哪些方面進一步提供助力

1. 優化改進現有產品功能和體驗

  • 明晰流程圖模式、鋼筆鉛筆工具與其他操作(撤銷、編組、上一層等)的概念,將他們放一起,咋一看會讓人產生困惑。(這里有一個不成熟的想法:流程圖模式、鋼筆鉛筆工具其實是新增的一種對象,可將其歸類為添加操作,如此一抽象,就可以與其他操作統一起來。)
  • 豐富流程圖模式功能,更多支持產品經理在編寫PRD文檔時常用的一些工具圖:產品路線圖、思維導圖、用例圖、狀態圖等。
  • 進一步豐富組件間的交互命令,以靈活滿足更多交互場景的需要,如在觸發方式中,考慮添加“切換狀態后”、“碰撞/重疊”等。
  • 擴展取色器功能,使其能夠吸取除原型編輯器以外的其他桌面可見的顏色。
  • 深度支持的三方主流設計工具,如下載了PS插件后,不只是能上傳其圖片形式的設計稿,還能支持編輯功能。

2. 提供一個頁面設計可用性的智能評估功能

進一步說明一下,這個評估結果不能只是通過一些簡單規則推算出來的,而是要有理論依據的,而在我當前的設想里,恐怕需要在輸入實際業務需求和業務流程的前提下,在結合行業里的交互設計規則(如交互設計簡約四策略、界面設計四原則、UI字典等)和機器學習等人工智能技術才能實現一個有價值的功能。

(個人需求(#^.^#),不要說我懶哦,如果這個需求本身就不科學或是技術上不可行,當我沒說O(∩_∩)O哈哈~)

四、總結與思考

“如何打造用戶喜愛的產品”這一問題,并沒有固定明確的答案,Marty Cagan也只是給出了解決這一問題的啟示性的方法,不同的團隊在實際工作中,也會根據實際情況采取不同的方法和規則。

而要回答“什么樣的產品是好的產品”這一問題,答案相對就比較明確,就是Marty Cagan所說的“價值、可用性、可行性缺一不可?!?/p>

在詳細了解后,深覺摹客RP無疑是一款有價值的產品,是對產品團隊這一用戶群體來說非常有價值的產品。而之所以有價值,我想正是因為它的產品團隊深刻洞察了目標用戶在實際工作中存在的團隊溝通和協同慢、項目和任務管理難、版本和資源管理亂、規范和品牌管理散等的問題,然后采用當前可行的技術,在解決了這些問題同時,給用戶呈現出了一個可用的產品。

但,只有這些就夠了嗎?產品就一定會獲得成功了嗎?

很明顯,還不夠。摹客RP在同類產品中的搜索熱度還很低,這表明它觸達的用戶還不夠多,可見品牌影響力還需逐步提升。所以,當一款產品創造出來之后,在其上市管理和運營方面,我們還有許多工作要做,還要多思考多努力。

(丹尼爾.卡尼曼在《思考:快與慢》一書中提到一點:“當人們完全沒有意識到自己看見了刺激物時,其曝光效應會更強。”,深度體悟這本書的內容也許會給我們在運營方面一些很好的啟示。)

最后,都說“好的產品經理是產品的CEO?!保梢娮龊卯a品工作,產品經理這一角色責任重大,在此,與君共勉!

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

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

題圖來自 Unsplash,基于CC0協議。

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

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. “價值、可用性、可行性缺一不可?!眹a品牌未來路漫漫啊,還是要繼續加油~

    來自吉林 回復
  2. 老人不愿學習新工具,除非公司要求;更換新工具老人的效率會降低,做原型的優勢會喪失,很難推廣;
    墨刀著力點是移動平臺的設計,APP、小程序設計,大家首先想到的高效工具就是墨刀;
    mockplus目前在我看來,沒有自己鮮明的標簽;
    mockplus有沒有考慮過如何降低轉換工具的成本;例如支持競品元件庫、模板導入;

    來自廣東 回復
  3. 看得出來,作者還是花了一些時間體驗的。

    來自廣東 回復