The design case presented in HPX 2015. HearMe is a recording app for the blind using smartphone and voice over. It helps the blind people to record their daily life easier and quicker. Now it could downloaded from iOS appstore.

1. HearMe
如何打造視障錄⾳音軟體
Afra, Zen
DITL 國⽴立臺灣科技⼤大學
設計資訊與思考研究室
IUILAB 國⽴立政治⼤大學
創新使⽤用者介⾯面實驗室
Sep.2015
1

2. 余能豪 助理教授
指導總監
TEAM
MEMBERS
Zen 張育涓
研究員、專案經理
Diona 林奕岑
資深互動體驗設計師
Afra 蔡宜璇
資深IOS開發⼯工程師
唐⽞玄輝 副教授
指導總監
2

3. WHAT
HAPPEND
3

4. 你知道，視障者是如何感受這世界的嗎?
4
先來認識⼀一下我們的⺫⽬目標族群

5. 我們旅行，我們感受大自然
當看見美麗的海，我們會拿出相機
將美麗的海拍攝下來作為紀念
視障者也喜歡旅行，他們感受大自然更敏銳
當他們 “聽” 見美麗的海，會將耳朵豎起
仔細聽海，將當下的的聲音記在腦海中
5
(播放)想像⼀一下，若我們閉上眼睛，要如何感受這個世界？
(點開)HearMe關注視覺障礙族群；失去了視覺的輔助，主要運⽤用聽覺來與世界互動。
像是旅⾏行到海邊，我們可以⽤用相機拍下當時的畫⾯面，⽽而視障者可能會選擇專⼼心地聆聽海浪聲，將回憶記在腦海中。

6. 我們可以輕鬆地將回憶分享給朋友
用先前的照片來作為輔助
藉由相片集來回味當下的美好
視障者也喜歡分享，但只能利用腦海中的回憶
用口述的方式分享給身邊的朋友
但總是沒有一個適當的媒介
所以有時他們用錄音來記錄與分享
6
我們可能⽤用照⽚片、影⽚片等媒介可以很輕易地分享我們的回憶，
但對視障者來說，要與別⼈人分享某⼀一時刻的感受卻不是那麼容易。

7. 因為相片很多
我們也時常把先前的照片記錄整理成冊
以便日後可以用相片集來做紀念
即使視障者可用錄音機
將重要的音訊或回憶錄製下來
卻總是要花許多時間整理過多的檔案
使得他們無法習慣，乾脆不記錄了
7
不像明眼⼈人稍微瀏覽就可以接收完視覺的資訊，
視障者在整理或分享時，常需要在設備之間切換、編輯，相當⿇麻煩
可能會讓⼀一些有記錄需要的⼈人卻步

8. 一般錄音機無語音 分享方式繁瑣點字記錄緩慢 整理檔案困難
8
因此，即使回憶的記錄相當重要，視障者們仍然⾯面臨許多關卡，
包括紀錄⽅方式之⼀一的點字效率不⾼高、也要經過學習，
⼀一般⼤大眾化的錄⾳音機沒有語⾳音輔助，需要死背按鈕的操作步驟，
以及先前提到的整理困難與分享限制等等。

9. OUR CONCEPT
9
我們的團隊觀察到這樣的問題後，希望能藉由原本聽覺的敏銳與關鍵性，
加上智慧型⼿手機的輔助，來幫助視障者解決記憶與記錄的困難。

10. SMART PHONE
整合輔助功能
的潛力
完善語音
支援
觸控操作
的彈性
只需攜帶
單一裝置
延伸分享
觸角
10
我們選擇智慧型⼿手機，因為現在的⼿手機已能提供完善、多國的語⾳音⽀支援，
觸控介⾯面可以根據不同app轉換，可以與其他輔助功能（例如導航）整合在同⼀一裝置，
⾏行動網路⽀支援則可以延伸分享的⽅方式、與他⼈人的連結更加便利
同時，智慧⼿手機相當⼤大眾化，可以讓視障族群擺脫以往特製輔助器具的限制，融⼊入主流的產品、不會覺得拿特殊輔具有些格格不⼊入，也能與親朋好友有更多話題與交流。

11. VOICEOVER
http://www.apple.com/tw/accessibility/ios/voiceover/
VoiceOver是一種以手勢為基礎的螢幕報讀器。在你螢幕上進行的任何
事，從電池電力到有誰來電，再到你指尖碰觸到的 app，皆能讓你聽見
敘述提示。你也能依喜好調整合適的朗讀速度與音調。
Ｗhat is VoiceOver?
藉由 VoiceOver，你能使用一組簡單的手勢來操控你的 iOS 裝置。舉例
來說，以你的手指碰觸或在螢幕上拖曳，VoiceOver 就會告訴你手指所
在有些什麼。
How it works?
11
或許你還是會有疑問，若看不⾒見螢幕，觸控螢幕就只是⼀一塊玻璃，要怎麼操作智慧⼿手機呢？
Apple提供VoiceOver的機制，根據官網的說明，他是⼀一種以⼿手勢為基礎的螢幕報讀器Screen Reader
它可以將畫⾯面上的東⻄西⽤用語⾳音描述給你聽，不⽤用再依賴視覺的資訊；
根據你⼿手指指到的位置，告訴你正在與你互動的物件是什麼

12. 店員 顧客
1. 隔著玻璃櫥窗詢問口味
3. 確定購買某一種口味
2. 根據客人指向位置回答
4. 裝好指定的冰淇淋
12
在挑選冰淇淋的時候，我們會隔著玻璃窗指著某種⼝口味詢問店員，
店員會根據你指的位置告訴你這是什麼⼝口味，接著我們就可以做確認做購買
顧客與冰淇淋不會直接接觸，透過店員來作為媒介

13. VoiceOver User
1. 隔著玻璃詢問物件
3. 確定操作某一個物件
2. 根據User指向位置回答
4. 執行所選的動作
13
再來看到⼿手機的介⾯面，開啟VoiceOver時，就像在顧客和冰淇淋之間多了⼀一層玻璃窗
VoiceOver這位店員會負責幫你說明畫⾯面的東⻄西，執⾏行你輸⼊入的⼿手勢
把在畫⾯面上的視覺層的資訊，轉化成聽覺的資訊

14. 14
VoiceOver會將原有介⾯面上的東⻄西規劃為⼀一個個——冰淇淋桶，
只要使⽤用者的⼿手指點到特定的位置，就會回饋那個物件的說明語⾳音

15. 設定。返回按鈕。 螢幕顯⽰示與亮度。標題。
亮度。標題。
螢幕亮度。百分之三⼗十。
可調整。⽤用單指
上下滑動來調整數值。
⾃自動調整亮度。開啟。
點兩下來切換設定。
⽂文字⼤大⼩小。按鈕。
粗體⽂文字。關閉。
點兩下來切換設定。
15
實際運作會像是這樣，⽅方框代表⺫⽬目前選到的項⺫⽬目，點到的時候就會有系統語⾳音的說明
我們就可以清楚了了解指到的物件是什麼。
這裏會說明螢幕亮度。百分之三⼗十。可調整的意思表⽰示能夠去變更它的數值。怎麼做呢？他會再提⽰示⽤用單指上下滑動來調整數值。
例如我想把螢幕亮度調亮⼀一點，就⽤用單指向上滑動，VoiceOver就會接收到這個⼿手勢並把螢幕調亮。

16. 巧克力
巧克力
香草
芒果
巧克力
16
VoiceOver降低了不⼩小⼼心按錯的⾵風險，例如我們想點巧克⼒力⼝口味，就直接選擇，
但如果不知道巧克⼒力的位置在哪裡，可能⼀一點下去是⾹香草、芒果，然後才找到我們要的巧克⼒力。
無形中的確增加了⼿手勢的步驟，還有等待語⾳音回答的時間，
我們的另⼀一個⺫⽬目標希望能夠盡量減少操作的負擔，在VoiceOver的基礎上進⾏行改善。

17. HEARME DEMO VIDEO
17

18. HOW DID
WE DO
18

19. THE PROCESS OF PROJECT
UXR UXD UXT
Observation
&Interview
UXR 2nd
Observation
&Interview
UXR 1st
Design
Exploration
Design
Assumption
prototype1
HearMe1st
prototype3
1HearMe 3rd
prototype2
HearMe 2nd
HearMe
UXT 1st
HearMe
UXT 3rd
HearMe
UXT 2nd
5
12 2
7
10
19
整個專案流程可分為三個階段：UXR, UXD, 和UXT，
Research進⾏行了兩次的訪談觀察與功能驗證，在後⾯面兩階段則是以迭代設計流程不斷循環設計與驗證，像是prototype就重複了三次，每次的prototype都找了使⽤用者來測試，分別是2個7個與10個⼈人
前半段的過程可參考Diona之前的簡報（HearME設計報告）http://www.slideshare.net/drhhtang/hearme-design-report 與 （HearME需求分析與驗證）http://www.slideshare.net/drhhtang/hearme-
ux-study ，有興趣的⼈人可以再去看她的簡報
這次我們會⽐比較快帶過

20. UXR UXD UXT
Observation
&Interview
UXR 2nd
Observation
&Interview
UXR 1st
Design
Exploration
Design
Assumption
prototype1
HearMe1st
prototype1
HearMe 3rd
prototype1
HearMe 2nd
HearMe
UXT 1st
HearMe
UXT 3rd
HearMe
UXT 2nd
5
12 2
7
10
第⼀一階段
20
第⼀一階段主要包含實際觀察使⽤用者的⽣生活、遇到的記錄問題以及⺫⽬目前的做法
由於接觸的使⽤用者與我們平常的主觀習慣很不⼀一樣，所以學會傾聽和嘗試理解很重要。

21. 視障者常常需要去上電腦課或是科技輔助產品的教
學課程，平常都必須花⼀一整天的時間記憶或練習和
把步驟過程記下來...我的作法是會⽤用錄⾳音筆錄起來
回家的時候就可以復習。
我特別喜歡去海邊，聽海浪聲，感受海⾵風吹拂，我覺
得⼼心情很放鬆。⼠士林官邸啦、淡⽔水、植物園、動物園
什麼的也是我很喜歡去的地⽅方...逛逛坐坐都好，聆聽
不同於都市的聲⾳音。
⿇麻煩是⾳音檔很⻑⾧長，有時候因為你按太久就到開頭了，
你⼜又要花很⼤大⼒力氣再按回來。⼀一兩個⼩小時的錄⾳音檔就
很難找。
記錄聲⾳音並⽴立即分享這件事情⾮非常的有趣，因為沒
有辦法看到照⽚片，很想要把⼩小朋友開⼝口練習叫爸爸
的聲⾳音記錄下來，可以分享給我的視障朋友們。
我喜歡在平⾯面上操作，因為蘋果的語⾳音輸出介⾯面已
經很完整，⽽而且使⽤用上可以跟⼀一般⼈人是無落差的，
⽐比較不會看起來很奇怪：為什麼你⼀一定要⽤用⼀一個那
麼傳統的東⻄西（來錄⾳音）。
⺫⽬目前的志⼯工會錄製有聲書聲⾳音檔給視障朋友們聽，
但其實在志⼯工分享時相當⿇麻煩，需要傳檔案，⽽而且
還要傳輸到記憶卡再放到聽書機裡...
21
透過訪談的使⽤用者跟我們分享了許多他們的⽇日常習慣。
若可以的話，他們也很喜歡出去⾛走⾛走；⽣生活中也有很多場合需要紀錄、分享，
整理或搜尋聲⾳音的檔案，
也覺得現在使⽤用⼿手機相當⾃自然，也很⽅方便。

22. 第⼆二階段
UXR UXD UXT
Observation
&Interview
UXR 2nd
Observation
&Interview
UXR 1st
Design
Exploration
Design
Assumption
prototype1
HearMe1st
prototype1
HearMe 3rd
prototype2
HearMe 2nd
HearMe
UXT 1st
HearMe
UXT 3rd
HearMe
UXT 2nd
5
12 2
7
10
22
第⼆二階段則是根據觀察訪談的結果，收斂歸納出功能設計的⽅方向

23. • 現有錄音裝置以數字編號命名，無
法立即得知檔案的大概內容。
• 自行建立分類相當需要；根據時
間、檔名、地點等來搜尋也有幫
• 把檔案從錄音裝置傳到電腦，再
傳給別人步驟很麻煩。
• 期待能分享更多生活中資訊給家人
朋友，或是互相共享資料。
• 手機錄音軟體沒有設計重複播放片
段，只好接到電腦。
• 錄音帶要快轉、倒轉到想聽的部分
比較耗時間。
• 錄音筆的操作變化太多，介面太複
雜，不太敢使用。
• 在錄音中能標記出重要段落，方便
日後聽取。
播放
錄音 整理
分享
23
我們提出四個⼤大的⽅方向：包括關鍵的錄⾳音功能，以及錄⾳音後要能夠⽅方便的整理與播放
同時要能夠輕鬆的與別⼈人分享

24. 第⼆二階段 - 第三階段
UXR UXD UXT
Observation
&Interview
UXR 2nd
Observation
&Interview
UXR 1st
Design
Exploration
Design
Assumption
prototype1
HearMe1st
prototype1
HearMe 3rd
prototype2
HearMe 2nd
HearMe
UXT 1st
HearMe
UXT 3rd
HearMe
UXT 2nd
5
12 2
7
10
24
到了第⼆二階段與第三階段，就是實作我們的prototype，
並且實際去做測試、驗證我們的設計概念

25. 第一版 第二版 第三版
25
這是三個版本的主畫⾯面
這個部分我很快介紹幾個例⼦子，
在開發過程中，我們會針對需求，嘗試提出⼀一些設計⽅方案，在測試之後可能會有新的需求或問題，再去重新思考是不是有新的設計或解法
是⼀一個不斷演進的過程

26. ？
！
＃
長按手勢來開始錄音
MagicTap手勢來開始錄音
快速啟動錄音功能
降低誤觸機率
長按容易誤觸
？？
！！
26
我們希望能提供快速啟動錄⾳音的捷徑，⽤用⼀一個⼿手勢來完成。
⼀一開始是⽤用⻑⾧長按的⼿手勢，但發現使⽤用者容易不⼩小⼼心按到、或不夠順暢，
後來就選擇使⽤用MagicTap，也就是雙指點兩下這個標誌性的⼿手勢來啟動錄⾳音。

27. ？
！
＃
段落標記時系統自動提前幾秒
記錄標記實際時間
彌補標記手勢的延遲
依個人錄音情境不額外調整
錄音情境分為被動錄製與主動錄製
？？
！！
手勢輸入時間
系統標記時間
手勢輸入時間
系統標記時間
27
錄⾳音中我們可以標記⼀一個段落的時間。有時候像在上課，可能⽼老師講了⼀一兩句才覺得這個地⽅方我之後會想再回來聽，再去下標記的⼿手勢，就會有點delay。
所以我們想可不可以系統來幫忙彌補這段延遲。
不過使⽤用者實際錄⾳音的情況有很多種，除了被動的錄製⽼老師的講解，可能使⽤用者⾃自⼰己就是⽼老師，要錄⼀一段教學。這時他就很清楚段落要標記在哪裡。所以我們後來是恢復標記實際輸⼊入⼿手勢的時間。

28. ？
！
＃
自動對焦到下層清單的第一項
預設對焦到下一層第一個元件
減少瀏覽手勢動作
符合原先瀏覽習慣
不曉得已經進入到下層清單
？？
！！
九月一日
九月二日
九月三日
九月四日
九月二日
檔案A
檔案B
檔案C
九月一日
九月二日
九月三日
九月四日
九月二日
檔案A
檔案B
檔案C
28
在VoiceOver上我們希望能盡量減少瀏覽的⼿手勢，因此我們設計讓VoiceOver⾃自動對焦到下⼀一⾴頁的第⼀一項。像是第⼀一⾴頁是⽇日期清單，第⼆二⾴頁是其中⼀一天的檔案清單。
當點到九月⼆二⽇日時，到下⼀一⾴頁會直接聽到檔案Ａ的語⾳音。
但是使⽤用者在操作時卻會有不曉得已經進⼊入到第⼆二⾴頁的情形，可能會在檔案清單中還想說九月⼀一⽇日的項⺫⽬目跑去哪了。所以後來我們還是讓使⽤用者到了第⼆二⾴頁仍然會先聽到「九月⼆二⽇日」的標題，再慢
慢瀏覽下去。

29. ？
！
＃
提供語音簡介功能取代打字
同時提供語音簡介與文字檔名
減少打字的需求
因應不同儲存需求可選擇語音或打字
搜尋或分享給別人時仍需要文字檔名
？？
！！
錄製五秒語音簡介
儲存
錄製五秒語音簡介
儲存
輸入檔案名稱
29
在⼿手機上打字對於視障者來說也是滿⿇麻煩的⼀一件事，我們想要減少打字的機會。這裏我們提供⼀一個錄製五秒語⾳音簡介的功能，來取代打字。
不過使⽤用者雖然覺得語⾳音簡介很不錯，但也反應在某些情境需要有⽂文字檔名的資訊，例如搜尋關鍵字、分享給別⼈人的時候。之後我們就讓語⾳音簡介和⽂文字檔名都可以編輯。

30. ？
！
＃
錄音步驟搭配系統語音說明與音效
錄音時避免錄製語音和音效
提供清楚的語音回饋
提供語音音效時降低干擾
系統聲音可能被錄製到檔案中
？？
！！
標記音效
標記音效
暫停錄音
30
清楚的系統語⾳音回饋也相當重要。我們⼀一開始在每個動作都搭配語⾳音說明和⾳音效，像是開始錄⾳音、暫停錄⾳音、段落1等等。但是使⽤用者在實際錄⾳音時，其實會很想避免系統的聲⾳音被錄到檔案裡，尤
其是在⽐比較正式的場合，像是課程或會議。所以我們就再去思考如何提供說明的同時，符合錄⾳音情境的需求。像是標記段落時就不提供語⾳音，⽽而⽤用很短的⾳音效來提⽰示，並且在播放⾳音效的0.4秒鐘暫
停⼀一下錄⾳音，可以保有錄⾳音流暢⼜又不會被干擾到。

31. ？
！
＃
單指滑動直接切換段落
段落和段落之間小範圍搜尋
方便快速的控制檔案播放
雙指滑動跳過五個段落
段落數量較多的時候滿麻煩
！！
＃＃
單指上下滑動快轉倒轉五秒！！！
31
在播放檔案時也會有各種的播放需求，開發的過程中逐漸地加上操作的彈性
例如可以切換段落、段落很多時可以⼀一次切換五個、在段落中可以快轉或到轉五秒的⼿手勢等等

32. HearMe APP 如何打造視障錄⾳音軟體HearMe APP 如何打造視障錄⾳音軟體
Features of
快速錄⾳音
重點標記
清單整理
語⾳音簡介
播放操作
分享檔案
32

33. 第三階段
UXR UXD UXT
Observation
&Interview
UXR 2nd
Observation
&Interview
UXR 1st
Design
Exploration
Design
Assumption
prototype1
HearMe1st
prototype3
HearMe 3rd
prototype1
HearMe 2nd
HearMe
UXT 1st
HearMe
UXT 3rd
HearMe
UXT 2nd
5
12 2
7
10
33
第三階段也是HearMe上架前的最後⼀一個階段，這時HearMe各項功能發展也已經相當成熟了，
我們再度邀請10位使⽤用者將HearMe帶回去實際使⽤用⼀一週，回來與分享他們的使⽤用⼼心得。

34. 使⽤用者脈絡
使⽤用脈絡
⼯工具
使⽤用者
34
透過質化訪談⽅方式，我們觀察出了使⽤用者是如何使⽤用HearMe，因此發現了不同的使⽤用脈絡

35. 使⽤用者脈絡
依習慣&動機分為3大類型
學習型工作型 生活型
35
依據使⽤用者在HearMe的錄⾳音⾏行為和動機可分為「⼯工作」、「學習」、「⽣生活」3⼤大類型。
⽽而每⼀一位使⽤用者也可能會有混合類型的⾏行為模式，例如「⼯工作+學習」或「學習+⽣生活」等。

36. " 公司固定每週會有幹部會議，大概都是1小時左右... 開會時會
需要去作紀錄，就當下一邊聽一邊打成會議紀錄" (黃小姐)
"我本身是廣播電台工作者，每週錄個3-5次，每次都錄2小時左
右" (鐘先生)
固定的錄音頻率，至少有半小時以上的錄音需求
"會議一定要錄音, 特別是數據化的資訊是非錄不可的...之後會去
搜尋手打的文件作確定" (黃小姐)
手打筆記
⼯工作型
36
⼯工作型錄⾳音者包含：上班族（客服⼈人員），盲電教師，電台⼯工作者這類的專業職⼈人。
因為⼯工作的需求他們有相對固定的錄⾳音頻率。
⼀一週⾄至少錄⾳音2-3次，每次約30分鐘到1⼩小時不等。
數據化等的資訊會搭配⼿手打筆記（⼀一邊聽⼀一邊做筆記）記錄重點。

37. "錄音節目還沒有播出的錄音，不太適合分享出去" (鐘先生)
” 教育訓練和會議紀錄涉及到商業機密，頂多借給主動跟我借音
檔的同事" (陳先生)
音檔涉及商業機密，多以"分享給自己"為優先考量
"通常把聽的錄音檔打成文字儲存在pc上後，就會把檔案刪除了
" (黃小姐）
歸檔後即刪除，避免佔空間
37
因為⾳音檔內容涉及商業機密，他們傾向將錄⾳音檔直接傳輸給⾃自⼰己，在檔案歸檔後⽴立即刪掉裝置上的檔案。

38. "上課時，重點都會先用手打筆記記錄下來" (陳同學)
"如果已上課筆記來說，除了錄音外，我會在手打筆記去記錄重
點，但有時要一邊打一邊去確認時間(暫停打字,去滑手機聽報時
或確認秒數)反而會漏掉東西，而且很麻煩" (孫同學）
錄音搭配手打筆記紀錄重點
"很隨機, 別人借才會給音檔" （古先生）
“不會主動分享, 但會借給有需要的同學“ （陳同學）
"被動式分享"行為
學習型
38
學習型，包含學⽣生以及進修者（芳⾹香療法，筋絡調理課程等），⼀一堂課的時間平均50分鐘。在學中學⽣生族群會因為上課有更多錄⾳音的需求。
⼀一樣也是打配⼿手打筆記記錄重點，⽅方便⽇日後做課堂溫習
在分享的⾏行為：通常只有同學們要借檔案時才會分享⾳音檔

39. “通常本身就用錄完就刪，我不想佔手機的記憶體" (陳同學)
上課的音檔內容通常很大
會固定清空在手機上已完成歸檔的錄音檔
39
⼀一樣是在歸檔後，便會刪除⾳音檔節省空間。

40. "(當別人打電話給我時)，像是電話、地址、搭什麼車和是什麼行
程...會把它錄音當作語音備忘錄在用" (張先生)
“家人慶生或是2歲小朋友的講話聲會錄下來” (古先生)
隨機性錄音，在生活中突然需要記憶或是留念的時刻
"錄製電話號碼或是地址" (古先生)
“突然想到一些旋律和歌詞也會錄下來” (張先生)
"合唱團的團練實況" (何先生)
多樣化的錄音內容
⽣生活型
40
⽣生活型錄⾳音相較於⼯工作或學習型更隨機。
錄⾳音情境，可能相當突然：例如朋友打電話要約聚餐的時間地點，電話號碼。或是交通⽅方式。
（就像我們會隨⼿手拍照⼀一樣，視障朋友也會把聽到有趣的聲⾳音給錄下來），
因此錄⾳音內容也相當多樣化：除了（電話，地址）資訊類型
也包含親友慶⽣生等重要時刻或是創作靈感。

41. “USB最多, 偶而會用Skype 或 FB。ftp 也有用但是要看接收者
會不會使用”(鐘先生)
"小朋友練習唱歌會用iphone上的video 錄,用LINE傳 (給媽
媽)。也會用LINE錄短錄音...”(黃小姐)
主動分享，分享媒介會視親友使用的平台而定
41
由於⽣生活型的錄⾳音內容具珍貴回億價值，因此他們更有“主動分享”的動機，來與親友分享⽣生活時刻。
這裡有趣的發現是，視障朋友也會⽤用錄影來記錄聲⾳音，原因是多了影像部分可以讓明眼朋友也看到視覺資訊。
他們的分享媒介也傾向⼤大眾常⽤用的line,fb, youtube.

42. User
生活型學習型
Interaction
手打筆記
重點標記
歸檔就刪
手打筆記
重點標記
歸檔就刪
分享
錄完就傳
Objects
手機
桌電/筆電
手機
手機
桌電/筆電
Activities
會議記錄
教學課程
廣播採訪
課堂筆記
溫習功課
生活記事
創作靈感
重要時刻
Environment
公司
住家
住家 戶外
變動環境
學校
住家
工作型
42
透過脈絡的觀察，我們結合AEIOU的⽅方式，發現了⼀一些有趣的地⽅方：
⼯工作＆學習型：兩類型錄⾳音⾏行為相似，有跨裝置的習慣、記錄重點等需求，也會固定刪除檔案。
⽣生活型：強烈的分享動機，錄完就傳，由於檔案具珍藏價值，較不會去刪除。
會相較⼯工作學習，更常機會在隨機和變動的環境中錄⾳音。

43. INSIGHTS
不同錄音族群的設計建議
• 數據化或大量的資訊有被紀錄的迫切性
• 檔案傳輸便利性
• 儲存空間
• 跨裝置的延續性
• 快捷操作
• 與社群平台的連結程度
工作型
學習型
族群共通處
生活型
43
延續以上的使⽤用者的脈絡觀察，我們提出了針對不同族群的設計建議：
1.無論是 [⼯工作] [學習] [⽣生活]， 數字類型的內容 (電話，地址，會議中數據化的資訊) 都有錄⾳音的必要性，因為數據化資料⼀一旦太龐⼤大或時間⼀一久, ⽇日後都難以記憶。
2. 「⼯工作學習」在設計上需考量如何有效率地取出檔案供他們再利⽤用，透過雲端裝置傳輸檔案，在當前已經是必要的⽅方式之⼀一。
3.「⽣生活型」錄⾳音者，因為隨機的錄⾳音情境需求，更需有快捷的錄⾳音操作。
較重視社群的傳播與趣味性，因此在產品設計上應考量視障朋友之親友常⽤用的社群媒體。

44. 手勢設計一致性
語音回饋完整而有先後
線性排列內容
清楚提示階層的往返
iOS遵循介面設計原則
提升學習與理解
節省時間、專家效率
符合心智地圖
控制與信心
空間記憶
DESIGN FOR
44
不只在設計，對於智慧型⼿手機上的軟體的運作
我們也有更深⼊入的了解，與各位分享⼀一些⼿手機輔助設計的⼼心得

45. 錄音時標記重點段落為向右滑動，聆
聽時也一樣左右滑動來跳段落。
iOS中調整數值例如音量、語速的手勢
是上下滑動來增減，套用在快轉倒轉情
境中一樣上下滑動。
⼿手勢設計⼀一致性
快速理解，學習使用
45
由於iOS的VoiceOver或Android的Talkback本來就有規範⼀一些內建的⼿手勢，
要將這些使⽤用者已經很熟悉的⼿手勢情境與意義考慮進去

46. 完整詳細的語⾳音說明
節省搜尋時間，依個人選擇聆聽
錄音提示除了雙指雙擊開始錄音，後續可
再接續說明錄音時的操作手勢。
錄音檔案的資訊有檔名、長度、日期、地
點、檔案大小、段落數量...都放上去，需
要可再細聽。
46
語⾳音是⾮非常重要的回饋⽅方式，但卻也很容易耗費時間，可以想像⼀一下打去語⾳音客服的狀況
並且每個使⽤用者對資訊的詳細程度需求不同，我們建議應該將資訊都放上去，但依照重要性排序，⼤大多使⽤用者可以聽開頭的部分，需要多⼀一點資訊的使⽤用者再繼續往下聽

47. 條列式編排畫⾯面內容
減輕短期記憶負擔，符合心智地圖
預設的清單頁面，只要瀏覽上一項或下
一項來搜尋。
47
語⾳音的介⾯面上，內容的排放盡量以條列式為主，因為沒有視覺與空間的線索可以跳來跳去；使⽤用者只需要知道上⼀一項、下⼀一項，這樣⽐比較容易理解、也⽐比較不會有記憶的負擔

48. 清楚提⽰示階層往返
獲得聽覺的空間感，不易迷失
例如到下一層時會瀏覽到該頁面的
標題，便知道已換到下一頁。
跳出通知視窗時有相應的音效，提
示畫面排列與先前不同。
48
我們也發現視障者很需要畫⾯面變更的提⽰示與回饋，才能做出相應的操作，
若沒有通知到畫⾯面原有的項⺫⽬目已經更新，使⽤用者會覺得出了什麼問題、或是找不到⾃自⼰己在系統的哪裡
像是我們閉著眼睛在樓層中⾛走路，如果沒有摸到⾨門框，就不曉得已經進⼊入下⼀一個房間
因此透過聽覺或震動回饋來協助他們清楚的在系統的⼤大樓中穿梭，相當重要

49. 遵循⼿手機介⾯面設計原則
跨App操作一致性，空間記憶的可能
狀態列、巡覽列，從螢幕邊界快速摸到電池電
量或回上一頁按鈕。
49
最後則是很制式的重申要遵循介⾯面設計原則，尤其是iOS系統
我們發現視覺障礙者在習慣iPhone的介⾯面後，會很⾃自然的找尋畫⾯面上⽅方的標題、上⼀一⾴頁按鈕、和底下的⾴頁籤等，
好處就是當使⽤用者接觸到新的app也能很快摸索出互動⽅方式，熟練的使⽤用者則可以不斷提昇操作的效率
以上是關於輔助設計的⼀一些⼩小建議
其他像是附上圖⽚片的說明、避免使⽤用很⼩小的按鈕、也可想像⼀一下VoiceOver使⽤用者將會怎麼瀏覽你的app，然後是不是能跳過⼀一些部分等等

50. OUR
FUTURE
50

51. 未來發展與趨勢
一致性
工作
持續性
裝置
互補性
Multi-Device
跨裝置串連
Haptic
Feedback
電觸回饋
增加可
信賴度
變動的
環境
多感輔助
圖⽚片來源 innomambo & senseg：薄膜式觸覺反饋技術的關鍵在於帶負電的⼿手靠近帶正電的薄膜時，放電效應會產⽣生觸膜感受。
51
結合我們對於使⽤用者的了解，與創新的應⽤用，我們提出了HearMe 未來發展的可能性。
1. 跨pc端的整合。2.電觸回饋的新技術。
第⼀一個是跨裝置串連：視障朋友跟我們⼀一樣跨⾏行動裝置的需求，要達成好的跨裝置體驗有3個重點：善⽤用跨裝置的優勢，讓即時性的任務交給⼿手機，複雜的⼯工作交給桌⾯面。
如何將⼿手機上進⾏行的⼯工作交棒給下⼀一個裝置，也就是所謂的持續性：例如將⼿手機錄⾳音的重點/檔案，能夠無縫式的在桌⾯面獲得，並進⾏行下⼀一步的編輯。
另外，維持「資訊架構」與「⼼心智模式」⼀一致性，可以讓使⽤用者在⼿手機->桌⾯面：減少學習曲線（例如：⼿手機⼿手勢與桌⾯面的快捷鍵設計是否能直覺性，⼜又不衝突），也將會是⼀一⼤大挑戰。
第⼆二部分是結合新技術的應⽤用
電觸回饋：觸控⾯面底下，透過電流的改變與回饋，讓使⽤用者感受到擬真的材質變化。例如：按鈕與刻度的感覺。
Voice over 主要是透過聲⾳音的回饋來讓使⽤用者獲得資訊，然⽽而在吵雜或變動的環境中，由於聲⾳音干擾因素過多，會影響使⽤用者接受訊息的完整度；
⽽而在研究中的發現，若當下環境不適合聲⾳音回饋(例如寧靜場所)，則視障朋友將會難以得知當前操作的狀態、或選項資訊，僅仰賴單⼀一的震動回饋也顯得不⾜足。
因此，我們認為在下⼀一步的設計趨勢中，將可在⾏行動裝置中搭配電觸回饋 (haptic feedback) ，
便可以在變動的環境，靠觸覺獲得更多的資訊回饋，（e.g.例如，可以感到按鈕的切換，界⾯面的邊界，速度調整的刻度等等）以減輕使⽤用者聽不到聲⾳音的不安全感。

52. 持續追蹤回饋
52
使⽤用者經驗是⼀一個持續的路，在HearMe 上線後我們透過
量化的GA分析，⽤用數據追蹤各功能使⽤用成效
並結合我們的partner UX Testing, 從熱點圖 Heatmap,與使⽤用者的操作流程圖
了解使⽤用者的使⽤用概況，作為優化的參考依據

53. AWARD
53
我們也很榮幸，HearMe在開發的過程中獲得了國際設計的獎項肯定

54. hearme.taiwan@gmail.com
54
HearMe ⺫⽬目前已在APP STORE上架. 歡迎分享給需要的朋友們!
我們期待這是⼀一個好的開始，可以為更多想投⼊入輔助設計的朋友們分享好的設計概念與想法。也歡迎⼤大家與我們交流 ：）
謝謝