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

我們常常會說一個產(chǎn)品不好用，但究竟不好用的地方在哪里，可能很多人都難以說出個所以然。產(chǎn)品設(shè)計者需要有一些對美有獨特見解，也做到不讓用戶思考與停頓。作者通過體驗?zāi)】蚏P，探索其中的美與不足，望產(chǎn)品能夠在未來有更好的發(fā)展。

前言

公司設(shè)計協(xié)作從之前的藍(lán)湖轉(zhuǎn)移到摹客，用了大概半年多，使用過程中有不好的體驗，騷擾過客服，和同事吐槽過，甚至討論過是否更換平臺……在這些磕磕盼盼見證了摹客的調(diào)優(yōu)過程，好的產(chǎn)品會關(guān)注細(xì)節(jié)，一個小小的細(xì)節(jié)往往能夠阻止用戶的流失，成為用戶轉(zhuǎn)化的最后一道防線?！改】蚏P」工具第一次使用，今天說說使用摹客RP過程中的問題，當(dāng)然也希望整個平臺越做越好~

一、優(yōu)點

1. 不受限制

摹客RP是一款集快速設(shè)計、強(qiáng)大交互、矢量編輯于一體的國產(chǎn)在線設(shè)計工具，支持多人實時編輯簡單易用，最大優(yōu)勢就是不受任何限制。

也許有人不理解國外那么多免費的設(shè)計軟件，為什么國內(nèi)還需開發(fā)這些甚至需要付費。大家可能不知道的是Figma前不久發(fā)給大疆（DJI）的一封內(nèi)部郵件曝光稱，決定遵守美國制裁名單，將停封所有被美國制裁名單的企業(yè)賬號，目前大疆已經(jīng)被封禁無法登錄Figma。后續(xù)可能會波及到其它一些國內(nèi)互聯(lián)網(wǎng)公司和設(shè)計師，我們提前要做好應(yīng)對措施。

2. 零學(xué)習(xí)成本

首先是布局部分，摹客RP并未區(qū)別當(dāng)下熱門工具，對于習(xí)慣了PS、XD、Sketch的用戶來說，自帶的一套快捷鍵也有助于我們快速上手?？旖萱I也基本與當(dāng)下熱門工具一致，學(xué)習(xí)成本幾乎為0，小白也可快速上手。

3. 各角色協(xié)作方便

（1）線上點評

實現(xiàn)線上交互評審，直接選擇問題類型進(jìn)行評論，對方就可以看到描述，再也不用擔(dān)心線上會議遺漏，居家辦公溝通效率提升。問題類型方便核查復(fù)驗，方便后期歸類。

（2）產(chǎn)研設(shè)使用摹客協(xié)作更便捷更高效

以前交互用Axure時常常一個鏈接丟給設(shè)計，當(dāng)?shù)芏啻沃笤O(shè)計需要找之前某個版本某個細(xì)節(jié)時候，往往費時費力；不然就是找交互溝通哪個版本哪個功能的哪個頁面；再就是研發(fā)找產(chǎn)品了解具體哪個頁面有什么規(guī)則，常常面臨的就是各種文檔和鏈接亂飛…在繁忙的日常工作上似乎又添加了些困難。

摹客RP直接打通產(chǎn)品、交互和設(shè)計，頂部導(dǎo)航上直接切換產(chǎn)品文檔、交互原型和設(shè)計稿，消除溝通障礙，協(xié)作親密無間！

4. 更有溫度的平臺

在2022年上半年某次傳圖等待的過程中發(fā)現(xiàn)彈框下方有設(shè)計理論知識，可能從事其他工作人員不理解當(dāng)時心情，我是非常驚喜的，第一次發(fā)現(xiàn)有個平臺能捕捉到設(shè)計師關(guān)注的點。

很多人可能會認(rèn)為當(dāng)前頁是結(jié)果頁告訴用戶傳圖進(jìn)度即可，相比之下藍(lán)湖似乎更加明顯，但是作為互聯(lián)網(wǎng)工作者，我們對于顏色、字體這些有著天然的敏感度，告知進(jìn)度用不著過分強(qiáng)調(diào)，我們需要的是在這個的過程中降低等待焦慮，也許當(dāng)我們讀完下面的設(shè)計理論，設(shè)計稿已經(jīng)上傳成功，我們又學(xué)到一個新知識，整個體驗就很棒！

設(shè)計思考：疫情持續(xù)的兩三年以來我們生活中似乎時時刻刻在等待，等待乘地鐵、等待排隊做核酸、等待面試通知…，裁員潮加劇著焦慮感，我們希望時刻學(xué)習(xí)保持進(jìn)步。而在設(shè)計工作中傳圖高頻動作中加入知識點減緩焦慮是非常有溫度的體驗設(shè)計，與工作場景相關(guān)也符合角色本身定位。

提到情感化設(shè)計立馬想到吉祥物可愛軟萌的形象，看多了似乎覺得千篇一律沒有記憶點，情感化設(shè)計也可以是符合用戶場景中的一句話。

5. 提供基礎(chǔ)圖標(biāo)和組件

產(chǎn)品日常工作中找圖標(biāo)往往幾個網(wǎng)頁切換搜索，前段時間iconfont奔潰后圖標(biāo)更是難找，摹客RP把基礎(chǔ)圖標(biāo)和組件內(nèi)置，使用節(jié)省時間非常方便，大大提高了工作效率。

更令人驚喜的是官方提供組件和圖標(biāo)在當(dāng)前頁可直接更改顏色或編輯，滿足基本日常需要。

另外我們可以自己做組件，雙擊可進(jìn)入編輯面板直接編輯。

二、缺點

1. 項目封面不可自定義

系統(tǒng)默認(rèn)項目頁面采用卡片式并沒有帶來便利，項目名稱不完整10個字+省略號，項目多了之后查找項目非常不方便，需要手動點擊漢堡圖標(biāo)切換成列表才能直觀看到項目全稱。目前封面僅僅是視覺上統(tǒng)一了，并沒有起到封面識別的效果。

優(yōu)化建議：

為了提高封面可識別性，提升內(nèi)容搜索效率，建議在功能上可自定義封面圖，增強(qiáng)項目識別效率，提高查找效率。

2. 關(guān)于畫板

（1）不選中當(dāng)前畫板時候，鼠標(biāo)不可框選的元素

對鼠標(biāo)框選進(jìn)行限制，只可框選當(dāng)前畫板。無論是Axure、sketch還是傳統(tǒng)的office系列，鼠標(biāo)框選面積即為選中面積，可同時刪除、添色或其他操作。

優(yōu)化建議：

對鼠標(biāo)框選不做限制，用戶任意框選都可，提高操作的便捷性。

（2）不同畫板元素不可同時選中對齊

只可同一畫板內(nèi)元素可對齊，不同畫板內(nèi)容不可對齊，畫板和畫板外元素不可對齊。同一個頁面的交互有很多種狀態(tài)，兩個頁面可能就某個內(nèi)容不同，所以設(shè)計高保真原型圖時候2個畫板內(nèi)容無法對齊非常不便。

優(yōu)化建議：

對畫板內(nèi)元素操作不要限制在當(dāng)前畫板內(nèi)，項目里面任意元素都可以和任意元素對齊。

3. 關(guān)于文本使用

對于C端用戶來說，我們往往覺得不好用常是指不夠便捷，實現(xiàn)某個效果用戶需要3步以上基本就失去耐心，所以國內(nèi)爆火產(chǎn)品一直追求高效便捷快速。

（1）無法自定義文本框區(qū)域，需要手動調(diào)整

常規(guī)軟件點擊快捷鍵T后，用鼠標(biāo)畫一個區(qū)域即可粘貼大段文字。摹客沒有做到粘貼文本框的便捷，需要手動移動到文字尾部往回調(diào)整，期間來回需要縮小再放大整個屏幕。

優(yōu)化建議：

大段說明類文字在交互設(shè)計中很常見，期望產(chǎn)品多給用戶自定義方向上的自由度，在多年互聯(lián)網(wǎng)環(huán)境中自學(xué)能力強(qiáng)，不要去刻意限制用戶操作，應(yīng)該是和用戶一起探索更多有趣快捷的交互方式。

（2）文本框內(nèi)行高不隨文字大小改變而改變

輸入一段文字調(diào)整好文筆框后，14號字行高20，文字調(diào)整到18號字時，文字行高仍然是20，沒有隨著文字變大而變大，需要手動調(diào)整。

優(yōu)化建議：

文字增大行間距可以隨著文字增大而變大，如果沒有文字沒有固定行間距，也可以根據(jù)文本變大的百分比計算行間距的大小

（3）建議數(shù)字hover時增加減按鈕

手動調(diào)整需要2步，第1步：鼠標(biāo)精準(zhǔn)點擊到20位置，第2步：再輸入2位數(shù)字，到這里的繁瑣程度交互可以原地爆炸了。

優(yōu)化建議：

建議在數(shù)字旁邊添加一個鼠標(biāo)hover效果，即當(dāng)鼠標(biāo)懸浮在數(shù)字上時，出現(xiàn)一個上下按鈕，相差不大時點擊比輸入更快捷。

（4）建議添加克隆屬性工具

當(dāng)把一段文本框字體大小、行間距調(diào)整合適后，再需要輸入一段文本框和上段屬性一樣時，第一步：克隆上段文本框，第二步：雙擊進(jìn)入編輯狀態(tài)刪除上段文本內(nèi)容，ctrl+v粘貼需要的文字。

當(dāng)需要2段文本顏色一致時，第1步選擇目標(biāo)文本，第2步點擊顏色按鈕，第3步點擊吸色工具，第4步再去吸圖形顏色。

描述上面2段話，其實目的很簡單，就是需要兩個對象屬性一致時候卻需要2-3步重復(fù)的操作，一次迭代也可能有10個頁面，每個頁面多2步，那么10個頁面可能多20多個步驟。

（5）建議不要對組太多限制

同一畫板同一組內(nèi)文字可以單獨對齊，如下圖A組B組內(nèi)文字元素都可以左對齊，但是在AB組都是編組情況下，B組內(nèi)容選中無法與A組內(nèi)容進(jìn)行對齊，B組內(nèi)容選中后是鼠標(biāo)無法點擊選擇A組內(nèi)容的。編組是為了避免誤操作導(dǎo)致移動元素，目前需要取消編組對齊后再進(jìn)行編組比較繁瑣。

優(yōu)化建議：

和畫板一樣放開對組的限制，不同組操作不受限制，用戶任意操作。

4. 缺失切換到選擇工具快捷鍵（V)

作為協(xié)助工具，快捷鍵和常用的設(shè)計軟件非常相似，可以看出產(chǎn)品期望減少學(xué)習(xí)成本，但是卻沒有選擇工具快捷鍵。我一直以為是自己沒找到，因為和PS相似度達(dá)到80%并且使用高頻的鍵不可能沒有，詢問相關(guān)人員后得知沒有這個快捷鍵，需要按右上角esc鍵。當(dāng)然這個鍵是系統(tǒng)的并不是這個產(chǎn)品本身的，所以這個鍵不在手指工作范圍內(nèi)。

優(yōu)化建議：

在減少用戶學(xué)習(xí)成本的目標(biāo)下，盡可能全提供高頻使用快捷鍵，提高RP操作效率。

5. 描邊易誤解

摹客描邊小方塊實色的那一邊表示去掉那側(cè)描邊，所見即所得和用戶平常理解的不一致，可能會產(chǎn)生誤解。常規(guī)實色的那一邊表示可以上色，例如谷歌文檔右描邊指可以在表格右邊描邊。

三、總結(jié)

設(shè)計師要有發(fā)現(xiàn)美的眼睛，美不僅是視覺，還有好的體驗流程。不要讓用戶思考和停頓，這是每個產(chǎn)品設(shè)計師所追求的。以上僅是我使用摹客的記錄產(chǎn)品細(xì)節(jié)，可能摹客團(tuán)隊有其他我不了解的想法和用意，歡迎探討。

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