中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導(dǎo)讀：職場(chǎng)工作中，熟悉快捷鍵能夠幫助你更快地處理事情，但同時(shí)，它也是帶有一定門(mén)檻的操作。B端產(chǎn)品需不需要設(shè)計(jì)快捷鍵？如果要，怎么設(shè)計(jì)？本文作者根據(jù)自身工作經(jīng)驗(yàn)，給出了一些方案，一起來(lái)看看吧。

鍵盤(pán)，在很多人的眼中，就是一個(gè)信息錄入的硬件設(shè)備。但你卻不清楚完整的鍵盤(pán)當(dāng)中，字符按鍵 只占到了整個(gè)鍵盤(pán)數(shù)量的 60% （完整鍵盤(pán)共 108 鍵，字符鍵 65 鍵）。

你會(huì)發(fā)現(xiàn)，鍵盤(pán)除了打字之外，還會(huì)有其他很多用途。快捷鍵，就是不可忽視的一部分。（注：完整的快捷鍵會(huì)包含，快捷組合鍵與快捷按鍵兩部分，文章就不做過(guò)多糾結(jié)，意在討論這樣的交互形式，這里簡(jiǎn)單統(tǒng)稱(chēng)為快捷鍵。）無(wú)論是設(shè)計(jì)師常見(jiàn)的三件套：Photoshop、Sketch、Figma，還是很多協(xié)作類(lèi)型的產(chǎn)品：Word、PPT。

快捷鍵，仿佛早已是許多產(chǎn)品的標(biāo)配。但是我們?cè)谧鯞端設(shè)計(jì)時(shí)，又時(shí)常忽略掉快捷鍵這一特殊的交互形式。今天我們就來(lái)聊聊B端產(chǎn)品與快捷鍵之間的關(guān)系。

在實(shí)際的工作當(dāng)中，如何設(shè)計(jì)快捷鍵？我會(huì)產(chǎn)生這些疑惑：

1. 一款 B 端產(chǎn)品，有必要去設(shè)計(jì)快捷鍵嗎？
2. 快捷鍵是否會(huì)增加用戶(hù)的使用門(mén)檻？
3. 如果想要去做快捷鍵設(shè)計(jì)，究竟應(yīng)該如何設(shè)計(jì)？

我們就帶著問(wèn)題一起來(lái)了解快捷鍵之間的差異。

一、老規(guī)矩

開(kāi)始之前，還是先科普一下桌面端與移動(dòng)端，雖然他們之間存在很多差異，比如，頁(yè)面布局、交互方式 等等… 這些咱們以后再聊。但是今天想貼合主題，聊聊 錄入設(shè)備之間的差異。在移動(dòng)端的設(shè)備當(dāng)中，我們多數(shù)情況下，采取的是軟鍵盤(pán)的形式，也就是手機(jī)錄入是以 虛擬鍵盤(pán) 的形式存在。

這樣也就導(dǎo)致虛擬鍵盤(pán)存在一些常見(jiàn)問(wèn)題

• 缺少快捷鍵：虛擬鍵盤(pán)無(wú)法通過(guò)組合鍵，實(shí)現(xiàn)快捷操作
• 錄入門(mén)檻高：不能對(duì)鍵盤(pán)進(jìn)行精準(zhǔn)定位，無(wú)法實(shí)現(xiàn)盲打鍵盤(pán)的快捷錄入
• 功能按鍵少：在錄入標(biāo)點(diǎn)符號(hào)等信息時(shí)，需要切換頁(yè)面進(jìn)行實(shí)現(xiàn)

總結(jié)下來(lái)就是整體信息錄入效率低，準(zhǔn)確率低。比如我們最常使用的 復(fù)制粘貼，到了手機(jī)當(dāng)中，只能夠通過(guò)點(diǎn)擊光標(biāo)的方式來(lái)解決。對(duì)于桌面端鍵盤(pán)而言，由于我們錄入信息的方式是通過(guò)雙手與實(shí)體鍵盤(pán)進(jìn)行交互，可以實(shí)現(xiàn)更多信息的點(diǎn)擊。因此快捷鍵就會(huì)有很大的發(fā)展空間，這時(shí)候就會(huì)很好奇，快捷鍵究竟是如何誕生的？

我們簡(jiǎn)單回顧一下計(jì)算機(jī)發(fā)展的早期，發(fā)現(xiàn)快捷鍵設(shè)定其實(shí)是源自 “硬件設(shè)計(jì)上的無(wú)奈”早在 1980 年，IBM 所研發(fā)的個(gè)人電腦 Acorn在當(dāng)時(shí)遇到了一個(gè)棘手的問(wèn)題，在電腦產(chǎn)生系統(tǒng)故障過(guò)后，它都需要通過(guò)手動(dòng)重啟，并且需要很長(zhǎng)的時(shí)間來(lái)進(jìn)行內(nèi)存測(cè)試，驗(yàn)證計(jì)算機(jī)是否出現(xiàn)問(wèn)題。但在公司內(nèi)部進(jìn)行系統(tǒng)測(cè)試時(shí)，并不是需要這樣的一個(gè)機(jī)制。因此工程師 Bradley 在當(dāng)時(shí)創(chuàng)造了一個(gè)快捷鍵：Ctrl+Alt+Del 可以在不需要內(nèi)存測(cè)試的情況下將系統(tǒng)進(jìn)行快速恢復(fù)重置。

我們現(xiàn)在回顧，當(dāng)時(shí)作為工程師，他在快捷鍵的設(shè)定上也是進(jìn)行了很多思考，因?yàn)?Ctrl+Alt 鍵靠得很近，但 Del 則在鍵盤(pán)上的另一邊，這樣可以避免一些用戶(hù)在日常使用的過(guò)程當(dāng)中進(jìn)行誤觸。而后續(xù) Windows 電腦遭遇藍(lán)屏死機(jī)，而 Ctrl+Alt+Del 這樣一組快捷鍵便留在很多人的心中。

隨著個(gè)人電腦的不斷發(fā)展，你會(huì)發(fā)現(xiàn)快捷鍵的設(shè)計(jì)也越來(lái)越復(fù)雜，因?yàn)槲覀兿胍私馊绾卧O(shè)計(jì)快捷鍵，必須先知道，常見(jiàn)的按鍵分類(lèi)有哪些？

1. 常見(jiàn)快捷鍵的分類(lèi)

目前共有 Windows MacOS 兩大操作系統(tǒng)，在快捷鍵的設(shè)定上也會(huì)有著許多差異化，文章部分會(huì)將 Win/Mac 的系統(tǒng)統(tǒng)一進(jìn)行講解，大家可以?xún)?yōu)先看看關(guān)于兩個(gè)系統(tǒng)之間的映射關(guān)系：

想要知道我們快捷鍵的差異，我們必須了解每一個(gè)按鍵的基本定義：

2. Ctrl / Command

Windows 系統(tǒng)當(dāng)中的核心快捷鍵，可以理解為是各項(xiàng)操作的快速觸發(fā)。我們可以使用它去實(shí)現(xiàn)各種組合快捷鍵，比如使用 Ctrl + C（復(fù)制） Ctrl + D （創(chuàng)建副本），算是用戶(hù)使用最高頻的快捷鍵。同樣，在 Mac OS 當(dāng)中，你會(huì)發(fā)現(xiàn) Mac 的 Control 幾乎很少使用，因?yàn)橄到y(tǒng)本身就沒(méi)有給它 “安排太多任務(wù)” 取而代之的是飽經(jīng)風(fēng)霜的 Command 鍵。

Command 作為 Mac 獨(dú)有的按鍵，它的地位幾乎等同于 Win 當(dāng)中的 Ctrl ，并且兩者的快捷鍵方式都極為類(lèi)似，因此也就造成兩個(gè)系統(tǒng)當(dāng)中的按鍵差異。

3. Shift

Shift 也叫上檔鍵，可將其意為 連續(xù) 的按鍵，因?yàn)樵谶B續(xù)選擇時(shí)會(huì)用到，它的功能主要有兩點(diǎn)：

• 在中文輸入的場(chǎng)景下，可以組合按鍵進(jìn)行中英文的切換
• 在文件選中的場(chǎng)景當(dāng)中，對(duì)文件的內(nèi)容進(jìn)行快捷選擇的操作

4. Tab

Tab 也叫制表鍵，不過(guò)現(xiàn)如今已不再是制表的含義，更多可以為 切換 按鍵，比如我們經(jīng)常使用 Command + Tab 來(lái)對(duì)軟件進(jìn)行切換。其用途主要有兩點(diǎn)：

• 在信息錄入時(shí)，按下Tab鍵來(lái)實(shí)現(xiàn)字符的縮進(jìn)
• 在表格頁(yè)面當(dāng)中，通過(guò) Tab 鍵實(shí)現(xiàn)對(duì)單元格的快速切換

5. Alt / Option

Win 系統(tǒng)當(dāng)中的 Alt 與Mac 系統(tǒng)的 Option 基本一致。他們的主要用途有兩點(diǎn)

• WIN：呼出菜單或點(diǎn)擊按鈕的組合鍵
• MAC：快速訪問(wèn)系統(tǒng)偏好設(shè)置中某個(gè)選項(xiàng)的組合鍵

二、如何設(shè)計(jì)快捷鍵

1. 是否需要快捷鍵

在我們的設(shè)計(jì)快捷鍵之前，需要考慮清楚是否真的需要快捷鍵。就像我們?cè)诰W(wǎng)上沖動(dòng)消費(fèi)一樣，購(gòu)買(mǎi)的東西總會(huì)有當(dāng)時(shí)覺(jué)得有用，然后立馬吃灰的產(chǎn)品。所以明確需求的目的就顯得尤為重要。因?yàn)?B 端產(chǎn)品存在太多產(chǎn)品類(lèi)型，在每一個(gè)產(chǎn)品類(lèi)型當(dāng)中，我們也會(huì)有不同的使用場(chǎng)景。這里我總結(jié)了幾個(gè)維度去思考。

1）高頻使用

俗話說(shuō)得到，好鋼得用到刀刃上，快捷鍵的設(shè)定，一定是需要用戶(hù)使用頻率高才會(huì)有意義。因?yàn)榭旖萱I的使用本身就會(huì)有使用門(mén)檻，如果你做在一些用戶(hù)本身就不會(huì)頻繁操作的地方，對(duì)于用戶(hù)而言感知并不強(qiáng)烈。其次你也不想自己花費(fèi)了精力，到頭來(lái)設(shè)計(jì)思路并沒(méi)有落地。

2）核心功能

這里的核心功能其實(shí)是針對(duì)不同的角色。比如一個(gè)在線教育的產(chǎn)品，老師需要每天在產(chǎn)品當(dāng)中去點(diǎn)評(píng)同學(xué)們的作業(yè)，也就意味著老師需要高頻的在點(diǎn)評(píng)學(xué)生作業(yè)，這個(gè)時(shí)候其實(shí)作業(yè)點(diǎn)評(píng)就是老師的核心功能。那你對(duì)這個(gè)功能上的操作進(jìn)行優(yōu)化，大概率就不會(huì)存在太多問(wèn)題。

比如我們以 figma 為例，如果它現(xiàn)在在 Darfts 首頁(yè)增加了很多快捷操作，如：Command + N 新建畫(huà)板 、Command+O 打開(kāi)通知。但是 Figma 并未對(duì)核心功能，編輯區(qū)域頁(yè)面當(dāng)中添加快捷鍵，我想這對(duì)于很多人而言，就是一個(gè)糟糕的設(shè)計(jì)。

3）沉浸場(chǎng)景

其實(shí)在我的課程當(dāng)中講過(guò)，B 端產(chǎn)品的使用大致會(huì)分為三種狀態(tài)：暫留、沉浸、配置（這里就不展開(kāi)講了）。而最常見(jiàn)的便是專(zhuān)注于用戶(hù)使用的沉浸場(chǎng)景，也就是說(shuō)，我們必須要讓用戶(hù)在沉浸場(chǎng)景下使用產(chǎn)品，這些快捷鍵才會(huì)變得更加有意義。沉浸及專(zhuān)注，專(zhuān)注就需要高效，因此高效使用快捷鍵就顯得合情合理。

2. 歸納整理快捷鍵的訴求

當(dāng)我們明確真的需要快捷鍵的訴求過(guò)后，我們可以去思考，究竟應(yīng)該設(shè)計(jì)哪些快捷鍵？哪些操作是屬于高頻操作？是否會(huì)存在操作之間的先后順序？

首先可以通過(guò)實(shí)地觀察，先去判斷用戶(hù)在某一頁(yè)面當(dāng)中，具體使用順序或者流程，然后通過(guò)流程圖將數(shù)據(jù)內(nèi)容進(jìn)行整理。這其實(shí)是我們?cè)O(shè)計(jì)快捷鍵的基礎(chǔ)依據(jù)?！痉治隽鞒?、梳理快捷鍵】

然后通過(guò)對(duì)頁(yè)面當(dāng)中不同操作進(jìn)行數(shù)據(jù)埋點(diǎn)，能夠得到用戶(hù)具體的操作信息。通過(guò)這些數(shù)據(jù)信息，能夠保證我們?cè)谧龅迷O(shè)計(jì)都是有理有據(jù)，而不是拍腦袋的自己隨意 YY 出來(lái)的。最后拿到數(shù)據(jù)進(jìn)行分析，在數(shù)據(jù)當(dāng)中并不能夠單純的去看它的點(diǎn)擊量，而是要深入了解這個(gè)數(shù)據(jù)它背后的意義是什么？這也是我不建議初級(jí)的設(shè)計(jì)師去做數(shù)據(jù)埋點(diǎn)的原因。因?yàn)槲乙?jiàn)過(guò)有太多設(shè)計(jì)師拿到數(shù)據(jù)過(guò)后直接不分析上手就看，導(dǎo)致出現(xiàn)太多數(shù)據(jù)背后的問(wèn)題。

3. 避免沖突

在快捷鍵的設(shè)定，我們應(yīng)該考慮應(yīng)該避免與其他快捷鍵重復(fù)。想要解決這個(gè)問(wèn)題，我們必須先搞清楚，產(chǎn)品究竟采取什么架構(gòu)方式。通常會(huì)分為 BS 架構(gòu)與 CS 架構(gòu)。這里簡(jiǎn)單解釋一下 BS 架構(gòu)與 CS 架構(gòu)的區(qū)別BS 架構(gòu)：(Browser/Server,瀏覽器/服務(wù)器模式) web 應(yīng)用 可以實(shí)現(xiàn)跨平臺(tái)，但是個(gè)性化能力低，響應(yīng)速度較慢CS 架構(gòu)：(Client/Server,客戶(hù)端/服務(wù)器模式) 桌面級(jí)應(yīng)用 響應(yīng)速度快，安全性強(qiáng)，個(gè)性化能力強(qiáng)，響應(yīng)數(shù)據(jù)較快

可以簡(jiǎn)單理解為，目前產(chǎn)品是否需要通過(guò)瀏覽器才能夠打開(kāi)。需要瀏覽器打開(kāi)，那就是 BS 架構(gòu)，不然則反之。

只有我們確定了具體的產(chǎn)品架構(gòu)之后，你才能夠知道你設(shè)定的快捷鍵是否與瀏覽器本身到快捷鍵有所沖突。因?yàn)闉g覽器自身的快捷鍵權(quán)限肯定是會(huì)高于你頁(yè)面當(dāng)中的快捷鍵，所以在設(shè)計(jì)上我們需要格外留意。

這里總結(jié)了一份瀏覽器的快捷鍵匯總，可以通過(guò)這個(gè)方式避瀏覽器的踩坑。

但客戶(hù)端的快捷鍵設(shè)定，相對(duì)會(huì)更加開(kāi)放，因?yàn)榭蛻?hù)端不會(huì)受到瀏覽器的限制，在快捷鍵的設(shè)定的空間則會(huì)大很多。

三、快捷鍵的設(shè)定

明確清楚上面的訴求與限制過(guò)后，接下來(lái)我們可以從三個(gè)方面，來(lái)對(duì)快捷鍵進(jìn)行設(shè)定。

1. 語(yǔ)義法

在電腦快捷鍵設(shè)定的早期，最常使用的辦法便是通過(guò)翻譯英文單詞首字母，進(jìn)而實(shí)現(xiàn)快捷鍵的設(shè)定。比如我們經(jīng)常使用的 Command+D 進(jìn)行復(fù)制，D 便是 Duplication 的首字母、Command+N 進(jìn)行新建，N 便是 New 的首字母。這樣的設(shè)定方式其實(shí)源于國(guó)外，同樣也是我們?nèi)粘ＴO(shè)定最為常見(jiàn)的一種方式。

2. 流程法

流程法就是去思考整個(gè)快捷操作的具體流程，比如 我們最常使用的 Command + C 與 Command + V 就是一個(gè)例子。因?yàn)槿绻凑粘Ｒ?guī)的設(shè)計(jì)思路，粘貼在大家的印象當(dāng)中一定會(huì)是 Paste ，但是由于 復(fù)制、粘貼 本身就是高頻操作，并且兩者按鍵相互關(guān)聯(lián)，再加上 P 也是 Paint 的縮寫(xiě)，Command + P 打印的含義，因此通過(guò)用戶(hù)使用流程上的思考，最后將粘貼放在字母 V 上面。Viscidity 的縮寫(xiě)，它是一個(gè)名詞，具有粘聚性、黏性的意思。

3. 競(jìng)品法

如果假設(shè)目前設(shè)計(jì)的產(chǎn)品當(dāng)中已經(jīng)存在許多競(jìng)品，它們就已經(jīng)有了相對(duì)應(yīng)的解決方案，這個(gè)時(shí)候可以考慮借鑒 直接競(jìng)爭(zhēng)對(duì)手 的按鍵設(shè)計(jì)，因?yàn)槟憧梢酝ㄟ^(guò)這樣的競(jìng)品設(shè)計(jì)，讓你的用戶(hù)的切換成本更低，也能夠讓他們快速上手。舉一個(gè)例子，比如 Sketch 與 Figma ，F(xiàn)igma的出現(xiàn)本身就是與 Sketch 進(jìn)行競(jìng)爭(zhēng)，因此沒(méi)有必要在快捷鍵上進(jìn)行特立獨(dú)行，反而會(huì)增加用戶(hù)的使用門(mén)檻。

四、在哪使用快捷鍵

既然上面講到了如何設(shè)計(jì)，咱們還是不得不提一提在B端產(chǎn)品當(dāng)中，哪些地方可以使用快捷鍵？好方便在讀文章的同學(xué)們直接抄作業(yè)，用在自己的系統(tǒng)當(dāng)中。

1. 詳情頁(yè)編輯

詳情頁(yè)幾乎是每一個(gè)B端產(chǎn)品必備的頁(yè)面。它能夠幫助用戶(hù)進(jìn)行詳細(xì)數(shù)據(jù)的閱讀，其核心訴求會(huì)分為兩種：

1. 對(duì)表格頁(yè)當(dāng)中的信息不太清楚，想要通過(guò)詳情頁(yè)進(jìn)行更為仔細(xì)的閱讀
2. 對(duì)存儲(chǔ)的數(shù)據(jù)有所質(zhì)疑，想要更改幾條數(shù)據(jù)因此，分析完了這兩種情況過(guò)后，我們可以使用快捷鍵，去滿(mǎn)足用戶(hù)對(duì)詳情頁(yè)編輯的訴求，進(jìn)而可以實(shí)現(xiàn)對(duì)某一個(gè)頁(yè)面的快速操作。具體做法我們可以按照上一章節(jié)講的，如何設(shè)計(jì)快捷鍵的思路。我也舉幾個(gè)例子比如現(xiàn)在對(duì) 紛享銷(xiāo)客 這樣一款 CRM 產(chǎn)品的詳情頁(yè)進(jìn)行編輯時(shí)，除了思考 初級(jí)B端設(shè)計(jì)師 需要處理的視覺(jué)部分之外，你還可以使用快捷鍵，將詳情頁(yè)的編輯，與按鍵的字母 “E” 進(jìn)行綁定，這樣可以配合鼠標(biāo)來(lái)完成頁(yè)面的快速操作，提高 “高級(jí)用戶(hù)” 的操作效率。

這樣的優(yōu)化就算是完了么？

其實(shí)這也是市面上絕大多數(shù)課程不會(huì)涉及的點(diǎn)。因?yàn)樗麄內(nèi)狈端的實(shí)際工作經(jīng)驗(yàn)。也就導(dǎo)致只會(huì)教大家如何依葫蘆畫(huà)瓢，教學(xué)員去實(shí)現(xiàn)某一個(gè)頁(yè)面的具體布局，根本不考慮實(shí)際的項(xiàng)目當(dāng)中的各種訴求與邏輯關(guān)系。

這也可能是我上課只喜歡去畫(huà)草圖的原因，因?yàn)?B端的“形”很簡(jiǎn)單，有太多的組件可以支撐你進(jìn)行設(shè)計(jì)，但是B端的“意”則會(huì)過(guò)于復(fù)雜，很難理解。

說(shuō)了這么多，我們來(lái)看看究竟應(yīng)該如何進(jìn)行優(yōu)化？也就是在這個(gè)功能新增之下，還會(huì)有哪些存在的漏洞？

簡(jiǎn)單列三點(diǎn)：1.在用戶(hù)進(jìn)入到詳情頁(yè)，但并沒(méi)有編輯權(quán)限時(shí)，點(diǎn)擊了按鍵 E 應(yīng)該怎么辦？2.在整體的頁(yè)面當(dāng)中，就只綁定編輯操作嗎？其他操作需要綁定按鍵嗎？如果需要你會(huì)怎么設(shè)計(jì)？3.讓用戶(hù)知道快捷鍵的存在？是簡(jiǎn)單的信息外漏？還是會(huì)有一整套 “機(jī)制” 來(lái)去輔佐進(jìn)行解釋。

這樣不斷完善，設(shè)計(jì)方案才能更加完整。大家要記住，雖然得到一個(gè)設(shè)計(jì)結(jié)論很簡(jiǎn)單，但是 B 端系統(tǒng)本身就不是簡(jiǎn)單去刪除列表，去增加更多視覺(jué)上的引導(dǎo)。而是你增加了一個(gè)功能模塊過(guò)后，有沒(méi)有考慮到它在整個(gè)產(chǎn)品當(dāng)中的合理性，是否有具備思考完整的設(shè)計(jì)思考。不扯那么多了，我們繼續(xù)～

再舉兩個(gè)真實(shí)落地的例子：1.在網(wǎng)頁(yè)端的B站視頻播放頁(yè)面（你可以理解為是視頻的詳情頁(yè)），用戶(hù)可以通過(guò)點(diǎn)擊 W 為投幣、D為彈幕開(kāi)關(guān)、E為添加收藏夾、F為全屏播放，實(shí)現(xiàn)對(duì)視頻的快速操作。而投幣、彈幕開(kāi)關(guān)、收藏夾、全屏播放 都是屬于B站最為核心的功能操作，因此這樣的設(shè)計(jì)非常的贊。

但B站的處理，還是會(huì)有小小的瑕疵。會(huì)有很多用戶(hù)對(duì)于這樣的快捷操作并不知情，可以考慮在入口提示上，進(jìn)行對(duì)應(yīng)的簡(jiǎn)單優(yōu)化。當(dāng)然這樣的產(chǎn)品還會(huì)有很多，比如 Youtube、抖音網(wǎng)頁(yè)版都采取了這樣的設(shè)計(jì)，大家可以自己去查看總結(jié)一下不同產(chǎn)品的特點(diǎn)2.Salesforce ，還沒(méi)開(kāi)始對(duì)它進(jìn)行調(diào)研的時(shí)候，我其實(shí)就能夠猜到作為世界上如此出名的產(chǎn)品，肯定會(huì)有快捷鍵的設(shè)計(jì)。但隨著調(diào)研的深入，發(fā)現(xiàn)在早些年間，它是并沒(méi)有進(jìn)行快捷鍵的設(shè)計(jì)，因此受到很多用戶(hù)的 Diss 。隨之便有人自行開(kāi)發(fā)一款瀏覽器插件來(lái)實(shí)現(xiàn)對(duì)應(yīng)的功能。

而在后續(xù)的產(chǎn)品迭代當(dāng)中，SF逐步更進(jìn)了這一功能，通過(guò)快捷按鍵，可以實(shí)現(xiàn)多個(gè)功能。逐漸將快捷鍵的方式放在整個(gè)系統(tǒng)當(dāng)中，得到更多人的認(rèn)可。目前形成了這樣的一個(gè)完整快捷鍵體系。

2. 表格頁(yè)新建

在表格頁(yè)當(dāng)中，我們最常使用的便是新建操作。同樣可以按照詳情頁(yè)的思路，將整個(gè)頁(yè)面當(dāng)中的新建操作進(jìn)行鍵盤(pán)按鍵綁定，實(shí)現(xiàn)快捷操作的效果。

比如在 飛書(shū)管理后臺(tái)的成員與部門(mén)頁(yè)面當(dāng)中，我是否可以通過(guò)點(diǎn)擊 N 實(shí)現(xiàn)快速添加成員的操作？通過(guò)這樣的方式就能夠保證，用戶(hù)的快速按鍵操作其實(shí)這里還可以將問(wèn)題再稍稍加深，我們是否還可以考慮一些新的方式？比如全局新建，在整個(gè)系統(tǒng)當(dāng)中提供一個(gè)全局新建的入口，讓入口更為統(tǒng)一，甚至可以實(shí)現(xiàn)全局鍵盤(pán)操作的“夢(mèng)想”。

又或者是通過(guò)快捷呼出全局搜索，進(jìn)行實(shí)現(xiàn)對(duì)應(yīng)的操作？類(lèi)似于 Notion 這樣的產(chǎn)品，這些都是可以去思考的方向。

3. 導(dǎo)航菜單切換

在B端產(chǎn)品當(dāng)中，導(dǎo)航菜單的設(shè)計(jì)是最痛苦的一件事。因?yàn)橐粋€(gè)員工，想要完成自己的工作，就必定會(huì)在不同的導(dǎo)航菜單之間進(jìn)行來(lái)回切換。在2022年的趨勢(shì)這篇文章里也講到，越來(lái)越多的B端產(chǎn)品開(kāi)始變得臃腫。也就意味著用戶(hù)需要不斷尋找、不停的切換導(dǎo)航菜單，來(lái)完成這個(gè)角色自身的工作，因此針對(duì)臃腫的B端產(chǎn)品，我們可以使用快捷鍵來(lái)實(shí)現(xiàn)導(dǎo)航菜單的切換。

這里給到幾個(gè)產(chǎn)品的思路，大家可以學(xué)習(xí)借鑒一下：比如常見(jiàn)的 飛書(shū)，因?yàn)楸旧硎?CS 架構(gòu)（客戶(hù)端），因此可以通過(guò)組合鍵的形式，來(lái)實(shí)現(xiàn)對(duì)導(dǎo)航菜單的快速切換。飛書(shū)通過(guò)按住 command + 1、2、3 … 來(lái)實(shí)現(xiàn)切換

釘釘則在這部分就缺少了這樣的設(shè)計(jì)。而薪人薪事的做法則會(huì)有所不同，它的入口非常特殊，采取全局導(dǎo)航的形式（這個(gè)后面會(huì)單獨(dú)出導(dǎo)航菜單的文章來(lái)進(jìn)行講解），將整個(gè)入口進(jìn)行綁定，通過(guò)雙擊 command 對(duì)導(dǎo)航中心進(jìn)行呼出，并且后續(xù)可以支持更多導(dǎo)航菜單的切換，這也是一個(gè)不錯(cuò)的思路，值得大家借鑒。

4. 全局功能

在你的系統(tǒng)當(dāng)中，一定會(huì)存在一些全局影響的功能。它會(huì)影響到系統(tǒng)當(dāng)中的每一個(gè)角落。比如CRM系統(tǒng)里面的 通訊錄、消息、郵件。它本身和主營(yíng)業(yè)務(wù)差別不大，但是由于業(yè)務(wù)發(fā)展等其他關(guān)系，需要單獨(dú)處理。因此會(huì)有很多全局使用的功能，這時(shí)候便可考慮將其與快捷鍵進(jìn)行綁定比如明道云，因?yàn)樵诿鞯涝频恼w設(shè)計(jì)當(dāng)中，消息、通訊錄 都是游離產(chǎn)品架構(gòu)之外的一些協(xié)作內(nèi)容。因此名道云將其通過(guò)快捷鍵的方式進(jìn)行查看，進(jìn)而實(shí)現(xiàn)頁(yè)面的快速呼出，能夠加大用戶(hù)的使用效率。

五、總結(jié)

分享了過(guò)后，最后再?lài)Z一嘮我的自己感受。

其實(shí)快捷鍵是一個(gè)非常立竿見(jiàn)影的設(shè)計(jì)提升方式，我們除了去想清楚快捷鍵應(yīng)該如何設(shè)計(jì)之外，更多還需要讓用戶(hù)能夠發(fā)現(xiàn)有這樣快捷鍵。雖然B端產(chǎn)品我們可以通過(guò)客戶(hù)培訓(xùn)、新手引導(dǎo)、幫助文檔 的方式來(lái)教會(huì)用戶(hù)，但是快捷鍵這樣的一個(gè)功能本身是針對(duì) 中、高熟練度的用戶(hù)，也就意味著，你需要不斷的去培養(yǎng)用戶(hù)養(yǎng)成快捷鍵的習(xí)慣，這樣才能夠保證，快捷鍵能夠真正的被用戶(hù)所接受。其實(shí)現(xiàn)如今出現(xiàn)了很多無(wú)障礙的設(shè)計(jì)，大多數(shù)情況下都是在討論如何脫離鼠標(biāo)進(jìn)行快捷的操作。其實(shí)比起無(wú)障礙，快捷鍵應(yīng)該能夠出現(xiàn)在更多B端產(chǎn)品當(dāng)中。

最后做個(gè)總結(jié)：我們常見(jiàn)的常見(jiàn)快捷鍵會(huì)分為：Ctrl、Command、Shift、Tab、Alt、Option

如何設(shè)計(jì)快捷鍵？首先要去判斷是否需要快捷鍵，共有三種判斷方法、高頻使用、核心功能、沉浸場(chǎng)景其次要去歸納用戶(hù)的快捷鍵訴求想清楚快捷鍵的使用場(chǎng)景，避免與其他軟件沖突接著去想想究竟怎么設(shè)計(jì)快捷鍵？可以使用語(yǔ)義法、流程法、競(jìng)品法。

最后我們可以在哪使用快捷鍵，能不能抄一抄作業(yè)？可以在詳情頁(yè)編輯操作、表格頁(yè)新建操作、導(dǎo)航菜單的快速切換、以及全局的功能操作。

#專(zhuān)欄作家#

CE青年，微信公眾號(hào)：CE青年，人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家。專(zhuān)注B端設(shè)計(jì)領(lǐng)域，一個(gè)2B行業(yè)的2B設(shè)計(jì)師。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

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