簡易檢索 / 詳目顯示

研究生: 陳萱恩
Hsuan-Eng Chen
論文名稱: 視障者行動導航之使用者經驗設計與研究
The User Experience Design and Study of Mobile Navigation App for the Visually Impaired
指導教授: 唐玄輝
Hsien-Hui Tang
口試委員: 余能豪
Neng-Hao Yu
陳建雄
Chien-Hsiung Chen
學位類別: 碩士
Master
系所名稱: 設計學院 - 設計系
Department of Design
論文出版年: 2016
畢業學年度: 104
語文別: 中文
論文頁數: 153
中文關鍵詞: 視障行動導航使用者經驗VoiceOver輔助使用多感官微定位iBeacon
外文關鍵詞: Visually Impaired, Mobile Navigation App, User Experience, VoiceOver, Accessibility, Multi Sensory, Micro Location, iBeacon
相關次數: 點閱:305下載:28
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 使用手機的導航功能對一般人來說是一件極為方便且普通的事情。然而台灣多數使用智慧型手機的視障朋友,並沒有受惠於此科技的優點,外出導航甚至獨立行動仍存有諸多不便。我們透過情境訪查、隨身觀察、與專家訪談等質化研究方法,深入了解視障者行走的方式、使用智慧型手機的習慣、以及過往安排日程查詢交通資訊的經驗。根據我們的調查,視障者仰賴聽覺使用手機,但大部份的網站與App呈現資訊的方式,皆以視覺思考的邏輯為主,其資訊呈現非常不利於視障使用者。此外,視障者行走時需仰賴聽覺、觸覺、嗅覺等非視覺方式接收環境的細節資訊,藉此辨認所在位置與正確的行進方向,但是現有的導航服務中都沒有提供這些訊息。這些問題都導致視障者使用現有的導航服務時沒有好的用戶體驗。我們依據研究結果產出一款專為視障者設計的導航app,順應視障者使用VoiceOver操作手機的習慣,本研究歸納出友善視障者的介面,來呈現交通資訊。於導航過程中結合定向訓練的概念,藉由Beacon的微定位技術,沿途提供環境細節資訊,讓視障者的行路經驗變得更簡單、順暢。最後,希望我們能藉由本研究的產出,提升視障者對於生活環境的認知,協助他們重建獨立行動與生活的能力。


    Using mobile apps to navigate our daily outings is very common for most of us. However, the visually impaired smartphone user does not benefit from this technology. A tremendous demand for independence & mobility remains unsolved.
    Through the qualitative research methods like contextual inquiry, shadowing, and expert interview, we’d like to reveal how the visually impaired people walk, how they plan for trips, and how they use smartphone.
    According to our preliminary study, visually impaired people use their smartphone by auditory sense. They are navigated by VoiceOver, an iOS screen reader that verbally describe every object and movement on the screen. However, most of the websites and apps usually display information in a visual thinking logic. The visually impaired users can encounter many difficulties of unfriendly information display and interaction design with those services. In addition, we found that when the visually impaired person walk on the streets, they incorporate all the available senses of touch, smell, and sound to perceive the environments. They would be able to locate themselves and decide which way to go according to those references. Unfortunately, none of the current navigation services provide the information. These factors lead to a frustrating navigation experience.
    In this paper, we propose a mobile navigation app specially designed for the visually impaired smartphone user. Incorporating with VoiceOver usage pattern, we present a visually impaired user friendly interface for searching outing information. By leveraging the concept of O&M training, the app provides micro location info to the visually impaired users through Beacons along their journey to enhance the outing experience. Other than that, the app preserves the route details for users to review and share. Through our design and research, we hope to enhance visually impaired people’s cognition to their living environments, motivate them to explore the world on their own, and enable a greater sense of mobility & independence.

    碩士學位論文指導教授推薦書 i 碩士學位考試委員審定書 ii 中文摘要 iii Abstract iv 誌謝 vi 目錄 vii 圖目錄 xii 表目錄 xiv 一、 研究背景與目標 1 1.1 視障者外出的需求 1 1.2 視障者使用智慧型手機的趨勢 2 1.3 iBeacon的興起,從室內到室外定位的可能性 4 1.4 研究目標 4 二、文獻探討 5 2.1 視障者特質 5 1.盲人心理地圖建置 5 (1)視障者與明眼人心理地圖之建制差別 5 (2)弱視或後天視障與先天視障之差別 6 2.定向行動 6 2.2 視障導航 8 1.視障者與一般人在導航需求上的差異 8 2.適合視障導航的回饋方式 9 (1)引導視障者行走的最佳方式:口語敘述與震動 9 (2)視障者到陌生環境行走時的所需資訊 10 (3)定位尋路語音盲用輔助系統設計建議 11 2.3 技術相關研究 13 1.現行導航服務所使用的定位技術 13 2.iBeacon定位技術相關 15 (1)優勢 15 (2)相關應用 16 三、研究方法與流程 19 3.1 受訪者基本資料 21 3.2 使用者經驗研究與對應發現 23 1.情境訪查 (Contextual Inquiry) 23 (1)螢幕報讀軟體VoiceOver的操作模式 24 (2)外出動機 25 (3)文字輸入方式比較與交通資訊查詢過程 25 (4)前往陌生地點的事前準備:一次性拜訪 29 (5)前往陌生地點的事前準備:多次性拜訪 29 (6)外出必備 31 2.隨身觀察 (Shadowing) 31 (1)選擇交通方案的偏好 33 (2)其他外出習慣 33 (3)過馬路 33 (4)迷路 33 (5)行走中與手機的互動 34 (6)使用導航相關app的經驗 34 3.專家訪談(Expert Interview) 37 3.3 需求分析 40 四、手機介面與導航機制之使用者經驗設計 43 4.1 產品定位、主要功能定義 43 4.2 適合視障者的介面設計 46 1.介面資訊呈現 46 2.介面閱聽動線 47 3.資訊架構設計:Table View 列表式架構 49 4.介面視覺設計規範 49 4.3 App的介面細節設計 50 1.主屏幕(homescreen)設計 51 2.功能一、電話地址查詢 53 (1)搜尋頁面與文字輸入 54 (2)呈現「附屬編輯功能」的方式:動作選單(Action Sheet) 56 (3)查詢體驗串接 63 3.功能二、路線規劃 65 (1)文字輸入過程中提供候選地點種類的優先順序 67 (2)呈現單一交通方案中四個層級資訊的方式 70 (3)導航模式 75 (4)更錯與迷路 76 4.功能三、現在位置 78 5.功能四、歷程記錄 80 4.4 Beacon於實際環境中的設置策略 82 五、使用者經驗測試與設計修正 84 5.1 第一次測試 85 1.測試背景 85 2.設計驗證 87 (1)多感官訊息 87 (2)設置Beacon地點的規則 88 3.問題發現 89 (1)語音導航訊息的組成 89 5.2 第二次測試 90 1.測試背景 91 2.設計驗證 92 (1)長距離直線路段的持續提醒 92 (2)「下一步」的提示 93 3.問題發現 94 (1)語音導航訊息:面向偵測與行進方向校正 94 (2)語音導航訊息:幾點鐘方向的描述 96 (3)語音導航訊息:找參考物的描述 97 (4)語音導航訊息:更錯提示 99 (5)介面設計:App UI架構扁平化設計的限制 101 (6)介面設計:行走情境中app的體驗串接 102 5.3 第三次測試:易用性測試結果 103 1.測試背景 103 2.任務測試:測試結果 106 3.設計驗證 108 (1)Table View架構 108 (2)文字輸入 108 (3)顏色區分功能 及 文字與底色的對比 108 (4)資訊分段呈現方式 108 4.問題發現與修改 109 (1)呼叫動作選單(Action Sheet)的手勢 109 (2)動作選單(Action Sheet)的選項 109 (3)轉乘方案概述中的歷程細節預覽 110 (4)現在位置 111 (5)總體建議:VoiceOver報讀內容措辭 113 5.SUS、NPS問卷分析結果 114 (1)SUS易用性評估(System Usability Scale) 114 (2)NPS淨推薦指數(Net Promoter Score) 116 6.總結 118 六、結論與建議 119 6.1 未來優化的方向:搭載音效、配合穿戴裝置...等 119 6.2 服務上線所面臨之困難:Beacon建置與管理 120 6.3 跨領域合作的重要性 121 七、參考文獻 123 英文 123 中文 124 網路資料 125 附錄一、第三次測試流程與問卷 127

    英文
    [01] Griffin-Shirley, N., Trusty, S., & Richard, R. (2000). Foundations of education: Instructional strategies for teaching children and youths with visual impairments.
    [02] Golledge, R., Blades, M., Kitchin, R., & Jacobson, D. (1996). Understanding Geographic Space Without the Use of Vision. Research Unit on Spatial Cognition and Choice, UCSB.
    [03] Cattaneo, Z., Vecchi, T., Cornoldi, C., Mammarella, I., Bonino, D., Ricciardi, E., & Pietrini, P. (2008). Imagery and spatial processes in blindness and visual impairment. Neuroscience and Biobehavioral Reviews. http://doi.org/10.1016/j.neubiorev.2008.05.002
    [04] Geruschat, D., & Smith, A. (1997). Low vision and mobility. In B. Blasch, W. Wiener, & R. Welsh (Ed.) Foundations of Orientation and Mobility. New York: American Foundation for the Blind.
    [05] Gaunet, F., & Briffault, X. (2005). Exploring the Functional Specifications of a Localized Wayfinding Verbal Aid for Blind Pedestrians: Simple and Structured Urban Areas. Human-Computer Interaction. http://doi.org/10.1207/s15327051hci2003_2
    [06] Jacobson, W. H. (1993). The Art and Science of Teaching Orientation and Mobility to Persons with Visual Impairments. New York, New York, USA: American Foundation for the Blind. Retrieved from https://books.google.com.tw/books?id=r1i1nrwnZL0C&dq=Jacobson+1993+orientation+and+mobility&lr=&hl=zh-TW&source=gbs_navlinks_s
    [07] Nicolau, H., Guerreiro, T., & Jorge, J. (2009). Blobby : Mobile Guide for Blind People Orientation System for Blind. CHI’09 Extended Abstracts on Human Factors in Computing Systems. Lisbon. Retrieved from http://web.ist.utl.pt/tiago.guerreiro/pervasive-accessibility/docs/2.pdf
    [08] Kammoun, S., Jouffrais, C., Guerreiro, T., Nicolau, H., & Jorge, J. (2012). Guiding Blind People with Haptic Feedback. Frontiers in Accessibility for Pervasive Computing (Pervasive 2012). Retrieved from http://web.ist.utl.pt/tiago.guerreiro/pervasive-accessibility/docs/2.pdf
    [09] Bangor, A. (2009). Determining What Individual SUS Scores Mean: Adding an Adjective Rating Scale. Journal of Usability Studies, 114–123. Retrieved from http://uxpajournal.org/determining-what-individual-sus-scores-mean-adding-an-adjective-rating-scale/
    [10] Reichheld, F. (2006). The Ultimate Question: Driving Good Profits and True Growth (1st ed.). Boston: Harvard Business School Press. Retrieved from http://www.theultimatequestion.com/theultimatequestion/about_the_book.asp?groupCode=1

    中文
    [01] 彭曼筠(2012)。成年視障者使用手機情況與需求及 使用智慧型手機意願調查研究 Usage and needs of mobile phones and willingness of using smartphone for visually impaired adults。國立臺南大學特殊教育學系輔助科技碩士論文,台南。
    [02] 杜明叡(2009)。視障者行動觸覺地圖與導航訊息設計研究 A study in mobile blind map and guild information design for the blind。大同大學工業設計研究所碩士論文,台北。
    [03] 黃文虹(2011)。視覺障礙教育教師定向行動專業知能之調查研究 The study of orientation and mobility for teachers of students with visual impairments。國立臺南大學特殊教育學系碩士論文,台南。
    [04] 黃永欽(2007)。盲人擔任定向行動人員的可行性探討。啟明苑通訊, (46)。取自: http://www.enable.org.tw/res/detail05.php?id=304
    [05] 毛連塭(1973)。盲童定向移動研究。台南:台灣省視覺障礙兒童混合教育計畫師資訓練班。
    [06] 劉信雄(1981)。盲童定向行動訓練。台南:國立台南大學視障教育與重建中心。
    [07] 張訓誥,陳文雄(1970)。亞洲服務視覺障礙人員專門詞彙。台南:國立台南師院視障師訓班。
    [08] 萬明美(2001)。視覺障礙教育。台北:五南圖書出版股份有限公司。取自: https://books.google.com.tw/books?id=diXWyTcwUB0C&redir_esc=y
    [09] 余蓮菁(譯)(1997)。定向與行動技術-專業人員指引。台北:台北市立師範學院特殊教育學系。原著:Everett Hill & Purvis Ponder(1976). Orientation and mobility techniques-A guide for the practitioner。
    [10] 朱貽莊(2010)強化視覺障礙者獨立生活能力的新思維,社區發展季刊 130期99年六月
    [11] 柯平順 ,田蒙潔,范文良(1999)。臺北市大眾捷運系統視障無障礙引導通路研究。台北市捷運工程局,台北。
    [12] 國家發展委員會(2015)。104年持有手機民眾數位機會調查報告,台北。取自:http://goo.gl/cLyATY
    [13] 國家發展委員會(2015)。104年身心障礙者數位機會與數位生活需求調查報告,台北。取自:http://goo.gl/qQarsx
    [14] 定向行動領域課程(2010)。台北市:國立師範大學特殊教育中心。

    網路資料
    [01] Gottipati, H. (2013). With iBeacon, Apple is going to dump on NFC and embrace the internet of things | Gigaom. Retrieved August 24, 2014, from https://gigaom.com/2013/09/10/with-ibeacon-apple-is-going-to-dump-on-nfc-and-embrace-the-internet-of-things/
    [02] Thompson, D. (2013). iBeacon and Bluetooth LE: An Introduction. Retrieved August 20, 2014, from http://www.slideshare.net/Dusan_Writer/ibeacon-and-bluetooth-le-an-introduction
    [03] Connolly, P. (2014). iBeacon/BLE Beacon Shipments to Break 60 Million by 2019, Says ABI Research. Retrieved July 8, 2014, from http://www.businesswire.com/news/home/20140708006124/en/iBeaconBLE-Beacon-Shipments-Break-60-Million-2019#.U7wHrI1dXSQ
    [04] Lowensohn, J. (2014). San Francisco Airport testing beacon system for blind travelers. Retrieved July 31, 2014, from http://www.theverge.com/2014/7/31/5956265/san-francisco-airport-testing-beacon-system-for-blind-travelers
    [05] Fabricio Teixeira, & Caio Braga. (2016). The state of UX in 2015/2016. Retrieved from http://uxdesign.cc/ux-trends-2015-2016/
    [06] Shih, H.(2014)。SUS 系統易用性量表。 取自:http://www.hansshih.com/post/85896237295/sus-%E7%B3%BB%E7%B5%B1%E6%98%93%E7%94%A8%E6%80%A7%E9%87%8F%E8%A1%A8
    [07] 柯明期(無日期)。視覺障礙者的特質。2014年8月21日,取自: http://center.batol.net/d4/d4-2.php
    [08] BlindSquare. (2012). What is BlindSquare. Retrieved May 22, 2014, from http://blindsquare.com/about/
    [09] Nield, D. (2015). iBeacon technology powers a new Smart Public Transport project in Bucharest. Retrieved August 21, 2015, from http://www.gizmag.com/ibeacon-smart-public-transport-bucharest/37901/
    [10] 甘偉中(2013)。Yahoo力拼Google「搜尋快現」槓上「知識圖譜」,台北。取自:http://www.nownews.com/n/2013/08/06/190734
    [11] Google. (n.d.). Knowledge Graph. Retrieved from https://en.wikipedia.org/wiki/Knowledge_Graph
    [12] Apple Inc. (n.d.). iOS Human Interface Guidelines: Table View. Retrieved September 26, 2014, from https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/ContentViews.html#//apple_ref/doc/uid/TP40006556-CH13-SW1
    [13] Apple Inc. (n.d.). iOS Human Interface Guidelines: Starting and Stopping. Retrieved September 26, 2014, from https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/StartingStopping.html#//apple_ref/doc/uid/TP40006556-CH52-SW1
    [14] The Digital Tourism Think Tank. (2014). iBeacon vs NFC vs QR vs RFID – which mobile payment systems will prosper? Retrieved July 29, 2014, from http://thinkdigital.travel/opinion/ibeacon-vs-nfc-vs-qr-vs-rfid-which-mobile-payment-systems-will-prosper
    [15] 身心障礙者服務資訊網(無日期)。身心障礙者之分級與鑑定標準. Retrieved August 21, 2014, from http://disable.yam.org.tw/life/517
    [16] 白手杖之愛(無日期)。2014年8月21日,取自:http://www.blindness.org.tw/pedia_white.php
    [17] 凈推薦值 Net Promoter Score (NPS)。2016年2月10日,取自: http://wiki.mbalib.com/zh-tw/%E5%87%80%E6%8E%A8%E8%8D%90%E5%80%BC

    QR CODE