⌨️快捷键的体验设计

⌨️快捷键的体验设计

快键键设计的重要性

对于工具型产品来说,效率对于用户体验来说太重要了,而快捷键能极大地提高用户的操作效率。
回想一下哪个设计师没有苦背过sketch快捷键大全呢,
试想一下,如果你的产品有大量表单,如果不能使用Tab键切换,用户就必须不断地将右手从键盘脱离去寻找鼠标,又从鼠标脱离去寻找键盘……如此往复上百遍,真的很令人崩溃!

但是不是所有的产品所有的功能都需要快捷键呢?
当然不是。


这里有几项建议给你:

  • 生产工具类的产品最需要快捷键。

比如sketch,Excel,语雀等等,用户需要长时间停留在产品上不停地操作,快捷键能极大的提高生产效率。

  • 键盘操作最能提高效率的就是选择、移动、输入类操作。

优先将你的快捷键留给这几类操作,不是所有的功能都需要快捷键。

  • 高频操作优先,为熟练用户设计。

为用户高频的操作增加快捷键能提升熟练用户的体验。



如何设计快捷键

那如何为你的产品设计快捷键呢?

  • 一定避开系统常用键。

因为用户已经习惯将这个组合键执行另一种操作了,在产品里强行覆盖,极大违背了用户的习惯。下面会有常用键的说明,可以对照来查询。

  • 遵循功能键的使用习惯。

每个功能键有特定的含义,如Command在mac里就是命令的意思,Shift则和切换相关。

  • 注意Mac和Win的不同操作习惯。

比如虽然Mac里也有ctrl键,但核心的控制键应该由ctrl映射到Command上。

  • 好的快捷键设计具有隐喻,能方便用户记忆理解。

常见的隐喻方式有,英文的首字母,如Ctrl+C里的C其实就是Copy的首字母。

  • 好的快捷键设计是便捷易操作的。

比如“复制”和“粘贴”常常是一起操作的,因此选用了C旁边的V作为粘贴的组合键。同时高频的操作尽量照顾单手操作性,一只手就能点按。


理解功能键


功能键说明


Shift
Shift 本意是「换挡」。
Shift键学名叫上档键。它有两种意思,有书面的意思和键盘上面的上档意思,书面意思有很多解释,指的是移动,搬移、替换、更换、变动、改变等意思,当然有的时候又指变速、换挡、消除的意思。
用来做输入法切换、快速切换半角和全角、选择连续文件、直接删除文件等功能。


Ctrl
Ctrl本意是「控制」。
英文全称为"control"。Win系统下最常用的命令键,大多数情况下等同于Command。基本上通过Ctrl键和其他键组合的方式,将“输入”变成一种“命令”。

Tab
Tab本意是「制表键」。
“Tab”一词由英文“tabulate”派生而来,意思是“以表格、或表格形式排列数据”。Tab键来源于打字机,过去在打字机上如果要输入一份文字或数字表格,必须不断使用空白键以及Backspace键,不仅重复也十分费时。Tab键由此诞生,用来快速移动定位点。
所以Tab相关的操作大多数和定位、光标相关,比如Mac上「Command」+「Tab」快速在不同应用之间切换。


Alt

Alt 是 Alter ⁴的缩写,本意是「改变」。
如果只以 Alt 键为核心,那它在 Windows 上的主要作用便是「呼出菜单或点击按钮的组合键」以及「使用 ASCII 码输入字符的组合键」。而在 Mac OS 上,它早已被改名为 Option,主要作用则是「快速访问系统偏好设置中某个选项的组合键」(比如「Option+静音/-/+」即为「打开声音偏好设置」)。


Command⌘
Command本意是「命令」。
苹果公司为了避免和命令行界面操作冲突引入的修饰键,大多数情况下和Ctrl等同。


Option⌥
Option本意是「选项」
据说“⌥”的图形是来自火车并轨时有两个选择。


按 Option 时一般可以减少或增加选项,或者增加和减少信息量。比如「Shift」 +「Command」+「Delete」需要选择是否倾倒废纸篓,「Shift」+「Command」+「Option」 +「Delete」就无需选择直接倾倒。
Option还常用来输入特殊字符,如「Option」+「A」就是å。



Mac和Win的系统差异


独有键:Command⌘
我相信同时使用过Win和Mac系统的人都有过这种疑惑:Mac系统上也有Ctrl键,为什么不沿用Ctrl键而要新引入Command代替呢?
简单来说,引入Command键主要是为了解决图形界面(GUI)和命令行界面(CLI)工作时快捷键冲突的问题。
Ctrl系列快捷键功能在计算机图形界面出现之前的命令行界面已有定义;Windows图形界面还是使用Ctrl键,但对各种组合的功能涵义进行了重新定义;而Mac OS的图形界面新设计了一个键Command来负责,避免了和命令行界面冲突的问题。
至于为什么不跟Win一样用logo,而使用“⌘”的原因,有一篇文章讲到这个趣事,感兴趣可以一读。
《标志的源起:Command》


其他映射关系
Mac上是没有Page Up/Down、Home和End键的,因此可通过别的键映射。
Page UP = Fn + 向上方向键
Page Down = Fn + 向下方向键
Home= Fn + 向左方向键
End= Fn + 向右方向键




常用键对照表


Excel常用键


Excel作为用户量最广的表格工具,有一系列自己专属的快捷键操作。这份表格可用来对表格型工具产品做快捷键自查。

高频重要操作



低频重要操作



浏览器常用键



Mac/Win常用键

这张表主要是查询作用,避免和系统常用键冲突。使用方法:使用「Ctrl」+「F」/「Command」+「F」开启查询,输入你想设置的快捷键查询是否和系统快捷键冲突。


Ctrl(Cmd)



Alt(Op)


Shift


Ctrl+Alt(Cmd+Op)


Ctrl+Shift(Cmd+Shift)



Alt+Shift(Op+Shift)


Ctrl+Shift+Alt(Cmd+Shift+Op)



总结


语雀一直致力于为用户提供高效优雅的书写环境,所以语雀内也设置了非常多的快捷键,希望让熟练的语雀用户可以高效愉快地在语雀完成工作。
前段时间,我们就语雀的目录收起快捷键展开了欢乐愉快(?)的大讨论,经过轮番自我否定,终于确定了目录收起的快捷键。同时,语雀表格的快捷键也逐步丰富起来了。
我们希望每轮的自我纠结都能换来语雀用户愉快的使用体验。就让这只小绿雀,陪你一起成长吧 。

发布于 03-16