工業(yè)軟件的產(chǎn)品設(shè)計(jì)——從選擇功能談起
本篇文章將從選擇功能看工業(yè)軟件設(shè)計(jì)的不同設(shè)計(jì)思路,幫助讀者了解3D設(shè)計(jì)和2D設(shè)計(jì)的異同,能給產(chǎn)品設(shè)計(jì)的伙伴們提供一些思路,希望能對(duì)你有所幫助。
工業(yè)軟件的功能十分龐雜繁復(fù),且與業(yè)務(wù)強(qiáng)關(guān)聯(lián),如果針對(duì)某一個(gè)產(chǎn)品做大而全的分析,容易陷入廣而不深、泛泛而談的境地。
因此,筆者選擇將所有工業(yè)軟件中都具備的一個(gè)基礎(chǔ)功能——選擇功能,作為切入點(diǎn),對(duì)一些常見的工業(yè)軟件進(jìn)行對(duì)比,看看CAD/CAE/CAM等CAX軟件分支的設(shè)計(jì)思路有何不同,3D設(shè)計(jì)和2D設(shè)計(jì)的異同有哪些,不同廠家的產(chǎn)品設(shè)計(jì)又有哪些差異。
本篇筆者基于交互設(shè)計(jì)圣經(jīng)《About Face:交互設(shè)計(jì)精髓》中對(duì)選擇功能的描述對(duì)選擇功能進(jìn)行簡要分析,后續(xù)會(huì)針對(duì)不同的軟件做實(shí)際調(diào)查分析。
一、談?wù)勥x擇功能
3D場(chǎng)景里的選擇(拾?。┎僮鳎荂AX軟件里上層應(yīng)用的一個(gè)基本交互功能,是其他功能施加的起點(diǎn)。
首先,先看看《About Face:交互設(shè)計(jì)精髓》中是如何描述選擇功能的:
“選取某個(gè)對(duì)象或控件的操作,被稱為選擇(selection)。它是個(gè)簡單的習(xí)慣用法,鼠標(biāo)點(diǎn)指再單擊該對(duì)象就完成了該操作(當(dāng)然,也可以通過其他方式來完成,例如鍵盤或其他按鈕等)。選擇是其他復(fù)雜交互動(dòng)作的基礎(chǔ)。用戶選取了某個(gè)對(duì)象后便可以對(duì)該對(duì)象進(jìn)行操作。這一系列動(dòng)作發(fā)生的序列可簡稱為對(duì)象-動(dòng)詞次序(object verb ordering)。”
About Face中的描述并無特指2D還是3D,因此在大多數(shù)情況下,無論是word中的文本對(duì)象、PS中的圖形對(duì)象,還是CAX軟件中的3D對(duì)象,其選擇功能的設(shè)計(jì)思路都是類似的,只是在由維度不同引起的特殊情況下會(huì)有針對(duì)性的功能設(shè)計(jì)。
二、命令次序與選擇:動(dòng)詞-對(duì)象 or 對(duì)象-動(dòng)詞
通常我們描述一個(gè)動(dòng)作或命令,例如“吃飯”、“設(shè)置模型顏色”、“旋轉(zhuǎn)這個(gè)門把手”時(shí),會(huì)包括一個(gè)描述動(dòng)作的動(dòng)詞,以及一個(gè)被執(zhí)行動(dòng)作的對(duì)象。
在我們平時(shí)說話時(shí),通常是先說動(dòng)詞再說對(duì)象,偶爾也會(huì)先說對(duì)象再說動(dòng)詞,例如“那個(gè)球,扔給我!”
在設(shè)計(jì)軟件界面的交互動(dòng)作時(shí),也基于這兩種思路來表達(dá)命令:
- 可以先指定動(dòng)詞,然后對(duì)象。
- 或者相反次序,先指定對(duì)象,然后動(dòng)作。
通常分別稱之為“動(dòng)詞-對(duì)象次序”和“對(duì)象-動(dòng)詞次序”。
熟悉命令行系統(tǒng)的讀者會(huì)知道,命令行的操作,通常按照“動(dòng)詞-對(duì)象”次序執(zhí)行命令,這符合語言邏輯。
而在圖形界面中,動(dòng)詞-對(duì)象次序的邏輯就會(huì)暴露出來一些問題。
例如,我們想在文件夾中刪除幾個(gè)文件,如果是動(dòng)詞-對(duì)象次序,那么用戶需要先選擇刪除功能,系統(tǒng)進(jìn)入了刪除狀態(tài),用戶再選擇想要要?jiǎng)h除的文件。但是一定要提前想好要?jiǎng)h除的文件是哪些,不然如果有漏網(wǎng)之魚,一會(huì)還要再進(jìn)入刪除狀態(tài)來一次同樣的操作,這非常不自然并且需要用戶提前思考。
這就像一個(gè)想把在客廳看電視的孩子們叫到臥室睡覺的母親,如果是“動(dòng)詞-對(duì)象”次序,相當(dāng)于這個(gè)母親自己先進(jìn)入臥室,把孩子們一個(gè)一個(gè)叫進(jìn)來。
如果孩子很多,這位母親以為自己已經(jīng)把孩子們都叫進(jìn)來了,然后走出房間才發(fā)現(xiàn)還有孩子在客廳,然后要再次走進(jìn)房間叫他們進(jìn)屋睡覺;或者被叫進(jìn)來的某個(gè)孩子要去上廁所,那這個(gè)母親需要等他上完廁所再叫他回來。
而如果是“對(duì)象-動(dòng)詞”次序,則是這位母親身處客廳,把客廳的孩子們一個(gè)個(gè)攆回臥室里,可以如果有要上廁所的,那就等他上完出來再叫他回臥室,這位母親就不用自己反復(fù)的進(jìn)出臥室了。
回到刪除文件的例子,如果換成對(duì)象-動(dòng)詞次序呢?
那就是我們平時(shí)經(jīng)常用的操作了,按住Ctrl+單擊選中多個(gè)文件,然后刪除,刪完發(fā)現(xiàn)還有沒刪除的。那好,再按住ctrl單擊刪除一次,不用提前考慮,大大減少了用戶的認(rèn)知負(fù)擔(dān)。
三、離散選擇和連續(xù)選擇
在《About Face:交互設(shè)計(jì)精髓》中,作者提出了離散選擇和連續(xù)選擇的概念。
離散和連續(xù),就是看對(duì)象數(shù)據(jù)間是否有關(guān)聯(lián)關(guān)系。
對(duì)象間可以獨(dú)立的被選擇,被稱為離散數(shù)據(jù),針對(duì)他們的選擇稱為離散選擇。例如桌面上的圖標(biāo)、PPT里不同的形狀。
對(duì)于由成百上千個(gè)相似的小對(duì)象組成的連貫整體,這種稱為連續(xù)數(shù)據(jù),對(duì)其執(zhí)行的選擇常以連續(xù)分組的方式進(jìn)行選擇,稱為連續(xù)選擇。例如Word中的文本、Excel中的單元格。
連續(xù)選擇和離散選擇都支持單選和框選,但二者仍存在差異。
例如word中,文本都有自然次序,如果把字的順序打亂就破壞了文章含義。因此在word中選擇文本時(shí),通常不會(huì)隨機(jī)零散的選擇,盡管理論上也可以進(jìn)行離散的選擇,比如選擇幾個(gè)不連續(xù)的段落,但是這類選擇為用戶帶來的麻煩,超過了任務(wù)本身的價(jià)值。
另一方面,離散數(shù)據(jù)沒有內(nèi)在次序,比如文件夾中零散的文件。當(dāng)然,用戶有時(shí)也會(huì)按照一定原則來進(jìn)行連續(xù)選擇,比如按時(shí)間順序排列文件,選擇那些較為久遠(yuǎn)的文件。
在某些情況下,用戶會(huì)對(duì)挨在一起的對(duì)象執(zhí)行連續(xù)選擇,也可能希望選擇單個(gè)對(duì)象。
因此兩種選擇并非完全孤立的,通常是你中有我我中有你,但是會(huì)根據(jù)對(duì)象的不同有所側(cè)重。
四、互斥
通常,當(dāng)做出一個(gè)選擇后,以前任何選擇都作廢了,這種行為稱為互斥。也就是一個(gè)選擇排斥另一個(gè)選擇。
比如,PPT中用戶單擊一個(gè)方塊,方塊被選中,但是當(dāng)用戶點(diǎn)擊另一個(gè)圓形對(duì)象時(shí),方塊的選中狀態(tài)就取消了。
互斥對(duì)離散選擇和連續(xù)選擇都適用。
某些離散系統(tǒng)還允許第二次單擊所選對(duì)象來取消選擇。這可能導(dǎo)致一種奇怪的情況:根本沒有選中,并且沒有插入點(diǎn)。
產(chǎn)品經(jīng)理需要判斷這種情況對(duì)產(chǎn)品是否合適。
五、添加選擇
如果在離散選擇時(shí)關(guān)閉互斥,用戶可以連續(xù)單擊對(duì)象來選擇多個(gè)獨(dú)立對(duì)象,稱之為添加選擇(additive selection)。
例如,列表框可以允許用戶隨心所欲地做出多項(xiàng)選擇,并在第二次單擊時(shí)取消選擇。
多數(shù)離散選擇系統(tǒng)默認(rèn)情況下采用互斥機(jī)制,只有使用元鍵時(shí)才允許添加選擇,Shift 最常用,Ctrl 其次。
例如在畫圖程序中,單擊選擇一個(gè)圖形對(duì)象后,你可以用 Shift 元鍵加單擊,在你的選擇中增加其他對(duì)象。
連續(xù)選擇系統(tǒng)通常不允許添加選擇(至少缺乏總體視圖來對(duì)添加選擇進(jìn)行管理),但連續(xù)選擇界面可以對(duì)選擇方式加以擴(kuò)展,這里元鍵再一次發(fā)揮作用。
在 Word 軟件中,先選擇第一個(gè)對(duì)象后,對(duì)第二個(gè)對(duì)象按住 Sifit 鍵進(jìn)行單擊,可以選擇第一個(gè)對(duì)象和第二個(gè)對(duì)象之間的所有內(nèi)容。
某些列表框以及 Windows 的文件視圖(兩者都是離散數(shù)據(jù)的例子)中的添加選擇則有點(diǎn)奇怪。它們用 Ctrl 鍵實(shí)現(xiàn)“正常”的離散添加選擇,但又用 Shift鍵來“擴(kuò)展”選擇,仿佛它們是連續(xù)的數(shù)據(jù),而不是離散的。
六、成組選擇
單擊和拖動(dòng)(click-and-drag)操作,也是成組選擇的基礎(chǔ)。對(duì)于連續(xù)數(shù)據(jù),它意味著從鼠標(biāo)按下到鼠標(biāo)釋放都屬于“擴(kuò)展選擇”。
這也可通過元鍵調(diào)整,例如在 Word 中 Ctrl+單擊選擇一個(gè)完整的句子,那么Ctrl+拖動(dòng)就可以逐句選擇。獨(dú)占式應(yīng)用程序應(yīng)該使用這些合適的變體來豐富它們的交互。
只要這些變體的操作簡單,經(jīng)驗(yàn)豐富的用戶最終會(huì)記住和使用它們。
在離散對(duì)象的集合中,單擊并拖動(dòng)的操作通常會(huì)觸發(fā)一個(gè)拖放移動(dòng)(drag-and-drop-move)動(dòng)作。如果鼠標(biāo)按鍵是在兩個(gè)對(duì)象之間單擊,而不是在任何一個(gè)特定對(duì)象上,就有一種特殊的含義。
七、選擇的視覺提示
必須清晰、醒目地向用戶指出選中的對(duì)象。選中狀態(tài)在擁擠的屏幕上必須容易辨認(rèn)、清晰,并且不能使對(duì)象通常可見的細(xì)節(jié)變得模糊。
通常在3D軟件中被選中對(duì)象都會(huì)高亮顯示,2D軟件如PS、PPT等會(huì)給被選中的圖形加邊框突出顯示。
八、3D對(duì)象的選取問題
3D對(duì)象的選擇操作絕大多數(shù)與2D類似,都包括單選、框選等操作,但是由于多了一個(gè)維度,3D對(duì)象之間會(huì)有遮擋關(guān)系。
如果某個(gè)零部件處于大裝配體的內(nèi)部,無論如何旋轉(zhuǎn)用戶在外部都是看不到的時(shí)候,用戶該如何選中它?
選中無法看到的內(nèi)部零件有兩種路徑,一種是不在3D場(chǎng)景中選擇,而是通過其他已知信息來檢索和選擇,另一種是在3D場(chǎng)景中將內(nèi)部零件暴露出來,從而進(jìn)行選擇。
先看第一種,不在3D場(chǎng)景中選擇的方法:
在模型樹中根據(jù)名稱找到該物體的節(jié)點(diǎn),選中。通過檢索ID或者其他屬性來選中該對(duì)象。
另一種,在3D場(chǎng)景中選擇的方法:
- 通過剖切功能暴露選擇物體。
- 改變外部模型透明度,顯示內(nèi)部零件
- 隱藏外部零部件,暴露內(nèi)部。
- 通過爆炸圖暴露內(nèi)部零件。
- 通過鼠標(biāo)點(diǎn)擊位置觸發(fā)關(guān)聯(lián)菜單,提供可以選擇對(duì)象列表。
- Creo中的做法,右鍵單擊物體,每單擊一次選擇下一個(gè)對(duì)象。
九、直接操作與間接操作
- 間接操作:有的軟件將選擇/拖動(dòng)/移動(dòng)等功能置于不同的模態(tài),在工具欄中有相應(yīng)的按鈕,點(diǎn)擊后才可以進(jìn)行對(duì)應(yīng)操作。
- 直接操作:當(dāng)然絕大多數(shù)CAX軟件,直接依靠鼠標(biāo)左鍵右鍵滾輪分配不同的功能。例如,左鍵是選擇,滾輪是縮放和平移視角,右鍵是旋轉(zhuǎn)視角或者彈出右鍵菜單,打開界面直接就可以操作。
本文由 @石寒 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Unsplash,基于CC0協(xié)議。
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
- 目前還沒評(píng)論,等你發(fā)揮!