4
6
2015
10

GitHub 的一个小细节

本文来自依云's Blog,转载请注明。

这是偶然间发现的。在 GitHub 桌面版网页上,按第一下 Tab 时,会在左上角显示一个「Skip to content」的链接,并且键盘焦点就在这里:

GitHub "Skip to content"

我被这样的小小地惊艳了一下。这个链接可以用来跳过不怎么常用的导航栏上那排链接和按钮。

作为经常打字聊天和写码的人,在电脑前的大部分时间手当然是在键盘而不是鼠标上,所以使用鼠标来进行一些操作很常见。虽然我有 keynavVimFx 来辅助,但是见到 GitHub 这么贴心的细节还是挺喜欢的。

这让我想起了国内的网址,大部分都根本不考虑 accessibility。比如问答社交网站知乎。我早已不「逛」知乎了,只是收到感兴趣的邀请时去看看。因为知乎的体验实在是太差劲了。

知乎取消了所有链接在获取焦点时周围的虚线。这意味着根本没办法使用键盘导航,因为你不知道当然焦点在哪里。

知乎的提交按钮完全无法使用键盘操作。看看 GitHub,写好评论什么的,按一下 Tab 焦点就去了提交按钮上,并且有非常明显的反馈。按空格或者回车就可以提交。如果决定放弃,再按一下 Tab 就好。这两个按钮的顺序是按使用频率而不是相对位置来获取焦点的,因为提交显然比放弃用得更多。Twitter 发送新消息、Google+ 评论的提交按钮也是这样。不过 Twitter 偶尔会需要按两次 Tab 才能提交,大概是改页面的时候不小心给改坏了,过段时间会修好。Google+ 分享新信息时会比较讨厌,因为要跳过好大一堆「添加照片」什么的按钮。

类似的 accessibility 处理,国外著名网站上经常能看到很好的实践,博客上经常能看到大家在关心「少数用户」的使用便捷性。而国内很少有关注这方面的,大家都跟乔布斯一样想,「不管合不合理,我是这么设计的所以你应该这么用」。

比如验证码。不管需不需要,都是字符图。这样盲人就用不了。而国外广泛使用的 Google reCAPTCHA 就可以选择通过声音收听验证码。当然是英语的。反正这全球最大的网站之一已经消失在中国大陆人的视野之中了。我知道专门有人建立了一个 QQ 群,视力正常的人帮助盲人识别验证码用的。

这大概是发达国家与发展中国家的侧面写照的缩影了吧。

最后扔一堆链接:

Category: 用户体验 | Tags: GitHub 知乎 UX Web | Read Count: 3550
weakish 说:
Apr 06, 2015 11:50:51 PM

> 看看 GitHub,写好评论什么的,按一下 Tab 焦点就去了提交按钮上,并且有非常明显的反馈。按空格或者回车就可以提交。

GitHub 可以 C-Enter

random 说:
Apr 07, 2015 12:44:41 PM

写的好, 我也经常

Avatar_small
依云 说:
Apr 07, 2015 12:47:13 PM

C-Enter 没 Tab 然后空格好按啦,也不通用。我不想在提交前先根据所在的网站来选择操作方式。

greatghoul 说:
Apr 07, 2015 11:14:08 PM

之前也注意到这个,莫名感动。

i 说:
Apr 08, 2015 12:15:35 PM

对了,还得顺带黑一下gtk3(gnome3):某些本来使用gtk2但现在转用gtk3的应用程式现在变成了没鼠标就用不了的情况——以前用gtk2的时候还能通过tab定位的按钮现在必须用鼠标去点,因为tab切换按钮的时候根本没有虚线标识。

哦,最最恼火的是,用baobab的要展开子项目的时候,必须用鼠标去点那该死的小三角——firefox中明明用键盘敲下→键就行了的!

Avatar_small
依云 说:
Apr 08, 2015 12:34:11 PM

啊,GTK 3 还没有走到正常的道路上啊。我不用 GNOME 3,也尽量用 GTK 2 的版本,所以没注意到呢。

谷月轩 说:
Apr 11, 2015 11:36:34 AM

VimFx和Pentadactyl相比有什么不同点呢?

Avatar_small
依云 说:
Apr 11, 2015 11:48:28 AM

简单。它只是给火狐添加了一些功能,而不是把火狐变成另一种浏览器 :-)

royaso 说:
Jun 25, 2015 12:35:56 AM

github果然如此!不错

用vimperator


登录 *


loading captcha image...
(输入验证码)
or Ctrl+Enter

部分静态文件存储由又拍云存储提供。 | Theme: Aeros 2.0 by TheBuckmaker.com