△ 盲文輸入法 演示動畫
今天,我和我的安卓無障礙團隊的小伙伴們做了大半年的安卓盲文輸入法終于發布啦!
在這里,想要分享一下我們新發布的功能,以及我個人做盲文輸入法的設計學來的一些心得。
官方發布稿: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根手指放在屏幕上,用你的大拇指和小指托住手機。
另外,我也針對「盲人用戶」和「可以幫助盲人用戶的明眼人朋友」做了不同的設計。音頻交互針對盲人用戶本人設計,采用上面的語音描述。視覺交互針對可以幫助盲人用戶的明眼人設計,添加圖示和動畫,這樣就算盲人用戶卡住了聽不懂,也能找明眼人來幫忙。
△ 修改后的教程第一步
在第一版教程里,為了不把教程做得太長,所有的功能鍵操作手勢(向左滑是刪除、向右滑是空格、兩只手指向上滑是送出,等等)僅僅是在最后一步給了一個列表。
用戶在測試的時候表示,他們聽到這些手勢的描述,就很想自己試試看。我們只給一個列表、不能真正嘗試,讓他們感到很不安,感覺讀完還是沒有學會。
所以,在第二版里,我把每一個手勢都單獨拆成一個步驟,讓用戶親自操作嘗試再進行到下一步。
△ 修改后的教程流程
和手握方式的設計相同,在這里我也針對盲人用戶和明眼人朋友采用了不同的交互設計。在針對盲人用戶提供詳細語音描述的基礎上,添加了讓明眼人可以幫助盲人學習用的文字描述和動畫范例。
△ 教程動畫圖示
雖然第二版比第一版的教程長了許多、文字量也大了許多,但是當我們和一撥新的用戶進行第二輪測試的時候,驚喜地發現所有用戶都可以很快很簡單地通過教程,并且快速上手操作。
這再次驗證了交互設計的一條真理:
最短最快的交互并不一定是最好的。采訪真實的用戶、完全站在用戶的角度看待問題、做出適合用戶心智模型的交互設計,才是好的交互。
歡迎關注無障礙設計研究小組的微信公眾賬號:
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 729 位幸運星
發表評論 為下方 1 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓