操屁眼的视频在线免费看,日本在线综合一区二区,久久在线观看免费视频,欧美日韩精品久久综

新聞資訊

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

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

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

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

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

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

    我們就帶著問題一起來了解快捷鍵之間的差異。

    一、老規(guī)矩

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

    這樣也就導(dǎo)致虛擬鍵盤存在一些常見問題

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

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

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

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

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

    1. 常見快捷鍵的分類

    目前共有 Windows MacOS 兩大操作系統(tǒng),在快捷鍵的設(shè)定上也會(huì)有著許多差異化,文章部分會(huì)將 Win/Mac 的系統(tǒng)統(tǒng)一進(jì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)建副本),算是用戶使用最高頻的快捷鍵。同樣,在 Mac OS 當(dāng)中,你會(huì)發(fā)現(xiàn) Mac 的 Control 幾乎很少使用,因?yàn)橄到y(tǒng)本身就沒有給它 “安排太多任務(wù)” 取而代之的是飽經(jīng)風(fēng)霜的 Command 鍵。

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

    3. Shift

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

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

    4. Tab

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

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

    5. Alt / Option

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

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

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

    1. 是否需要快捷鍵

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

    1)高頻使用

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

    2)核心功能

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

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

    3)沉浸場景

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

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

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

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

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

    3. 避免沖突

    在快捷鍵的設(shè)定,我們應(yīng)該考慮應(yīng)該避免與其他快捷鍵重復(fù)。想要解決這個(gè)問題,我們必須先搞清楚,產(chǎn)品究竟采取什么架構(gòu)方式。通常會(huì)分為 BS 架構(gòu)與 CS 架構(gòu)。這里簡單解釋一下 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,客戶端/服務(wù)器模式) 桌面級(jí)應(yīng)用 響應(yīng)速度快,安全性強(qiáng),個(gè)性化能力強(qiáng),響應(yīng)數(shù)據(jù)較快

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

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

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

    但客戶端的快捷鍵設(shè)定,相對會(huì)更加開放,因?yàn)榭蛻舳瞬粫?huì)受到瀏覽器的限制,在快捷鍵的設(shè)定的空間則會(huì)大很多。

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

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

    1. 語義法

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

    2. 流程法

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

    3. 競品法

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

    四、在哪使用快捷鍵

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

    1. 詳情頁編輯

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

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

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

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

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

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

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

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

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

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

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

    2. 表格頁新建

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

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

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

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

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

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

    釘釘則在這部分就缺少了這樣的設(shè)計(jì)。而薪人薪事的做法則會(huì)有所不同,它的入口非常特殊,采取全局導(dǎo)航的形式(這個(gè)后面會(huì)單獨(dú)出導(dǎo)航菜單的文章來進(jìn)行講解),將整個(gè)入口進(jìn)行綁定,通過雙擊 command 對導(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è)務(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)容。因此名道云將其通過快捷鍵的方式進(jìn)行查看,進(jìn)而實(shí)現(xiàn)頁面的快速呼出,能夠加大用戶的使用效率。

    五、總結(jié)

    分享了過后,最后再嘮一嘮我的自己感受。

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

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

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

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

    #專欄作家#

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

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

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

    01

    PPT超級(jí)市場


    一個(gè)免費(fèi)、優(yōu)質(zhì)、高效、安全的PPT模板下載與PPT定制,能夠滿足各行各業(yè)、節(jié)假日PPT等制作需求。




    02

    CS掃描全能王


    是一款非常實(shí)用的高清國產(chǎn)掃描軟件,cs掃描全能王可以讓辦公用戶在PC端上免費(fèi)使用最智能的手機(jī)掃描軟件。

    ①商務(wù)人士:出差在外,掃描合同、文件,實(shí)時(shí)發(fā)傳真、郵件共享,隨身的工作空間。

    ②學(xué)生:隨手掃描學(xué)霸筆記、課堂白板、PPT,媽媽再也不擔(dān)心我考試掛科了

    ③設(shè)計(jì)師:掃描保存設(shè)計(jì)手稿,隨時(shí)捕捉靈感初現(xiàn)時(shí)的大膽想象

    ④繪黨:沒有掃描儀,也能把手繪畫稿美美地秀給小伙伴們了~

    ⑤旅行者:護(hù)照、駕照、旅行計(jì)劃、地圖掃描存手機(jī),沒有網(wǎng)絡(luò)也能隨心行走。




    03

    Gitmind思維導(dǎo)圖


    Gitmind:一款全平臺(tái)思維導(dǎo)圖軟件,集頭腦風(fēng)暴、思想共創(chuàng)、規(guī)劃、構(gòu)建、管理、決策、沉淀等功能于一體,安放閃念、激發(fā)心流。一共分為腦圖和流程圖兩大類,每一類又分為多個(gè)小類.比如流程圖則細(xì)分為:活動(dòng)圖、類圖、拓補(bǔ)圖,數(shù)據(jù)流程圖等。




    04

    PearOcr文字識(shí)別


    PearOCR :是一款在線應(yīng)用,用于把圖像上的文字識(shí)別出來(OCR),以便于復(fù)制,二次修改,檢索等操作。相比于市面上其他的 OCR 軟件,有著使用方便,識(shí)別率高,安全等優(yōu)勢。而且還免費(fèi)哦~




    05

    我愛PDF


    完全免費(fèi)、易于使用、豐富的PDF處理工具,包括:合并、拆分、壓縮、轉(zhuǎn)換、旋轉(zhuǎn)和解鎖PDF文件,以及給PDF文件添加水印的工具等。僅需幾秒鐘即可完成。




    06

    Ditto


    是一款開源、免費(fèi)、強(qiáng)大的剪貼板增強(qiáng)工具??梢园褟?fù)制過的所有內(nèi)容保存起來(可以設(shè)定保存日期或條目總數(shù)),快捷地供后續(xù)調(diào)用??梢院喜⒄迟N,純文本粘貼,支持分組、置頂、快速搜索、熱鍵粘貼功能。

    在辦公的時(shí)候我們經(jīng)常會(huì)遇到復(fù)制粘貼多條內(nèi)容的時(shí)候,比較費(fèi)事和時(shí)間,這個(gè)軟件可以解決大家這個(gè)煩惱哦~




    07

    圖壓


    圖壓:是一款高效的圖片壓縮利器,支持 Windows 和 macOS 兩大操作系統(tǒng)。這款工具能在幾乎不損害畫質(zhì)的情況下大幅度地壓縮圖片的體積,可以非??焖儆行У嘏繙p小文件大小。

    特別是那些需要添加到網(wǎng)頁、PPT、Word、PDF 中的圖片,壓縮過后體積大幅減少,降低傳輸時(shí)間。




    08

    Wallhaven


    Wallhaven:是一款包含了壁紙網(wǎng)站所有壁紙資源的手機(jī)壁紙美化軟件。你可以根據(jù)你的喜好來搜索壁紙資源,而且可以支持墻上下滑來切換壁紙,根據(jù)標(biāo)簽類型來選擇等,每個(gè)壁紙都會(huì)給你不一樣的感受。




    09

    VeryCapture


    VeryCapture:是一款一個(gè)好用的截圖軟件,支持多種截圖方式,而且還有錄屏工具。

    你可以用它截取各種形狀的圖片包括:全屏截圖、矩形截圖、長截圖、延時(shí)截圖。截圖方法也非常簡單,雙擊鍵盤Ctrl鍵就可以任意選擇區(qū)域截圖,還能通過拖動(dòng)鼠標(biāo)設(shè)置形狀以及區(qū)域。




    10

    Eagle


    Eagle:一個(gè)特別好用的圖片管理工具,對于經(jīng)常收集圖片素材的朋友來說,你可以把收集到的所有圖片素材都放到這個(gè)軟件上。它還會(huì)按照不同的圖片類型進(jìn)行詳細(xì)分類,包括圖片的顏色、尺寸、風(fēng)格。可以讓你查看圖片更快捷方便。




    互動(dòng)話題

    你經(jīng)常用的什么軟件堪稱辦公神器?

網(wǎng)站首頁   |    關(guān)于我們   |    公司新聞   |    產(chǎn)品方案   |    用戶案例   |    售后服務(wù)   |    合作伙伴   |    人才招聘   |   

友情鏈接: 餐飲加盟

地址:北京市海淀區(qū)    電話:010-     郵箱:@126.com

備案號(hào):冀ICP備2024067069號(hào)-3 北京科技有限公司版權(quán)所有