【WeVoice專案】視障朋友的日常好助手!

Monisa Kwan
RedSo
Published in
4 min readMar 29, 2019

--

隨著AI人工智能技術越來越發達,它的應用亦漸漸普及至日常生活,包括文字識別(Optical Character Recognition,OCR)物體辨識等,都可以以app的形式為日常帶來便利,尤其是殘疾人士。這次來分享一個我們和客戶創科社 InnoTech Association合作,為視障人士而設的app — — WeVoice悅聲。

🌟什麼是WeVoice悅聲?

WeVoice是一個為視障人士(包括包括完全失明、剩餘部分視力、弱視、老年視力衰退等人士)提供視覺協助的App,讓視障人士能夠透過手機輕易辨識日常遇上的文字和物體。(下載Wevioce: iOS & android

🌟圖文辨識功能:讓視障人士的生活更便利!

進入WeVoice後,可以使用兩個由Google Vision API提供的功能 — — 文字識別和物件辨識,只需將手機鏡頭瞄準想要知道的文字/物件,然後按下相應按鈕就可以獲得結果囉~

我們首先來試試看文字識別,比如說我想要識別藥袋上的藥物資訊,鏡頭瞄準後按一下「文字」就可以得到結果。

識別小編藥袋上的藥物資訊💊
其他文字識別的例子(並沒有在打廣告)

由於視障人士未必能看清結果文字,所以亦設有發音功能,分析後會自動播放結果內容,文字亦可翻譯作中或英語(翻譯功能使用Google的Cloud Translation)。相信這個功能對視障人士在閱讀資訊時(例如看餐牌、信、報紙等),也會有很大的幫助。

物件和文字辨識的方式也相同,鏡頭瞄準物件後按一下「物件」按鈕,就可以分析出物件是什麼,同樣有發音功能。

輕易就能辨識出勺子和剪刀呢~🥄✂️

🌟無障礙UI:視障人士能順暢使用的設計

乍看之下,上面的截圖所示的UI非常簡單,外觀也談不上讓人耳目一新,讓人不禁懷疑:這個UI真的有被設計過嗎?可是實際上正因細心考慮過每個細節,才有這個UI — — 這個app的主要使用者是視障人士,UI是否容易使用比好看重要得多!我們在設計過程中也特意邀請了視障人士給予建議。以下是一些WeVoice的UI設計要點:

1. 顏色運用

由於WeVoice期望帶出希望、光明、活潑的感覺,因此介面使用鮮豔的檸檬綠(#32CD32)作主題色彩。另外,不少視障人士會有色盲問題,因此將綠色和近黑色(#0E0E0E)配搭,令每一個設計元素都有強烈對比。

2. 按鈕

在按鈕設計方面,首頁的兩個功能按鈕(文字和物件)由於是重點所在,所以都佔很大比例,方便視障人士看清楚和點按。

按鈕超~清~楚~

另外,對於視力有困難的人來說,按鈕排列的直覺性非常重要。我們可以看到主頁右上方有「i」資訊和設定按鈕,而設定功能比資訊頁面更常用,因此置於最邊緣位置,較方便視障人士分辨。

對視障人士而言,在邊緣位置的按鈕更容易按(所以邊緣不是一件壞事)

根據設計師Steven Hoober的研究,有75%的手機操作都是使用拇指,從下圖也可見拇指活動最自如的區域。因此,在分析結果頁面的下方,我們將最重要的暫停/播放按鈕放在最便利的中間位置,重播和設定則於左右兩側。

拇指在普遍手機裡活動最自如的區域👍📱

文章先到此,我們仍在努力為視障人士添加更多元化的功能,例如聊天室,在不久的將來就會面世囉!

謝謝你的閱讀,和我們聊聊吧!

如果你覺得這篇文章不錯,可以給我們鼓掌哦(長按最多可以發送50claps👏)~

在為你的app找UI設計嗎?想要開發自己的app嗎?不要猶豫,馬上點擊下方和我們展開對話!

💬 Facebook|🌐 官方網站|📮電郵

--

--