#本文為2022摹客RP原型工具測(cè)評(píng)大賽優(yōu)秀獎(jiǎng)作品

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

前言

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

一、優(yōu)點(diǎn)

1. 不受限制

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

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

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

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

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

（1）線上點(diǎn)評(píng)

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

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

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

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

4. 更有溫度的平臺(tái)

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

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

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

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

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

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

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

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

二、缺點(diǎn)

1. 項(xiàng)目封面不可自定義

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

優(yōu)化建議：

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

2. 關(guān)于畫板

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

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

優(yōu)化建議：

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

（2）不同畫板元素不可同時(shí)選中對(duì)齊

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

優(yōu)化建議：

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

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

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

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

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

優(yōu)化建議：

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

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

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

優(yōu)化建議：

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

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

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

優(yōu)化建議：

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

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

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

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

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

（5）建議不要對(duì)組太多限制

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

優(yōu)化建議：

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

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

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

優(yōu)化建議：

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

5. 描邊易誤解

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

三、總結(jié)

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

本文為2022摹客RP原型工具測(cè)評(píng)大賽的測(cè)評(píng)文章，如對(duì)摹客RP感興趣可點(diǎn)擊體驗(yàn)鏈接：https://www.mockplus.cn/rp-event/?hmsr=woshipmliaosiqi