工具快捷鍵設(shè)計(jì)指南

0 評(píng)論 247 瀏覽 0 收藏 16 分鐘

在PC、軟件類產(chǎn)品中,快捷鍵、快捷命令設(shè)置是一個(gè)常見的操作。這篇文章,作者系統(tǒng)梳理了快捷鍵的設(shè)計(jì),供大家參考學(xué)習(xí)。

在如今的工作環(huán)境中,我們都追求能夠高效便捷地完成操作和任務(wù)。那么「快捷鍵」大概就是大家最熟悉也最常用的一種提效手段,尤其是作為設(shè)計(jì)師的我們,無論是在PS、Figma、Sketch等設(shè)計(jì)工具中,還是Word、PPT、Excel辦公軟件中,快捷鍵的設(shè)計(jì)和使用都直接影響著我們的使用體驗(yàn)和工作效率,減少頻繁的鼠標(biāo)點(diǎn)擊,提升操作流暢度。

而酷家樂作為一款3D設(shè)計(jì)工具,快捷鍵也是必不可少的部分。年初在走訪用戶時(shí)發(fā)現(xiàn),深度用戶對(duì)于快捷鍵能力有著更高訴求,同時(shí)酷家樂內(nèi)部對(duì)于快捷鍵的設(shè)計(jì)缺少規(guī)范和治理,因此上半年對(duì)酷家樂的快捷鍵能力進(jìn)行升級(jí)。本文章將系統(tǒng)性探討和分享如何設(shè)計(jì)和制定工具產(chǎn)品中的快捷鍵。

一、快捷鍵的類型

在講述如何設(shè)計(jì)快捷鍵之前,先來了解一些快捷鍵的類型。從廣義上來講,常見的快捷鍵類型可以分為「快捷鍵」和「快捷命令」。

快捷鍵(Keyboard Shortcuts):快捷鍵是指用戶通過按下特定的鍵組合即可激活功能,一般是單個(gè)字母,例如L-繪制直線,或者是組合鍵,例如Ctrl+C-復(fù)制。通常我們熟知并且使用的都是這類快捷鍵。

快捷命令(Shortcut Commands):快捷命令比較復(fù)雜,在這里不作為重點(diǎn)去闡述。用過CAD軟件的設(shè)計(jì)師應(yīng)該比較明白,在CAD中,支持多字母命令,并且通過【空格】來激活功能。例如繪制矩形墻的快捷操作是,依次按下字母REC和空格。

(圖:CAD的快捷命令輸入)

本文則是圍繞大家熟知的第一種快捷鍵展開講述,下文提到的快捷鍵僅代表前者。

那么從狹義上來講,快捷鍵的鍵值類型有以下幾種:

不同類型的鍵可以通過組合或單獨(dú)使用來形成各種快捷鍵,滿足不同的操作需求。常見的快捷鍵類型如下:

1. 單獨(dú)使用的快捷鍵

某些鍵可以單獨(dú)使用,例如字母鍵(L-繪制直線)、功能鍵(F5-刷新頁(yè)面或窗口)、特殊功能(Delete-刪除)等。

2. 組合使用的快捷鍵

常見的組合方式有:

1)字母鍵與修飾鍵的組合:Ctrl + C-復(fù)制選中的內(nèi)容;Ctrl + V:粘貼剪貼板中的內(nèi)容。

2)數(shù)字鍵與修飾鍵的組合:Ctrl + 1:在某些應(yīng)用中切換到第一個(gè)標(biāo)簽頁(yè)或視圖;Shift + 2:在英語鍵盤布局中輸入 @ 符號(hào)。

3)功能鍵與修飾鍵的組合:Ctrl + F5:在瀏覽器中強(qiáng)制刷新頁(yè)面,忽略緩存;Alt + F1:在某些應(yīng)用程序中打開或關(guān)閉幫助功能。

4)特殊鍵與修飾鍵的組合:Shift + Delete:直接刪除文件而不放入回收站。

二、快捷鍵的應(yīng)用場(chǎng)景

1、工具中的快捷鍵越多越好?

當(dāng)我們清楚快捷鍵的使用和組合方式后,就可以為功能指定合適的快捷鍵了。但是在制定快捷鍵前,不妨先想一想,是否所有的功能都需要快捷鍵?

在這次快捷鍵升級(jí)項(xiàng)目中,我感觸最深的是,整個(gè)工具中居然有200個(gè)左右的快捷鍵,而大部分的快捷鍵喚起量很低。這讓我不禁開始思考,在工具中,快捷鍵真的是越多越好嗎?就好像我們?cè)趯W(xué)習(xí)一門新技術(shù)時(shí),找了很多很多的課程,然而當(dāng)真的開始學(xué)習(xí)時(shí),卻不知道該選哪一個(gè),最后都去收藏夾里吃灰了。

工具中的快捷鍵不受限制越來越多的話,會(huì)帶來什么問題呢?

1)官方增量快捷鍵設(shè)定受限:快捷鍵的數(shù)量和組合方式有一定的限制,過多的快捷鍵可能超出這些限制。

2)用戶自定義的靈活度下降:用戶通常希望能夠自定義快捷鍵以適應(yīng)個(gè)人的使用習(xí)慣。如果官方快捷鍵過多,用戶自定義的靈活性會(huì)受到限制,不斷檢查和調(diào)整快捷鍵,避免沖突。

3)用戶記憶成本增加:用戶在學(xué)習(xí)和掌握所有快捷鍵時(shí)需要投入大量時(shí)間和精力,導(dǎo)致記憶負(fù)擔(dān)過重。

因此產(chǎn)品和設(shè)計(jì)師在制定快捷鍵之前,先需要考慮,這個(gè)功能是否值得一個(gè)快捷鍵呢?

2、哪些功能可以設(shè)定快捷鍵

上文提到了工具中的快捷鍵并不是越多越好的,那么什么樣的功能可以指定快捷鍵呢?在分析了傳統(tǒng)行業(yè)軟件的快捷鍵設(shè)定規(guī)范,以及產(chǎn)品和設(shè)計(jì)內(nèi)部多次討論后,這里為大家提供幾個(gè)思考維度:

1)基礎(chǔ)功能

即屬于基本的操作功能,在大多數(shù)的產(chǎn)品軟件中都可以找到,因此也屬于一種通用的標(biāo)準(zhǔn)和規(guī)范。

例如:保存——Ctrl+S,復(fù)制——Ctrl+C等,這類廣泛標(biāo)準(zhǔn)化的快捷鍵,在絕大多數(shù)應(yīng)用程序中都遵循相同的規(guī)范。

2)同類型工具產(chǎn)品中的常見快捷鍵

相信大部分的工具產(chǎn)品,都可以找到市面上存在已久的同類型熱門產(chǎn)品。如果用戶在其他產(chǎn)品中,習(xí)慣了對(duì)一些功能使用快捷鍵,那么在遷移的時(shí)候希望相同的功能都能有快捷鍵,減少遷移成本。

3)自身工具中的高頻功能

快捷鍵本身使用就有一定的門檻,一般中間用戶和專家用戶會(huì)頻繁使用快捷鍵,小白用戶對(duì)快捷鍵的感知可能并不強(qiáng)烈,因此快捷鍵的設(shè)定,一定是需要用戶使用頻率高才更有意義。

那么如何定義“高頻”?功能的人均每天使用次數(shù)到達(dá)一定數(shù)值(根據(jù)不同產(chǎn)品業(yè)務(wù)特性制定),即可被認(rèn)為是高頻功能。

除此之外能夠提高工作流的流暢性和用戶的沉浸感至關(guān)重要的功能,也可以被賦予快捷鍵。例如在3D建模軟件中從透視圖切換到正視圖,這些功能可以幫助用戶更高效地完成工作,通過快捷鍵減少不必要的點(diǎn)擊和導(dǎo)航,使用戶能夠?qū)W⒂趧?chuàng)作和設(shè)計(jì)。

三、怎么選擇快捷鍵鍵值

在了解了快捷鍵類型,和哪些功能適合被賦予快捷鍵后,我們?cè)賮砹囊涣脑撛趺催x擇快捷鍵。這里為大家提供幾種選擇思路:

1、標(biāo)準(zhǔn)法:遵循廣泛標(biāo)準(zhǔn)化的設(shè)定規(guī)則

這個(gè)在第二章的時(shí)候也提到,像保存——Ctrl+S,復(fù)制——Ctrl+C等這類廣泛標(biāo)準(zhǔn)化的快捷鍵,我們必須保持快捷鍵一致性。

2、類比法:參考同行已有的快捷鍵

保持與同類軟件的快捷鍵一致,可以減少用戶在不同軟件之間切換時(shí)的認(rèn)知負(fù)擔(dān),使用戶能夠更符合直覺的使用快捷鍵,無需額外學(xué)習(xí)。例如大家可以發(fā)現(xiàn),PS和AI,Sketch和Figma的快捷鍵重合度相當(dāng)高。

3、隱喻法:和功能含義建立聯(lián)系

好的快捷鍵通常使用了隱喻法,能夠方便用戶聯(lián)想和記憶。常見的隱喻方式是英文/中文功能的首字母,如果考慮到國(guó)內(nèi)用戶群體的本土化,則可以考慮中文功能的首字母,例如柱子-Z,墻-Q。

4、便利性:鍵位布局的便利性

快捷鍵的組合應(yīng)盡量選擇相鄰或容易同時(shí)按下的鍵位。避免使用需要同時(shí)按下距離較遠(yuǎn)的按鍵的組合,導(dǎo)致復(fù)雜或不自然的手指操作。下面提供了不同的組合修飾鍵下推薦的鍵值范圍:

四、快捷鍵的拓展能力

如果想更進(jìn)一步體現(xiàn)快捷鍵的價(jià)值,我們不妨考慮快捷鍵的拓展能力。接下來,將跟大家分享,這次酷家樂快捷鍵升級(jí)中,最重要的快捷鍵自定義能力。

很多朋友看到這里可能會(huì)感到不屑,不就是開放快捷鍵自定義能力嗎?似乎沒有什么值得深入探討的。在設(shè)計(jì)之前,我也是這么想的,但是在實(shí)際的設(shè)計(jì)過程中發(fā)現(xiàn),快捷鍵自定義背后的坑太多了。作為設(shè)計(jì)師不應(yīng)該僅僅只能想到,用戶能夠自定義輸入快捷鍵這一步,更應(yīng)該思考自定義能力會(huì)帶來哪些更多復(fù)雜的問題,而我們又該如何解決?

1、快捷鍵沖突校驗(yàn)

在用戶自定義過程中,很容易發(fā)生和已有快捷鍵沖突的情況,導(dǎo)致用戶需要不斷地修改快捷鍵,查驗(yàn)是否沖突。這里提供兩個(gè)解決沖突過多的思路。

1)限制官方快捷鍵數(shù)量:上文也已經(jīng)分析過,快捷鍵并不是越多越好的,如果官方快捷鍵越多的話,用戶沖突的概率更大。因此在這次改版中,我們制定了嚴(yán)格業(yè)務(wù)設(shè)置快捷鍵門檻,后續(xù)增量的快捷鍵必須要到達(dá)門檻后才能夠使用。

2)縮小快捷鍵校驗(yàn)范圍:在改版之前,酷家樂的快捷鍵是全量校驗(yàn)的,導(dǎo)致沖突概率極大,但分析后發(fā)現(xiàn),只判斷同一個(gè)上下文中的快捷鍵是否存在沖突即可。舉一個(gè)簡(jiǎn)單的例子,酷家樂的畫墻功能激活后,可以通過多個(gè)快捷鍵修改繪制屬性,假設(shè)屬性A的快捷鍵是A,屬性B的快捷鍵是B,屬性C的快捷鍵是C,那么在校驗(yàn)時(shí),只需要校驗(yàn)ABC之間不沖突即可。

2、快捷鍵自定義聯(lián)動(dòng)

酷家樂工具里的業(yè)務(wù)是非常多的,例如畫戶型、擺家具、硬裝設(shè)計(jì)、定制設(shè)計(jì)、照明水電設(shè)計(jì)等,在這里為了后續(xù)方便描述,將這些稱為子工具。子工具有獨(dú)立的快捷鍵面板,并且子工具之間有一些相同的能力,例如參考線、精準(zhǔn)布置、材質(zhì)刷等。那么為了保持一致性,用戶在一個(gè)子工具中修改的快捷鍵能夠自動(dòng)更新到其他子工具中。這可以減少用戶的記憶負(fù)擔(dān),避免不同子工具之間的快捷鍵混淆。

例如子工具ABC都有參考線功能,用戶在子工具A的快捷鍵面板上把參考線改成了A,那么子工具B、C的參考線快捷鍵也需要被聯(lián)動(dòng)修改為A。

3、快捷鍵文案聯(lián)動(dòng)

除了上述提到的鍵值聯(lián)動(dòng)外,還需要保證用戶自定義后的文案聯(lián)動(dòng)。在工具UI中透?jìng)鞒龊芏嗫旖萱I的提示文案,那么當(dāng)用戶自定義快捷鍵后,UI上的快捷鍵文案也需要聯(lián)動(dòng)。

4、不設(shè)置官方快捷鍵的自定義能力

酷家樂也是一款面向商家的To B工具,相信To B 業(yè)務(wù)的公司都深有體會(huì),經(jīng)常會(huì)收到KA商家的個(gè)性化需求。

例如某個(gè)商家,要求我們對(duì)功能A增加快捷鍵,但是這功能A又不屬于第二章中提到的任何一個(gè)類型,那怎么辦呢?

這里也給大家提供一個(gè)解決思路,我們對(duì)功能A開放了自定義快捷鍵能力,但是不設(shè)置默認(rèn)官方快捷鍵,商家用戶可以根據(jù)自己的習(xí)慣去自定義快捷鍵,這樣既滿足了商家需求,又同時(shí)維護(hù)了我們內(nèi)部的快捷鍵設(shè)置門檻。

五、總結(jié)

在本文中,我們深入探討了快捷鍵的類型,分析了并非所有功能都需要快捷鍵,如何合理選擇快捷鍵的鍵值,以及最后快捷鍵拓展能力的實(shí)際應(yīng)用場(chǎng)景。希望這篇文章能夠幫助你更好地理解快捷鍵,能夠在快捷鍵設(shè)計(jì)的工作中,帶來啟發(fā)。

作者:豐草,公眾號(hào):群核科技用戶體驗(yàn)設(shè)計(jì)

本文由 @群核科技用戶體驗(yàn)設(shè)計(jì) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖由作者提供

該文觀點(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. 目前還沒評(píng)論,等你發(fā)揮!