谷歌设计师:为视障用户设计「盲文输入法」我遇到的挑战

△ 盲文输入法 演示动画

今天,我和我的安卓无障碍团队的小伙伴们做了大半年的安卓盲文输入法终于发布啦!

在这里,想要分享一下我们新发布的功能,以及我个人做盲文输入法的设计学来的一些心得。

官方发布稿:https://www.blog.google/products/android/braille-keyboard

注:暂时只支持英文输入,其他语言之后会陆续加入。

现在,盲人朋友在手机上打字是很费劲的:

方法一:手指摸着屏幕,听着读屏软件一个一个找字母,速度非常慢。

方法二:用语音输入,但是语音识别有时不准确(尤其是中文这种有很多同音字的情况),在环境嘈杂的时候更是如此。另外,很多用户并不愿意在公共场合用语音输入,担心会被别人另眼相待。

盲文是盲人教育中重要的一部分,很多盲人朋友在学校里都学过盲文。盲文字母是以2x3的6个点组成的、结构比较简单的输入方式。

谷歌设计师:为视障用户设计「盲文输入法」我遇到的挑战

△ 布莱叶盲文 英文字母表

我们新发布的盲文输入法,让盲人朋友可以快速盲打输入,打字速度接近明眼人使用普通Qwerty键盘的速度。注:点击区不是6个点,而是6个大区域。

谷歌设计师:为视障用户设计「盲文输入法」我遇到的挑战

△ 演示动画:熟练盲文输入的用户的实际打字速度

有一说一,其实iPhone上类似的盲文输入法已经有了一阵子了,但是从来没有出过教程,设置方式也比较复杂,所以普及度还不是很高。

我们特地花了很多时间做好新用户教程这一块,希望盲人朋友们可以更快上手、更容易打字。

盲文输入法的使用方式可以在「无障碍设定 → TalkBack」里找到。

谷歌设计师:为视障用户设计「盲文输入法」我遇到的挑战

△ 教程片段:右滑输入空格(注:手势操作是右滑,但是用户输入盲文的时候是反着拿手机的 - 屏幕朝外,所以演示动画里面看起来像是左滑)

接下来,我要分享一下我在设计盲文输入法教程交互的时候遇到的困难和学到的宝贵经验。

第一版盲文输入法教程我做得比较简单,也没做什么华丽的UI。毕竟是给盲人用的工具,第一版就没太在意UI设计,长得大致是这个样子:

谷歌设计师:为视障用户设计「盲文输入法」我遇到的挑战

△ 第一版教程流程图

完整流程:

  • 介绍盲文输入法是什么
  • 让用户摸6个区域,了解6个盲文点在哪里
  • 解释输入盲文的时候握手机的方式
  • 让用户尝试打几个字
  • 列出所有功能键手势(比如空格、删除、换行、送出等)

做完之后找熟悉盲文的同事测试,也都没有什么问题。但是,当我去盲人学校,找了真实的、对科技没有那么了解的盲人学生测试的时候,发现了天大的问题:没有任何一个用户能完成我设计的教程。

反思总结之后,我意识到了2个最严重的问题:

用户输入盲文的时候,因为需要6个手指同时点击屏幕,所以要以一个很不一样的方式握着手机(见下图)。

谷歌设计师:为视障用户设计「盲文输入法」我遇到的挑战

盲文输入法的握机方式:双手横向拿着手机、屏幕朝外,用大拇指和小指握住手机边缘,每只手的中间三根手指在屏幕上输入盲文。

在第一版里,我追求文字的简洁,所以握手机方式的描述太过简短,导致很多用户没有听明白,根本不知道要怎么握手机。

最致命的是,我以为很简单的一个表述方式,「横向握住手机 (hold phone horizontally)」,几乎没有人能听懂。这是因为,明眼人用户平时经常会横向拿手机(比如看视频的时候),但盲人平时没有横向拿手机的需求,所以他们并不知道horizontal(横向)这个词是什么意思。

针对这一点,我决定修改教程,在第一步就先教用户怎么握手机,加入了非常详细的语音描述,而且用手机内置的陀螺仪来检测手机方向、必须准确握住才能进行到下一步。

第一版语音描述:

横向握住手机、屏幕朝外。用手掌握住手机的两侧。

第二版语音描述:

首先,把手机反转,让屏幕朝外。然后,横向旋转手机,直到屏幕变成横着的。你的两只手应该会握住手机比较短的两边。把每只手的中间3根手指放在屏幕上,用你的大拇指和小指托住手机。

另外,我也针对「盲人用户」和「可以帮助盲人用户的明眼人朋友」做了不同的设计。音频交互针对盲人用户本人设计,采用上面的语音描述。视觉交互针对可以帮助盲人用户的明眼人设计,添加图示和动画,这样就算盲人用户卡住了听不懂,也能找明眼人来帮忙。

谷歌设计师:为视障用户设计「盲文输入法」我遇到的挑战

△ 修改后的教程第一步

在第一版教程里,为了不把教程做得太长,所有的功能键操作手势(向左滑是删除、向右滑是空格、两只手指向上滑是送出,等等)仅仅是在最后一步给了一个列表。

用户在测试的时候表示,他们听到这些手势的描述,就很想自己试试看。我们只给一个列表、不能真正尝试,让他们感到很不安,感觉读完还是没有学会。

所以,在第二版里,我把每一个手势都单独拆成一个步骤,让用户亲自操作尝试再进行到下一步。

谷歌设计师:为视障用户设计「盲文输入法」我遇到的挑战

△ 修改后的教程流程

和手握方式的设计相同,在这里我也针对盲人用户和明眼人朋友采用了不同的交互设计。在针对盲人用户提供详细语音描述的基础上,添加了让明眼人可以帮助盲人学习用的文字描述和动画范例。

谷歌设计师:为视障用户设计「盲文输入法」我遇到的挑战

△ 教程动画图示

虽然第二版比第一版的教程长了许多、文字量也大了许多,但是当我们和一拨新的用户进行第二轮测试的时候,惊喜地发现所有用户都可以很快很简单地通过教程,并且快速上手操作。

这再次验证了交互设计的一条真理:

最短最快的交互并不一定是最好的。采访真实的用户、完全站在用户的角度看待问题、做出适合用户心智模型的交互设计,才是好的交互。

欢迎关注无障碍设计研究小组的微信公众账号:

谷歌设计师:为视障用户设计「盲文输入法」我遇到的挑战

收藏 7
点赞 8

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。