【摹客RP測(cè)評(píng)大賽優(yōu)秀作品】產(chǎn)品評(píng)測(cè)——對(duì)摹客RP交互設(shè)計(jì)的體驗(yàn)與建議

10 評(píng)論 3902 瀏覽 5 收藏 45 分鐘

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

原型設(shè)計(jì)工具是很多交互設(shè)計(jì)師以及產(chǎn)品經(jīng)理都會(huì)使用到的,國(guó)產(chǎn)原型工具越來(lái)越多,給了用戶許多選擇,而真正滿足用戶需求的原型設(shè)計(jì)軟件,才是為大家所選擇的。作者就摹客RP進(jìn)行評(píng)測(cè),結(jié)合實(shí)際工作案例,將蘇寧智慧屏OS系統(tǒng)中的“自定義頻道”功能作為測(cè)試案例,從交互設(shè)計(jì)的角度對(duì)產(chǎn)品進(jìn)行體驗(yàn)測(cè)評(píng)。

一、產(chǎn)品評(píng)測(cè)簡(jiǎn)介

原型設(shè)計(jì)軟件是設(shè)計(jì)師、產(chǎn)品經(jīng)理使用頻率很高的工具,最早期的軟件是Axure,它因?yàn)檩p量化,功能豐富的特點(diǎn)也一直很受大家追捧,但作為一款國(guó)外開發(fā)的軟件,卻也有很多局限性,比如使用者權(quán)限,團(tuán)隊(duì)協(xié)作、購(gòu)買價(jià)格等,正是由于這些因素,讓國(guó)內(nèi)很多公司看到了這塊市場(chǎng),紛紛入局,開發(fā)相關(guān)的軟件去競(jìng)標(biāo)Axure;從早期的藍(lán)湖到現(xiàn)如今的各大品牌的原型設(shè)計(jì)軟件,給了項(xiàng)目設(shè)計(jì)人員更多的選擇,大大提高的團(tuán)隊(duì)協(xié)作效率。

1. 測(cè)試背景

目前我們公司設(shè)計(jì)團(tuán)隊(duì)使用的原型設(shè)計(jì)工具就是Axure,在實(shí)際項(xiàng)目中,團(tuán)隊(duì)交互原型的呈現(xiàn)效果很差,統(tǒng)一性不強(qiáng),組件的復(fù)用、新增、修改等同步的效率很低。原型設(shè)計(jì)樣式和規(guī)范五花八門,給閱讀的人員造成很多不便,盡管團(tuán)隊(duì)在每個(gè)版本結(jié)束之后都會(huì)對(duì)原型設(shè)計(jì)的規(guī)范進(jìn)行匯總和要求,但是設(shè)計(jì)師在進(jìn)行原型設(shè)計(jì)時(shí),都習(xí)慣了一遍做原型,一遍去比對(duì)熟悉規(guī)范,都是獨(dú)自去審查,大大影響了原型設(shè)計(jì)的統(tǒng)一性;

項(xiàng)目組的設(shè)計(jì)人員負(fù)責(zé)的模塊都比較獨(dú)立,繪制原型頁(yè)面過(guò)程中,無(wú)法實(shí)時(shí)同步去協(xié)作,繪制結(jié)束后還需要保存源文件或者導(dǎo)出html分享給項(xiàng)目組人員,導(dǎo)致Axure的共享協(xié)作成本變得非常高。

2. 測(cè)試目的

項(xiàng)目團(tuán)隊(duì)想通過(guò)引入國(guó)內(nèi)原型設(shè)計(jì)工具來(lái)替代Axure,幫助團(tuán)隊(duì)更加高效地進(jìn)行項(xiàng)目項(xiàng)協(xié)作,剛好應(yīng)邀參加「摹客與人人都是產(chǎn)品經(jīng)理」聯(lián)合舉辦的關(guān)于“摹客RP評(píng)測(cè)文章”的比賽。

所以就想著通過(guò)評(píng)測(cè)這款產(chǎn)品是否在團(tuán)隊(duì)中使用和推廣,以及通過(guò)使用體驗(yàn)提出一些建議,希望自己的拙見和思考能夠?qū)δ】蚏P的產(chǎn)品設(shè)計(jì)能有一些幫助。本篇文章通過(guò)實(shí)際工作中的項(xiàng)目,蘇寧智慧屏OS系統(tǒng)中的“自定義頻道”功能作為測(cè)試案例,從交互設(shè)計(jì)的角度對(duì)產(chǎn)品進(jìn)行體驗(yàn)測(cè)評(píng)。

3. 測(cè)試環(huán)境

測(cè)試設(shè)備:Macbook pro 2019

測(cè)試產(chǎn)品:摹客RP網(wǎng)頁(yè)端、客戶端

測(cè)試形式:以實(shí)際工作項(xiàng)目為例,對(duì)摹客RP的產(chǎn)品功能使用和交互操作進(jìn)行體驗(yàn)評(píng)測(cè)

測(cè)試用時(shí):四周

4. 測(cè)試大綱

測(cè)試主要從以下三方面進(jìn)行:產(chǎn)品的設(shè)計(jì)框架、產(chǎn)品使用的操作流程、產(chǎn)品的設(shè)計(jì)組件;框架是產(chǎn)品最底層的基礎(chǔ)部分,好的框架會(huì)讓用戶一目了然,比如他的功能是有哪些,功能信息怎么去布局的,信息的層次感有沒很有分明,這些都能有效率的讓用戶閱讀和使用產(chǎn)品;操作交互是能讓用戶對(duì)產(chǎn)品體驗(yàn)更直觀,如在某一功能的使用流程中,用起來(lái)方不方便,交互方式的操作是否順暢,設(shè)計(jì)和組件設(shè)計(jì)決定和產(chǎn)品的“顏值”,設(shè)計(jì)原則、模式和合理的組件使用能提升產(chǎn)品的價(jià)值和表現(xiàn)力,所以本次的測(cè)試大綱如下:

  • 框架:功能、設(shè)計(jì)布局、信息層次
  • 操作:使用流程目標(biāo)、主要任務(wù)
  • 設(shè)計(jì)和組件:原則、模式、組件樣式

二、角度1:設(shè)計(jì)框架

第一個(gè)角度主要是從設(shè)計(jì)框架來(lái)進(jìn)行體驗(yàn),主要包括產(chǎn)品的功能結(jié)構(gòu)、布局的信息層次;兩端主頁(yè)面的框架設(shè)計(jì)基本是保持一致的,均是左右結(jié)構(gòu),但還是有很多差異化的細(xì)節(jié)設(shè)計(jì);

1. 控制臺(tái)頁(yè)面

網(wǎng)頁(yè)端拆解圖:

客戶端拆解圖:

(1)左邊區(qū)域?qū)Ρ?/strong>

對(duì)比可以看出網(wǎng)頁(yè)端的側(cè)邊欄信息更多,有l(wèi)ogo,有相關(guān)聯(lián)的工具鏈接,導(dǎo)航菜單類別多達(dá)7個(gè),而客戶端側(cè)邊欄功能比較簡(jiǎn)化,只有用戶信息和導(dǎo)航菜單,且導(dǎo)航菜單只有5個(gè)。

(2)右邊區(qū)域?qū)Ρ?/strong>

在內(nèi)容區(qū)上,網(wǎng)頁(yè)端和客戶端的框架是保持一致的,都是頂-中-底三層:

  1. 頂層:網(wǎng)頁(yè)端菜單標(biāo)題下方會(huì)展示詳細(xì)的項(xiàng)目和項(xiàng)目集數(shù)量信息,客戶端僅展示標(biāo)題;
  2. 中層:展示常用功能,如新建項(xiàng)目或項(xiàng)目集、搜索功能,樣式和布局基本保持一致;
  3. 底層:網(wǎng)頁(yè)端項(xiàng)目或者項(xiàng)目集支持多種展示方式,且可以通過(guò)篩選條件進(jìn)行查找,客戶端僅支持列表展示,不支持篩選條件查找。

2. 原型設(shè)計(jì)頁(yè)面

原型設(shè)計(jì)頁(yè)面和Axure的頁(yè)面相似度很高,大致可以拆分成四大部分:標(biāo)題和工具欄,左邊功能區(qū)分上下兩層,可以上下收縮拉伸,中間是原型設(shè)計(jì)區(qū)域,右邊設(shè)置面板區(qū)主要屬性、交互、備注三個(gè)主要功能。頁(yè)面的布局符合設(shè)計(jì)師使用習(xí)慣,理解成本很低;網(wǎng)頁(yè)端和客戶端的也是統(tǒng)一的。

3. 體驗(yàn)小結(jié)

整體來(lái)說(shuō),兩端的控制臺(tái)主頁(yè)面滿足了設(shè)計(jì)師基本的使用需求,布局中規(guī)中矩,但兩端細(xì)節(jié)差異還是有很多的,雖然是不影響用戶正常使用,但在實(shí)際操作中,設(shè)計(jì)師需要花很多時(shí)間來(lái)適應(yīng)兩端頁(yè)面和操作的差異,所以在產(chǎn)品評(píng)測(cè)過(guò)程中一直疑慮:同一套信息和內(nèi)容,為什么要做兩套控制臺(tái)頁(yè)面樣式來(lái)增加設(shè)計(jì)師的學(xué)習(xí)和使用成本呢?信息內(nèi)容布局的差異化會(huì)影響設(shè)計(jì)師能否快速熟悉功能,操作的差異化會(huì)影響設(shè)計(jì)師的體驗(yàn)感。

為了驗(yàn)證統(tǒng)一性的重要性,我找了市面上主流的設(shè)計(jì)工具做了對(duì)比,如下圖,在多端統(tǒng)一性上(忽略極小的差異化細(xì)節(jié)),他們的共有率達(dá)到了100%,所以足以證明這些產(chǎn)品對(duì)統(tǒng)一性的重視程度。

關(guān)于操作臺(tái)頁(yè)面統(tǒng)一性的優(yōu)化方案如下所示:

優(yōu)化點(diǎn)1:兩端的主頁(yè)面?zhèn)冗厵诘男畔⒖蚣芸梢员3忠恢?,首先是logo、用戶賬號(hào)信息的位置;其次是導(dǎo)航菜單的數(shù)量,可以讓用戶在兩端之間切換使用時(shí),通過(guò)統(tǒng)一性加強(qiáng)用戶對(duì)界面的理解

優(yōu)化點(diǎn)2:兩端的右邊操作區(qū)域針對(duì)項(xiàng)目和項(xiàng)目集的管理和篩選,展示方式的多樣性應(yīng)該保持同步,包括配置篩選條件也可以同步;

優(yōu)化點(diǎn)3:兩端關(guān)于全部菜單的功能框架的設(shè)計(jì),可以在多級(jí)菜單(全部>項(xiàng)目集1>項(xiàng)目集2)和一級(jí)菜單(全部)中二選一,復(fù)用一種設(shè)計(jì)樣式,降低開發(fā)成本;

優(yōu)化點(diǎn)4:兩端關(guān)于“設(shè)計(jì)團(tuán)隊(duì)的切換”的設(shè)計(jì),網(wǎng)頁(yè)端點(diǎn)擊團(tuán)隊(duì)名稱出下拉菜單,進(jìn)行團(tuán)隊(duì)切換,客戶端點(diǎn)擊側(cè)邊欄的用戶名,出現(xiàn)次聯(lián)菜單,再找到團(tuán)隊(duì)切換列表,兩端可以在組件使用和入口方式的設(shè)計(jì)上統(tǒng)一,保證信息內(nèi)容、位置的統(tǒng)一性的前提下,使用可復(fù)用的設(shè)計(jì)樣式,降低開發(fā)成本。

原型設(shè)計(jì)頁(yè)面,功能很全面,使用起來(lái)很便捷,整理了如下優(yōu)缺點(diǎn):

爽點(diǎn)1:如文字元素的屬性設(shè)置點(diǎn)非常多,英文大小寫,首航縮進(jìn)等,可設(shè)置的參數(shù)很多;

爽點(diǎn)2:支持畫板響應(yīng)式布局,選中畫板作為對(duì)象時(shí),可以在屬性面板中進(jìn)行刪除;

爽點(diǎn)3:可以創(chuàng)建項(xiàng)目資源庫(kù),包括顏色、文本、組件等設(shè)計(jì)資源,設(shè)計(jì)更加高效;

問(wèn)題點(diǎn)1:相對(duì)應(yīng)的屬性列表展開顯示后,模塊空間的沒有充分利用;如圓角這個(gè)參數(shù)可以選擇百分比的樣式,就需要另起一行;

優(yōu)化方案1:屬性面板可以保留比較常用的屬性參數(shù),新增加的參數(shù)設(shè)計(jì)如果不常用會(huì)占據(jù)空間,且在黑色色彩模式下,信息的閱讀效率會(huì)收到影響

問(wèn)題點(diǎn)2:右邊整塊屬性面板不支持自適應(yīng)拉伸,位置是固定的,如元素透明度這個(gè)參數(shù)為100%時(shí),數(shù)字也不能夠顯示全。

優(yōu)化方案2:屬性面板增加自適應(yīng)收縮,會(huì)讓頁(yè)面空間更加靈活。

三、角度2-操作流程

第二個(gè)角度主要是從相關(guān)功能的操作使用流程作為切入點(diǎn)去體驗(yàn),主要7大核心流程和14個(gè)操作小任務(wù)。

1. 新建項(xiàng)目和新建項(xiàng)目集

任務(wù)1:在控制臺(tái)頁(yè)面找到功能的入口,新建一個(gè)名為“自定義頻道”的項(xiàng)目和兩個(gè)名為“Biuos1.0”、“蘇寧智能終端”的項(xiàng)目集

客戶端操作示例:在首頁(yè)菜單,有個(gè)單獨(dú)項(xiàng)目編輯區(qū)域,可以直接點(diǎn)擊進(jìn)行命名和選擇尺寸。在其他菜單下,如果有創(chuàng)建按鈕,均可以點(diǎn)擊,頁(yè)面中間會(huì)跳出彈窗,直接對(duì)項(xiàng)目和項(xiàng)目集進(jìn)行創(chuàng)建編輯。

網(wǎng)頁(yè)端操作示例:在相關(guān)的菜單中,只要有創(chuàng)鍵按鈕,就可以進(jìn)行創(chuàng)建編輯,僅支持點(diǎn)擊按鈕-跳出彈窗的途徑。

設(shè)計(jì)爽點(diǎn)1:在客戶端,有個(gè)很大的項(xiàng)目創(chuàng)建區(qū)域,用戶可以命名,選擇尺寸,很直觀,增加了項(xiàng)目創(chuàng)建的入口;

設(shè)計(jì)爽點(diǎn)2:網(wǎng)頁(yè)端可以創(chuàng)建項(xiàng)目和項(xiàng)目集,客戶端只能創(chuàng)建項(xiàng)目,雖然沒有統(tǒng)一,但是從使用習(xí)慣的角度思考,這個(gè)設(shè)計(jì)還是非常好的,項(xiàng)目集是比項(xiàng)目要大的,根據(jù)設(shè)計(jì)師使用習(xí)慣,考慮到網(wǎng)頁(yè)端的網(wǎng)絡(luò)鏈接,大多數(shù)用戶都會(huì)下載客戶端去操作,并且當(dāng)項(xiàng)目責(zé)任人建立好項(xiàng)目集,負(fù)責(zé)相關(guān)模塊的設(shè)計(jì)師就可以專注在項(xiàng)目上,避免了亂建項(xiàng)目集,造成混亂;

體驗(yàn)問(wèn)題1:兩端的很多基礎(chǔ)導(dǎo)航菜基本都有新建項(xiàng)目或新建項(xiàng)目集按鈕,考慮到用戶在切換不同菜單時(shí),都能提供這個(gè)入口,雖然能方便用戶操作,但有一些過(guò)度引導(dǎo);

優(yōu)化方案1:減少過(guò)度設(shè)計(jì),菜單應(yīng)匹配相對(duì)應(yīng)的信息需求。例如用戶切到我的收藏菜單,需求就是去查看收藏項(xiàng)目,新建項(xiàng)目就是非必要的選擇,加上就會(huì)變的強(qiáng)行引導(dǎo);

體驗(yàn)問(wèn)題2:在創(chuàng)建項(xiàng)目時(shí),通過(guò)彈窗的方式去進(jìn)行創(chuàng)建編輯,這樣會(huì)讓操作流程變得復(fù)雜,而且彈窗中的信息優(yōu)先級(jí)不高,創(chuàng)建結(jié)束后也都可以修改;

優(yōu)化方案2:模態(tài)彈窗對(duì)用戶的干擾程度很高,創(chuàng)建項(xiàng)目應(yīng)該是比較簡(jiǎn)單的操作,不需要強(qiáng)干擾的組件去提示用戶,建議可以直接過(guò)度到原型設(shè)計(jì)界面。

2. 項(xiàng)目或項(xiàng)目集的移動(dòng)

任務(wù)2:在控制臺(tái)頁(yè)面,把項(xiàng)目“自定義頻道”移動(dòng)歸類到“Biuos1.0”的項(xiàng)目集

客戶端操作示例:項(xiàng)目和項(xiàng)目集僅有列表的展示方式,將項(xiàng)目“自定義頻道”移動(dòng)至項(xiàng)目集“Biuos1.0”時(shí),需要點(diǎn)擊項(xiàng)目中的操作按鈕,彈出操作列表,選擇移動(dòng),跳出彈窗,選擇項(xiàng)目集確認(rèn),無(wú)二次彈窗確認(rèn)。

網(wǎng)頁(yè)端操作示例:項(xiàng)目和項(xiàng)目集有列表和宮格兩種展示方式,將項(xiàng)目“自定義頻道”移動(dòng)至項(xiàng)目集“Biuos1.0”時(shí),需要點(diǎn)擊項(xiàng)目中的操作按鈕,彈出操作列表,選擇移動(dòng),跳出彈窗,選擇項(xiàng)目集確認(rèn),再?gòu)棾鰪棿岸未_認(rèn)。

體驗(yàn)問(wèn)題1:網(wǎng)頁(yè)端和客戶端移動(dòng)項(xiàng)目的過(guò)程中,第一次都需要有彈窗,選擇項(xiàng)目集分類,但下一步的操作,網(wǎng)頁(yè)端使用模態(tài)彈窗讓用戶二次確認(rèn),確認(rèn)移動(dòng)成功后有提示。客戶端成功移動(dòng)成功后,沒有提示。

優(yōu)化方案1:結(jié)合兩端的優(yōu)缺點(diǎn),首先網(wǎng)頁(yè)端避免使用確認(rèn)移動(dòng)的二次彈窗,減少操作流程,客戶端移動(dòng)成功后,增加操作提示,提升交互感知。

體驗(yàn)問(wèn)題2:項(xiàng)目或項(xiàng)目集不可以直接拖拽進(jìn)行移動(dòng)管理操作,只能通過(guò)按鈕點(diǎn)擊選擇移動(dòng)選項(xiàng)才能操作,操作比較遲緩。

優(yōu)化方案2:為移動(dòng)操作增加鼠標(biāo)拖拽功能,更加快速的進(jìn)行項(xiàng)目歸類,效率高。

3. 頁(yè)面和畫板管理

任務(wù)4:選中原型設(shè)計(jì)頁(yè)面的左邊功能區(qū)的【頁(yè)面】tab,為“自定義頻道”功能創(chuàng)建若干個(gè)頁(yè)面,隨機(jī)對(duì)頁(yè)面進(jìn)行設(shè)置操作(創(chuàng)建、重命名、移動(dòng)、復(fù)制、刪除、撤銷刪除)

操作示例:點(diǎn)擊「添加」按鈕,可以進(jìn)行頁(yè)面創(chuàng)建,選中任一頁(yè)面,右擊出現(xiàn)彈框,進(jìn)行選擇重命名、移動(dòng)、復(fù)制、刪除等操作;雙擊頁(yè)面標(biāo)題都可以進(jìn)行頁(yè)面名修改,拖拽頁(yè)面可以進(jìn)行運(yùn)動(dòng)歸類,選中頁(yè)面點(diǎn)擊設(shè)備刪除鍵,出現(xiàn)彈窗提示是否刪除。刪除后,設(shè)備無(wú)快捷鍵撤銷刪功能。

新建和復(fù)制新頁(yè)面后,新頁(yè)面變?yōu)楫?dāng)前頁(yè)面,且有背景底色,但無(wú)法使用設(shè)備刪除鍵直接進(jìn)行刪除操作,需再次點(diǎn)擊選中新頁(yè)面,讓文字變?yōu)榧儼咨?,才可以刪除文件。

體驗(yàn)問(wèn)題1:頁(yè)面刪除后沒有進(jìn)行刪除撤銷的快捷鍵“command+z”操作,“撤銷”快捷鍵是設(shè)計(jì)師最常用且依賴度很高的操作。

優(yōu)化方案1:增加“撤銷”快捷鍵的使用。

任務(wù)5:選中原型設(shè)計(jì)頁(yè)面的左邊功能區(qū)的【頁(yè)面】tab,使用回收站功能、將“某一頁(yè)面”刪除再?gòu)恼一?/strong>

操作示例:選中某一頁(yè)面,進(jìn)行刪除操作確認(rèn),點(diǎn)擊回收站按鈕,開始回收模式,找到分頁(yè)面,鼠標(biāo)懸停在頁(yè)面上,顯示恢復(fù)和刪除按鈕,點(diǎn)擊恢復(fù)按鈕,再?gòu)棿按_認(rèn),頁(yè)面恢復(fù)。退出回收站模式,才能顯示當(dāng)前所有頁(yè)面。

設(shè)計(jì)爽點(diǎn)1:增加“回收站“模式,用戶可以找回頁(yè)面,擴(kuò)大了容錯(cuò)范圍;

體驗(yàn)問(wèn)題1:回收站模式退出的按鈕樣式和工具欄的撤銷重合度高,易混淆;其次這里的回收站模式需要開始和關(guān)閉兩種狀態(tài),整個(gè)過(guò)程中需要2次點(diǎn)擊操作。

優(yōu)化方案1:回收站對(duì)應(yīng)的是頁(yè)面,單獨(dú)再加一個(gè)tab對(duì)于信息內(nèi)容切換會(huì)更便捷,省去“回收站”,模式開啟和關(guān)閉的流程。

任務(wù)6:選中原型設(shè)計(jì)頁(yè)面的左邊功能區(qū)的【頁(yè)面】tab,選擇“自定義標(biāo)簽”頁(yè)面,切換到【圖層】tab,對(duì)頁(yè)面中的“默認(rèn)狀態(tài)”畫板中的圖層進(jìn)行順序調(diào)整

操作示例:選中畫板其中一個(gè)圖層,然后移動(dòng)到另一個(gè)圖層的上方或下方,調(diào)整圖層順序,但不能進(jìn)行拖拽移動(dòng),只有置于頂層和底層的按鈕操作。

體驗(yàn)問(wèn)題1:設(shè)計(jì)師在制作原型圖時(shí),需要調(diào)整畫板中的圖層順序,置頂或置底的操作不能解決使用者調(diào)整圖層順序的效率問(wèn)題,移動(dòng)拖拽能靈活快速的給圖層排序。

優(yōu)化方案1:增加鼠標(biāo)拖拽移動(dòng)功能,讓圖層位置的移動(dòng)更加方便。

4. 項(xiàng)目原型設(shè)計(jì)制作

任務(wù)7:在“自定義標(biāo)簽”頁(yè)面編輯區(qū)進(jìn)行畫板的創(chuàng)建、設(shè)備和尺寸選擇、復(fù)制、命名、屬性設(shè)置

操作示例:工具欄中使用“添加輔助畫板”或者快捷鍵A創(chuàng)建畫板,在原型編輯區(qū)域左下角可以進(jìn)行進(jìn)行設(shè)備和尺寸選擇、使用快捷鍵command+c/v、直接雙擊畫板標(biāo)題可以進(jìn)行重命名、選中畫板后,在右側(cè)功能區(qū)域調(diào)整參數(shù)進(jìn)行屬性設(shè)置。

設(shè)計(jì)爽點(diǎn)1:可直接在視圖中雙擊畫板名稱文字,直接選中進(jìn)行修改,不用在圖層頁(yè)面找對(duì)應(yīng)頁(yè)面進(jìn)行名稱修改,圖層的空間有限,當(dāng)畫板數(shù)量超過(guò)之后,就需要上下移動(dòng)來(lái)回審查,所以這個(gè)設(shè)計(jì)細(xì)節(jié)讓操作更加聚焦,對(duì)于大批量的畫板名稱修改,很節(jié)省時(shí)間。

體驗(yàn)問(wèn)題1:畫板設(shè)備和尺寸選擇的優(yōu)先級(jí)高于畫板快捷創(chuàng)建,通過(guò)鼠標(biāo)懸停的操作方式呼出多級(jí)菜單分類,交互的可控性比較差。

優(yōu)化方案1:類比市面上其他產(chǎn)品,基本都是快捷鍵A調(diào)出設(shè)備尺寸選擇,而且大多是在屬性面板使用列表下拉的方式展示??旖萱I“A”的使用對(duì)象可以重新定義,加強(qiáng)快捷創(chuàng)建畫板的優(yōu)先級(jí),重新設(shè)計(jì)畫板設(shè)備和尺寸選擇的位置和交互出現(xiàn)方式。

體驗(yàn)問(wèn)題2:在復(fù)制畫板時(shí),不支持選中畫板后,使用“option+鼠標(biāo)鍵”快捷操作進(jìn)行復(fù)制拖拽,新畫板不能任意的拖拽到自己想要的位置。

優(yōu)化方案2:增加快捷鍵的使用。

任務(wù)8:在“自定義標(biāo)簽”頁(yè)面的畫板中利用工具繪制低保真設(shè)計(jì)稿,設(shè)置元素屬性

操作示例:選中自定義頁(yè)面,在默認(rèn)狀態(tài)的畫板中對(duì)元素文字、形狀、顏色等屬性參數(shù)進(jìn)行設(shè)置。

例1:在畫板中縮放矩形,設(shè)置面板中的寬高參數(shù)沒有變化;

例2:在屬性中將初始矩形外邊框?qū)挾戎祻摹?”變?yōu)椤?”,但頁(yè)面中元素沒有變化,仍然是1,只能在點(diǎn)擊非寬度的參數(shù)任意區(qū)域后,寬度數(shù)值的變化在頁(yè)面中才能響應(yīng);

操作示例:將圖片拖入某畫板內(nèi),圖片位置在畫版的頂部位置,當(dāng)將畫板拖去來(lái),在左邊功能區(qū)的圖層tab中,圖片還在原來(lái)畫板頂部顯示,拖動(dòng)畫版,圖片在畫版外和畫板一起移動(dòng)。

體驗(yàn)問(wèn)題1:兩個(gè)例子都是屬性面板和畫板聯(lián)動(dòng)無(wú)響應(yīng)的問(wèn)題,不管是畫板中的元素聯(lián)動(dòng)屬性面板的參數(shù),還是屬性參數(shù)聯(lián)動(dòng)畫板中的元素,都沒有實(shí)時(shí)響應(yīng)。尤其是外邊框的寬度值無(wú)法實(shí)時(shí)顯示,這就對(duì)設(shè)計(jì)的效果很難把控。

體驗(yàn)問(wèn)題2:圖片拖進(jìn)和拖出畫板時(shí),圖片圖層的歸屬不清晰。

優(yōu)化方案:這兩個(gè)槽點(diǎn)屬于產(chǎn)品的性能問(wèn)題,可針對(duì)性能這個(gè)點(diǎn),加強(qiáng)優(yōu)化。

任務(wù)9:在“自定義標(biāo)簽”頁(yè)面的畫板中查看元素與元素,元素與畫板,畫板與畫板的距離,進(jìn)行元素和畫板的距離調(diào)整

使用鼠標(biāo)和鍵盤鍵可以查看“默認(rèn)狀態(tài)”畫板中元素的間隔、與相鄰畫板的間隔,在懸停展示間距的同時(shí)去調(diào)整位置距離。

體驗(yàn)問(wèn)題1:只能查看同一個(gè)畫板中元素之間的距離,無(wú)法查看畫板之間的距離,且同畫板中不能在顯示距離間隔的狀態(tài)下,對(duì)元素位置進(jìn)行調(diào)節(jié)。

優(yōu)化方案1:增加設(shè)計(jì)優(yōu)化,完善距離相關(guān)的測(cè)量和位置移動(dòng)的操作問(wèn)題,提升設(shè)計(jì)體驗(yàn)和用戶的原型設(shè)計(jì)效率

任務(wù)10:在“流程圖”頁(yè)面中使用流程模式,為“自定義頻道”功能繪制邏輯流程圖

操作示例:在「流程圖」頁(yè)面,在工具欄中打開流程圖模式,為“自定義標(biāo)簽”功能畫一個(gè)簡(jiǎn)單的邏輯流程圖,梳理業(yè)務(wù)流轉(zhuǎn)的邏輯關(guān)系。

設(shè)計(jì)爽點(diǎn)1:產(chǎn)品內(nèi)置了很多流程圖組件,當(dāng)鼠標(biāo)獲取矩形元素的連接線端點(diǎn)后,開始移動(dòng)至松開鼠標(biāo)結(jié)束,流程組件庫(kù)彈窗會(huì)自動(dòng)出現(xiàn),可以選擇對(duì)應(yīng)的矩形組件。并且制作好摹客RP源文件可以和自帶的PRD文檔工具相關(guān)聯(lián),選擇帶有流程圖內(nèi)容的畫板,直接轉(zhuǎn)化成圖片導(dǎo)入到文檔中,這個(gè)聯(lián)動(dòng)做的相當(dāng)給力。

任務(wù)11:對(duì)“自定義頻道”功能的原型項(xiàng)目進(jìn)行保存

操作示例:當(dāng)設(shè)計(jì)結(jié)束或中斷時(shí)進(jìn)行項(xiàng)目保存時(shí),可以使用保存按鈕或者快捷鍵“command+s”對(duì)項(xiàng)目進(jìn)行保存。

體驗(yàn)問(wèn)題1:當(dāng)用戶保存后,頁(yè)面并無(wú)明顯的關(guān)于“項(xiàng)目已經(jīng)被保存或者可以實(shí)時(shí)進(jìn)行保存項(xiàng)目”的提示;

優(yōu)化方案1:首先用戶不知道的項(xiàng)目保存的時(shí)效性,可以使用“Toast”提示用戶。

5. 創(chuàng)建交互demo

任務(wù)12:為“自定義頻道”功能頁(yè)面的跳轉(zhuǎn)和設(shè)置保存創(chuàng)建頁(yè)面交互事件

操作示例:在當(dāng)前頻道有內(nèi)容的場(chǎng)景下,開啟調(diào)整模式,移動(dòng)頻道順序,再次確認(rèn)頻道,移動(dòng)跳到頻道顯示或隱藏功能區(qū)域,為頻道自定義設(shè)置創(chuàng)建交互事件,最后使用彈窗對(duì)頻道順序調(diào)整、顯示、隱藏這些操作進(jìn)行數(shù)據(jù)保存;在右邊功能區(qū)的選擇“交互”菜單點(diǎn)擊「添加交互」按鈕,對(duì)事件屬性參數(shù)進(jìn)行設(shè)置。

  1. 頁(yè)面跳轉(zhuǎn)
  2. 設(shè)置保存

設(shè)計(jì)爽點(diǎn)1:在使用Axure原型工具時(shí),通常一個(gè)頁(yè)面我們會(huì)使用文字描述主要信息和交互操作;例如,在自定義頻道設(shè)計(jì)的頁(yè)面主要就是標(biāo)題、頻道名稱以及狀態(tài)圖標(biāo),這是顯性化的信息。

對(duì)應(yīng)保存的的操作還有各種隱性信息和操作,比如設(shè)置保存的彈窗,不可操作的提示、網(wǎng)絡(luò)異常的提示等;我們會(huì)使用很多靜態(tài)頁(yè)面去描述隱形信息和操作。但摹客RP的原型工具支持的主輔畫板的模式,可直接設(shè)計(jì)交互轉(zhuǎn)場(chǎng)、提示等隱形操作,更直觀的呈現(xiàn)原型設(shè)計(jì)效果。

6. 項(xiàng)目原型設(shè)計(jì)預(yù)覽

任務(wù)13:使用播放功能或進(jìn)入摹客協(xié)作模式預(yù)覽“自定義頻道”原型設(shè)計(jì)和交互效果

操作示例:在工具欄點(diǎn)擊播放按鈕,預(yù)覽“自定義頻道”功能的原型設(shè)計(jì)和交互點(diǎn)擊效果;點(diǎn)擊發(fā)布,進(jìn)行項(xiàng)目分類,進(jìn)入慕客協(xié)作網(wǎng)頁(yè)端查看所有頁(yè)面和畫板以及交互效果。

體驗(yàn)問(wèn)題1:?jiǎn)为?dú)演示預(yù)覽時(shí),視圖窗口只展示頁(yè)面,不展示頁(yè)面內(nèi)的畫板;在慕客協(xié)作網(wǎng)頁(yè)端可以進(jìn)行查看所有內(nèi)容,當(dāng)使用網(wǎng)頁(yè)端查看畫板內(nèi)容的過(guò)程中,有多次無(wú)法快速找到「畫板」入口的場(chǎng)景,查看畫板的入口不是很容易被注意到。

優(yōu)化方案1:演示預(yù)覽狀態(tài)下,增加“查看畫板”的入口,在慕客協(xié)作的網(wǎng)頁(yè)端強(qiáng)化“查看畫板”的入口

7. 項(xiàng)目多人協(xié)作

任務(wù)14:發(fā)送項(xiàng)目或項(xiàng)目集鏈接邀請(qǐng)協(xié)作人,協(xié)作者點(diǎn)開鏈接進(jìn)入原型設(shè)計(jì)頁(yè)面

操作實(shí)例:在操控臺(tái)找到“自定義標(biāo)簽”的項(xiàng)目,點(diǎn)擊按鈕找到「成員管理」,跳出彈窗,復(fù)制鏈接,發(fā)給協(xié)作人,協(xié)作者點(diǎn)開鏈接進(jìn)入頁(yè)面協(xié)作

體驗(yàn)問(wèn)題1:項(xiàng)目管理人分享項(xiàng)目鏈接給協(xié)作者,協(xié)作者點(diǎn)擊鏈接直接進(jìn)入原型設(shè)計(jì)頁(yè)面進(jìn)行操作編輯,在網(wǎng)頁(yè)端從原型設(shè)計(jì)頁(yè)面返回到操作臺(tái)頁(yè)面后,再點(diǎn)擊項(xiàng)目,無(wú)法進(jìn)入原型設(shè)計(jì)頁(yè)面;客戶端可以正常操作。

優(yōu)化方案1:打開網(wǎng)頁(yè)端重新進(jìn)入頁(yè)面的權(quán)限,讓用戶能夠自由進(jìn)入或退出頁(yè)面。

8. 體驗(yàn)小結(jié)

這部分通過(guò)最常用的7個(gè)交互操作,建立以目標(biāo)為中心的體驗(yàn)流程,再細(xì)分出了14個(gè)操作任務(wù)對(duì)產(chǎn)品進(jìn)行體驗(yàn)說(shuō)明。操作體驗(yàn)主要聚焦在統(tǒng)一性、功能設(shè)計(jì)、交互操作效率、細(xì)節(jié)設(shè)計(jì)。首先在任務(wù)流程中體驗(yàn)到的爽點(diǎn)設(shè)計(jì),體驗(yàn)是非常不錯(cuò)的,其次是針對(duì)相關(guān)的一些設(shè)計(jì)問(wèn)題也有描述并提出自己的優(yōu)化建議。

四、角度3:設(shè)計(jì)和組件

第三個(gè)角度主要是從設(shè)計(jì)組件來(lái)進(jìn)行體驗(yàn),這部分內(nèi)容主要有如下6個(gè)體驗(yàn)點(diǎn)組成。

1. 導(dǎo)航菜單

網(wǎng)頁(yè)端和客戶端對(duì)于導(dǎo)航菜單(“全部”)組件的結(jié)構(gòu)不一致,網(wǎng)頁(yè)端的全部菜單下會(huì)展示二級(jí)菜單,客戶端沒有;兩端菜單數(shù)量都不相同;

優(yōu)化建議:導(dǎo)航菜單組件結(jié)構(gòu)和數(shù)量統(tǒng)一。

2. 圖標(biāo)

  • 網(wǎng)頁(yè)端全部菜單的圖標(biāo)和文案語(yǔ)義不匹配,一個(gè)是代表“首頁(yè)”含義的圖標(biāo),另一個(gè)文案卻使用“全部”文字。
  • 網(wǎng)頁(yè)端和客戶端的“模版例子”菜單的圖標(biāo)不一致。
  • 網(wǎng)頁(yè)端的導(dǎo)航菜單圖標(biāo)全是面性圖標(biāo);客戶端是有面性和線性圖標(biāo)兩種,首頁(yè)是面性圖標(biāo),其他全是線性圖標(biāo)。
  • 網(wǎng)頁(yè)端和客戶端的“項(xiàng)目”圖標(biāo)列表式展示狀態(tài)下的顏色和設(shè)計(jì)形式上不統(tǒng)一,其次項(xiàng)目和項(xiàng)目集的圖標(biāo)的區(qū)分不明顯。

優(yōu)化建議:兩端的頁(yè)面相同圖標(biāo)需要保持一致,包括類型,樣式,統(tǒng)一性,減少差異化,關(guān)于圖標(biāo)設(shè)計(jì)表意要傳達(dá)精準(zhǔn)一點(diǎn)。

3. 按鈕

新建項(xiàng)目和新建項(xiàng)目集是產(chǎn)品的兩個(gè)重要功能,從功能重要程度來(lái)說(shuō)應(yīng)該是要保持一致的,目前設(shè)計(jì)明顯是新建項(xiàng)目的優(yōu)先級(jí)高于新建項(xiàng)目集,雖然都是用“圖標(biāo)+文字”的按鈕樣式,但圖標(biāo)的樣式過(guò)于簡(jiǎn)單,且新建文件使用強(qiáng)提示的高亮底色,更能吸引注意力。

競(jìng)品中,如藍(lán)湖、即時(shí)設(shè)計(jì)、Figma、Pisxo的功能和摹客RP一樣都有新建文件(項(xiàng)目)和新建文件夾(項(xiàng)目集)功能,競(jìng)品基本都保持相同的設(shè)計(jì)樣式,保證功能優(yōu)先級(jí)是一樣的,僅有mastergo雖然按鈕和摹客RP一樣使用強(qiáng)提示按鈕,但它的功能框架設(shè)計(jì)和摹客RP不一樣。

它創(chuàng)建文件夾的功能放在左邊菜單的創(chuàng)建團(tuán)隊(duì)中,新建文件的按鈕和文件導(dǎo)入是獨(dú)立的,雖然設(shè)計(jì)樣式不一樣,新建按鈕也相對(duì)突出了,文件導(dǎo)入的按鈕還有動(dòng)畫效果。

優(yōu)化建議:可借鑒主流的原型工具類的設(shè)計(jì)方案,平衡功能的優(yōu)先級(jí),在圖標(biāo)設(shè)計(jì)樣式上讓功能更加形象。

4. 彈窗對(duì)話框

(1)彈窗樣式設(shè)計(jì)的統(tǒng)一性,如新建和刪除項(xiàng)目或項(xiàng)目集時(shí)的彈窗按鈕,它并不是特殊使用場(chǎng)景,都僅需要“確認(rèn)”和“取消”簡(jiǎn)單操作,但是鼠標(biāo)懸停文字按鈕上的樣式是不一樣的。一種是加淺灰底色,文字沒變化,另一種是改變字體的透明度。

(2)多次彈窗增加了操作流程,如網(wǎng)頁(yè)端項(xiàng)目移動(dòng)時(shí),會(huì)有二次彈窗確認(rèn)。

優(yōu)化建議:彈窗的按鈕設(shè)計(jì)樣式上可以保持一致,對(duì)于產(chǎn)品中的個(gè)別功能的操作,建議少用或慎用彈窗組件,縮短操作流程。

5. 文案

(1)文件界面的左邊功能區(qū)的“圖層”菜單中包含畫板和圖層信息,這個(gè)標(biāo)題名稱和內(nèi)容不對(duì)應(yīng),表述不精準(zhǔn)。

(2)頁(yè)面刪除的彈窗提示文案沒有給出完整且能防錯(cuò)的的提示,彈窗只提示是否刪除當(dāng)前頁(yè)面,并沒有提示用戶如何找回和被刪除文件的去向。

如下例子為操控臺(tái)項(xiàng)目刪除和原型設(shè)計(jì)的頁(yè)面刪除:項(xiàng)目刪除的文案:“確定將此次項(xiàng)目加入回收站”,頁(yè)面刪除的文案:“確定要?jiǎng)h除當(dāng)前頁(yè)面嗎?”

(3)新建項(xiàng)目和新建項(xiàng)目集兩個(gè)按鈕的文案表意不精準(zhǔn),改為“文件和文件夾”,這樣的表述更簡(jiǎn)單明了。

(4)導(dǎo)航收藏菜單名稱不一致,網(wǎng)頁(yè)端用“收藏”,客戶端用“我的收藏”,可以統(tǒng)一為“我的收藏”。

優(yōu)化建議:關(guān)于文案部分,主要包括菜單欄、圖標(biāo)、按鈕、彈窗提示文字等應(yīng)用場(chǎng)景,進(jìn)行修改完善。

6. 色彩模式

產(chǎn)品的主色調(diào)很深,沒有淺色色彩模式可以切換,同類的主流產(chǎn)品基本都是默認(rèn)淺色,如即時(shí)設(shè)計(jì)、Masetrgo、Pisxo等都以默認(rèn)淺色界面,F(xiàn)igma更是支持淺色深色切換;

優(yōu)化建議:因?yàn)橛脩魧?duì)顏色的接受和敏感度都不一樣,提供深淺色兩種顏色模式進(jìn)行切換,可以在界面色彩運(yùn)用上滿足不同使用者的需求,若不提供,建議淺色模式,白色在感官上更加干凈、整潔。

7. 體驗(yàn)小結(jié)

設(shè)計(jì)和組件主題包括6個(gè)部分,這些在產(chǎn)品評(píng)測(cè),是很容易被注意的設(shè)計(jì)點(diǎn),也是產(chǎn)品最基礎(chǔ)的組成元素;它的設(shè)計(jì)呈現(xiàn)決定了用戶的好感度,好的設(shè)計(jì)是需要通過(guò)這些元素來(lái)表達(dá)它的設(shè)計(jì)原則和理念;組件的設(shè)計(jì)和使用也是要合理和克制的;例如導(dǎo)航菜單和圖標(biāo)設(shè)計(jì)應(yīng)該在網(wǎng)頁(yè)端和客戶端保持一致;文案表述的應(yīng)該精準(zhǔn)、簡(jiǎn)單、明了;按鈕和彈窗設(shè)計(jì)也可以再克制一點(diǎn),色彩模式需要干凈簡(jiǎn)潔,最大程度的減少對(duì)用戶的干擾,提升用戶的粘性。

五、測(cè)試總結(jié)

以上就是四周產(chǎn)品測(cè)試總結(jié)分享了,這篇測(cè)評(píng)文章主要是從交互的三個(gè)角度:頁(yè)面框架、頁(yè)面操作流程、頁(yè)面組件設(shè)計(jì),通過(guò)深度使用和體驗(yàn)這款產(chǎn)品,從中提煉出一些想法和建議,這里就個(gè)人使用體驗(yàn)做出以下終結(jié)。

1. 產(chǎn)品關(guān)聯(lián)性

摹客RP這款原型設(shè)計(jì)工具與視覺、產(chǎn)品的關(guān)聯(lián)性方面設(shè)計(jì)的很好:作為一款原型設(shè)計(jì)軟件,它的功能很豐富,覆蓋了設(shè)計(jì)師做原型設(shè)計(jì)的大部分場(chǎng)景,能利用視覺思維發(fā)揮產(chǎn)品優(yōu)勢(shì),在項(xiàng)目協(xié)作,橫向和產(chǎn)品相關(guān)的工作內(nèi)容進(jìn)行關(guān)聯(lián)。

  • 在設(shè)計(jì)上,這點(diǎn)主要體現(xiàn)它可以像頁(yè)面視覺設(shè)計(jì)一樣創(chuàng)立組件庫(kù)(文本、顏色、組件),團(tuán)隊(duì)可以組件共享,大大的提升的高保真設(shè)計(jì)原型的設(shè)計(jì)協(xié)同效率;
  • 在產(chǎn)品上,可以和,摹客PRD文檔工具進(jìn)行關(guān)聯(lián)能夠?qū)隦P源文件進(jìn)行資源利用。

2. 功能設(shè)計(jì)

  • 超預(yù)期的功能:開啟流程圖模式,產(chǎn)品內(nèi)置了很多流程圖組件,選擇組件的設(shè)計(jì)方式非常的超預(yù)期,使用起來(lái)很便捷,操作更順暢,流程圖還可以直接導(dǎo)入到摹客PRD文檔工具中。
  • 實(shí)用性的功能:主頁(yè)面中的回收站菜單和原型設(shè)計(jì)頁(yè)面左邊的回收站模式,回收站設(shè)計(jì)的本質(zhì)是幫用戶避免誤操作,挽回?fù)p失;不管是在操控臺(tái)的找回項(xiàng)目或者項(xiàng)目集,還是在原型設(shè)計(jì)頁(yè)面對(duì)頁(yè)面進(jìn)行找回的使用場(chǎng)景中,回收站這個(gè)功能和模式設(shè)計(jì)都能很好的容錯(cuò);
  • 過(guò)度設(shè)計(jì)的功能:例如兩端的操控臺(tái)主頁(yè)面,很多基礎(chǔ)導(dǎo)航菜單都有重復(fù)的新建項(xiàng)目和項(xiàng)目集按鈕,菜單導(dǎo)航應(yīng)該有相對(duì)應(yīng)的內(nèi)容;不應(yīng)該站在“自己以為的用戶方便”的角度,去增加重復(fù)的設(shè)計(jì)。

3. 統(tǒng)一性差

這一點(diǎn)在產(chǎn)品體驗(yàn)中感覺是十分明顯的,設(shè)計(jì)工具軟件,基本都有網(wǎng)頁(yè)端和客戶端的,控制臺(tái)頁(yè)面都不會(huì)進(jìn)行差異化設(shè)計(jì),所以當(dāng)?shù)谝淮卧诓煌舜蜷_摹客RP控制臺(tái)頁(yè)面時(shí),呈現(xiàn)出的是不一樣的內(nèi)容,我的第一印象是:有這么多不一樣的地方啊,我要花點(diǎn)時(shí)間再看看對(duì)比下?我剛才的那些操作入口在哪里?。?/p>

  • 布局:在“頁(yè)面框架”已經(jīng)有提及過(guò),包括控制臺(tái)頁(yè)面的布局,側(cè)邊菜單欄的設(shè)計(jì),項(xiàng)目和項(xiàng)目項(xiàng)目集的展示方式,客戶端都有不小的差異;
  • 操作:如項(xiàng)目移動(dòng)的操作,在網(wǎng)頁(yè)端需要二次彈窗提示,客戶端就僅需要一次提示;
  • 功能:如多人協(xié)作,網(wǎng)頁(yè)端和客戶端的功能操作邏輯也不一樣,點(diǎn)擊鏈接,網(wǎng)頁(yè)端進(jìn)入頁(yè)面再退回控制臺(tái),重進(jìn)原型設(shè)計(jì)頁(yè)面就被禁止了;客戶端可以正常操作。

4. 交互操作效率

在交互操作上產(chǎn)品要有暢通感,即操作起來(lái)夠舒服,能夠給予操作有效提示,能夠在進(jìn)行任務(wù)操作時(shí)有效率;

  • 流程和組件:控制臺(tái)移動(dòng)項(xiàng)目的交互操作應(yīng)是一個(gè)極簡(jiǎn)單的操作,但實(shí)際產(chǎn)品中使用了強(qiáng)制性的模態(tài)彈窗和2次操作彈窗進(jìn)行確認(rèn),操作步驟多且干擾程度很強(qiáng)。
  • 交互方式:產(chǎn)品有一些比較實(shí)用的交互方式?jīng)]有被應(yīng)用,如拖拽移動(dòng)的操作,在控制臺(tái)頁(yè)面項(xiàng)目和項(xiàng)目集不能拖拽歸類,在原型設(shè)計(jì)頁(yè)面中畫板中的圖層不能拖拽移動(dòng);
  • 快捷鍵:主要集中在撤銷、復(fù)制等操作;在原型設(shè)計(jì)頁(yè)面,如刪除的頁(yè)面不能使用快捷鍵“command+z”撤回,如選中畫板后,不支持使用“option+鼠標(biāo)鍵”進(jìn)行脫拖拽;如使用快捷鍵“a”畫板快捷創(chuàng)建的邏輯。

5. 細(xì)節(jié)設(shè)計(jì)

在摹客RP體驗(yàn)過(guò)程中,注意到很多設(shè)計(jì)細(xì)節(jié),有很多不錯(cuò)的地方,也有很多需要優(yōu)化完善的設(shè)計(jì)點(diǎn),如下所述;

  • 優(yōu)點(diǎn):流程圖模式中的設(shè)計(jì)操作順暢,還可以直接在畫板中雙擊修改名稱;
  • 缺點(diǎn):第一點(diǎn)產(chǎn)品文案很多地方都表述不準(zhǔn)確,彈窗在很多操作場(chǎng)景下的不合理使用;

第二點(diǎn)產(chǎn)品性能問(wèn)題,很多交互操作過(guò)度不自然,轉(zhuǎn)場(chǎng)太快,無(wú)狀態(tài)結(jié)果的反饋,操作生硬;還有原型設(shè)計(jì)畫板、元素和屬性面板參數(shù)的聯(lián)動(dòng)很差;第三點(diǎn)是項(xiàng)目原型設(shè)計(jì)中的關(guān)于元素相關(guān)的設(shè)計(jì)點(diǎn),包括圖片的圖層歸屬問(wèn)題,距離的測(cè)量等。

總的來(lái)說(shuō)摹客RP是一款比較專業(yè)且實(shí)用性很強(qiáng)的的設(shè)計(jì)協(xié)作軟件,他基本兼容了原型設(shè)計(jì)軟件“Axure”的大部分功能,也適合團(tuán)隊(duì)協(xié)作中進(jìn)行使用和推廣,但隨著市面上的競(jìng)品越來(lái)越多,后續(xù)的競(jìng)爭(zhēng)推廣也會(huì)越演越烈,所以個(gè)人認(rèn)為產(chǎn)品應(yīng)該做好以下兩點(diǎn),會(huì)增加自己產(chǎn)品的優(yōu)勢(shì);首先工具可以輕量化,注重常用功能的用戶體驗(yàn)和產(chǎn)品的性能優(yōu)化。

其次作為一款設(shè)計(jì)協(xié)作軟件,面向的是廣大設(shè)計(jì)師,產(chǎn)品細(xì)節(jié)方面的問(wèn)題特別容易被設(shè)計(jì)師捕捉。所以需要著重把控這兩點(diǎn),進(jìn)行積極的推廣助力,才好抓住設(shè)計(jì)的心!這里也祝摹客系產(chǎn)品能越做越好!

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

本文由 @Q什伍 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來(lái)自 Unsplash,基于CC0協(xié)議。

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 看問(wèn)題的廣度與深度,還有寫作結(jié)構(gòu)都學(xué)習(xí)了。感覺自己的優(yōu)秀作品獎(jiǎng)是靠運(yùn)氣得來(lái)的???♂?,向大佬學(xué)習(xí)。

    來(lái)自上海 回復(fù)
    1. 你太謙虛了哈哈哈,互相學(xué)習(xí)哈

      來(lái)自上海 回復(fù)
  2. 大佬,怎么搜不到你的公眾號(hào)呀?

    來(lái)自北京 回復(fù)
    1. 公眾號(hào)搜“說(shuō)說(shuō)體驗(yàn)設(shè)計(jì)”哦!

      來(lái)自上海 回復(fù)
  3. 厲害厲害,恭喜兄弟!

    來(lái)自湖北 回復(fù)
    1. 謝謝,繼續(xù)加油哈哈哈!

      來(lái)自上海 回復(fù)
  4. 很清晰的分析框架,菜雞看完都流淚(╥╯^╰╥)

    來(lái)自河南 回復(fù)
    1. 互相學(xué)習(xí)哈!加油加油!

      來(lái)自上海 回復(fù)
  5. 終于看到一等獎(jiǎng)的文章,respect大佬

    來(lái)自廣東 回復(fù)
    1. 感謝感謝!

      來(lái)自上海 回復(fù)