△ 盲文輸入法 演示動(dòng)畫

今天，我和我的安卓無障礙團(tuán)隊(duì)的小伙伴們做了大半年的安卓盲文輸入法終于發(fā)布啦！

在這里，想要分享一下我們新發(fā)布的功能，以及我個(gè)人做盲文輸入法的設(shè)計(jì)學(xué)來的一些心得。

官方發(fā)布稿：https://www.blog.google/products/android/braille-keyboard

注：暫時(shí)只支持英文輸入，其他語言之后會(huì)陸續(xù)加入。

現(xiàn)在，盲人朋友在手機(jī)上打字是很費(fèi)勁的：

方法一：手指摸著屏幕，聽著讀屏軟件一個(gè)一個(gè)找字母，速度非常慢。

方法二：用語音輸入，但是語音識(shí)別有時(shí)不準(zhǔn)確（尤其是中文這種有很多同音字的情況），在環(huán)境嘈雜的時(shí)候更是如此。另外，很多用戶并不愿意在公共場(chǎng)合用語音輸入，擔(dān)心會(huì)被別人另眼相待。

盲文是盲人教育中重要的一部分，很多盲人朋友在學(xué)校里都學(xué)過盲文。盲文字母是以2x3的6個(gè)點(diǎn)組成的、結(jié)構(gòu)比較簡(jiǎn)單的輸入方式。

△ 布萊葉盲文 英文字母表

我們新發(fā)布的盲文輸入法，讓盲人朋友可以快速盲打輸入，打字速度接近明眼人使用普通Qwerty鍵盤的速度。注：點(diǎn)擊區(qū)不是6個(gè)點(diǎn)，而是6個(gè)大區(qū)域。

△ 演示動(dòng)畫：熟練盲文輸入的用戶的實(shí)際打字速度

有一說一，其實(shí)iPhone上類似的盲文輸入法已經(jīng)有了一陣子了，但是從來沒有出過教程，設(shè)置方式也比較復(fù)雜，所以普及度還不是很高。

我們特地花了很多時(shí)間做好新用戶教程這一塊，希望盲人朋友們可以更快上手、更容易打字。

盲文輸入法的使用方式可以在「無障礙設(shè)定 → TalkBack」里找到。

△ 教程片段：右滑輸入空格（注：手勢(shì)操作是右滑，但是用戶輸入盲文的時(shí)候是反著拿手機(jī)的 - 屏幕朝外，所以演示動(dòng)畫里面看起來像是左滑）

接下來，我要分享一下我在設(shè)計(jì)盲文輸入法教程交互的時(shí)候遇到的困難和學(xué)到的寶貴經(jīng)驗(yàn)。

第一版盲文輸入法教程我做得比較簡(jiǎn)單，也沒做什么華麗的UI。畢竟是給盲人用的工具，第一版就沒太在意UI設(shè)計(jì)，長(zhǎng)得大致是這個(gè)樣子：

△ 第一版教程流程圖

完整流程：

• 介紹盲文輸入法是什么
• 讓用戶摸6個(gè)區(qū)域，了解6個(gè)盲文點(diǎn)在哪里
• 解釋輸入盲文的時(shí)候握手機(jī)的方式
• 讓用戶嘗試打幾個(gè)字
• 列出所有功能鍵手勢(shì)（比如空格、刪除、換行、送出等）

做完之后找熟悉盲文的同事測(cè)試，也都沒有什么問題。但是，當(dāng)我去盲人學(xué)校，找了真實(shí)的、對(duì)科技沒有那么了解的盲人學(xué)生測(cè)試的時(shí)候，發(fā)現(xiàn)了天大的問題：沒有任何一個(gè)用戶能完成我設(shè)計(jì)的教程。

反思總結(jié)之后，我意識(shí)到了2個(gè)最嚴(yán)重的問題：

用戶輸入盲文的時(shí)候，因?yàn)樾枰?個(gè)手指同時(shí)點(diǎn)擊屏幕，所以要以一個(gè)很不一樣的方式握著手機(jī)（見下圖）。

盲文輸入法的握機(jī)方式：雙手橫向拿著手機(jī)、屏幕朝外，用大拇指和小指握住手機(jī)邊緣，每只手的中間三根手指在屏幕上輸入盲文。

在第一版里，我追求文字的簡(jiǎn)潔，所以握手機(jī)方式的描述太過簡(jiǎn)短，導(dǎo)致很多用戶沒有聽明白，根本不知道要怎么握手機(jī)。

最致命的是，我以為很簡(jiǎn)單的一個(gè)表述方式，「橫向握住手機(jī) (hold phone horizontally)」，幾乎沒有人能聽懂。這是因?yàn)椋餮廴擞脩羝綍r(shí)經(jīng)常會(huì)橫向拿手機(jī)（比如看視頻的時(shí)候），但盲人平時(shí)沒有橫向拿手機(jī)的需求，所以他們并不知道horizontal（橫向）這個(gè)詞是什么意思。

針對(duì)這一點(diǎn)，我決定修改教程，在第一步就先教用戶怎么握手機(jī)，加入了非常詳細(xì)的語音描述，而且用手機(jī)內(nèi)置的陀螺儀來檢測(cè)手機(jī)方向、必須準(zhǔn)確握住才能進(jìn)行到下一步。

第一版語音描述：

橫向握住手機(jī)、屏幕朝外。用手掌握住手機(jī)的兩側(cè)。

第二版語音描述：

首先，把手機(jī)反轉(zhuǎn)，讓屏幕朝外。然后，橫向旋轉(zhuǎn)手機(jī)，直到屏幕變成橫著的。你的兩只手應(yīng)該會(huì)握住手機(jī)比較短的兩邊。把每只手的中間3根手指放在屏幕上，用你的大拇指和小指托住手機(jī)。

另外，我也針對(duì)「盲人用戶」和「可以幫助盲人用戶的明眼人朋友」做了不同的設(shè)計(jì)。音頻交互針對(duì)盲人用戶本人設(shè)計(jì)，采用上面的語音描述。視覺交互針對(duì)可以幫助盲人用戶的明眼人設(shè)計(jì)，添加圖示和動(dòng)畫，這樣就算盲人用戶卡住了聽不懂，也能找明眼人來幫忙。

△ 修改后的教程第一步

在第一版教程里，為了不把教程做得太長(zhǎng)，所有的功能鍵操作手勢(shì)（向左滑是刪除、向右滑是空格、兩只手指向上滑是送出，等等）僅僅是在最后一步給了一個(gè)列表。

用戶在測(cè)試的時(shí)候表示，他們聽到這些手勢(shì)的描述，就很想自己試試看。我們只給一個(gè)列表、不能真正嘗試，讓他們感到很不安，感覺讀完還是沒有學(xué)會(huì)。

所以，在第二版里，我把每一個(gè)手勢(shì)都單獨(dú)拆成一個(gè)步驟，讓用戶親自操作嘗試再進(jìn)行到下一步。

△ 修改后的教程流程

和手握方式的設(shè)計(jì)相同，在這里我也針對(duì)盲人用戶和明眼人朋友采用了不同的交互設(shè)計(jì)。在針對(duì)盲人用戶提供詳細(xì)語音描述的基礎(chǔ)上，添加了讓明眼人可以幫助盲人學(xué)習(xí)用的文字描述和動(dòng)畫范例。

△ 教程動(dòng)畫圖示

雖然第二版比第一版的教程長(zhǎng)了許多、文字量也大了許多，但是當(dāng)我們和一撥新的用戶進(jìn)行第二輪測(cè)試的時(shí)候，驚喜地發(fā)現(xiàn)所有用戶都可以很快很簡(jiǎn)單地通過教程，并且快速上手操作。

這再次驗(yàn)證了交互設(shè)計(jì)的一條真理：

最短最快的交互并不一定是最好的。采訪真實(shí)的用戶、完全站在用戶的角度看待問題、做出適合用戶心智模型的交互設(shè)計(jì)，才是好的交互。

歡迎關(guān)注無障礙設(shè)計(jì)研究小組的微信公眾賬號(hào)：