簡易檢索 / 詳目顯示

研究生: 陳正偉
Cheng-wei Chen
論文名稱: 觸控介面操作使用經驗之研究與設計-以電子睡眠日誌為例
The Study and Design on Usability and User Experience of Touch Screen - A Case Study of Electronic Sleep Diary
指導教授: 唐玄輝
Hsien-hui Tang
口試委員: 陳玲鈴
Lin-Lin Chen
陳建雄
Chien-Hsiung Chen
學位類別: 碩士
Master
系所名稱: 設計學院 - 設計系
Department of Design
論文出版年: 2011
畢業學年度: 99
語文別: 中文
論文頁數: 116
中文關鍵詞: 睡眠日誌觸控操作介面設計使用性使用經驗
外文關鍵詞: Sleep Diary, Operation of touch screen, Interface design, Usablity, User experience
相關次數: 點閱:473下載:26
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 隨著科技進步,現今觸控介面的應用越來越多,市面上見到的電腦作業系統與硬體也漸漸往觸控及平板電腦操作發展,趨勢在於操作方式是直覺且多變化的,然而與個人電腦鍵盤滑鼠的輸入有所差異,例如觸控方式是以手指或筆尖接觸螢幕上的功能圖示,而個人電腦是靠滑鼠左右鍵及滾輪的滑動在螢幕上做輸入操作,其觸控操作方式皆不同於鍵盤滑鼠輸入,因此在人機互動方面產生了新的議題。
    近年由於生活壓力大,許多都有失眠或睡眠障礙的問題,而本研究「電子睡眠日誌」是針對失眠患者在診察過程中做輔助記錄的產品,整合傳統紙本睡眠日誌內容將其數位化,然後以觸控式螢幕作為介面操作,希望能提升整體使用能力。
    本研究運用設計實務,運用「電子睡眠日誌」為例,發展出以使用者為中心的設計介面,規劃不同的觸控操作方式、觀察使用者觸控過程出現的問題以及發展出新的觸控操作方式,讓使用者使用更直覺、操作更為順暢。本研究目的為(1)根據紙本睡眠日誌的內容設計出電子睡眠日誌;(2)實驗設計分兩階段,第一次實驗以紙本與電子睡眠日誌使用性比較,第二次實驗則以原版本電子睡眠日誌與iPad版本比較,用不同的操作方式找出使用者在觸控使用上的議題;(3)設計與探討其操作的使用性過程。
    研究實驗與成果顯示且電子睡眠日誌使用績效比紙本睡眠日誌高,使用者對於電子睡眠日誌評價也高於紙本睡眠日誌。在電子睡眠日誌測試中,我們調查受測者對於視覺圖像、互動操作、資訊架構及使用經驗等相關議題,了解到在觸控實驗中使用者的觀點對於發展其產品及介面設計的重要。而在原版本的電子睡眠日誌與iPad版本比較上發現,受測者因為使用的情境需求及經驗不同,對於兩版本間的評論則有所不同,原版本電子睡眠日誌有專業且讓使用者有信心的形象,而iPad版本是在使用性上比原版本高,進而發現使用者的經驗與其使用情境,可輔助設計師修正電子睡眠日誌的觸控方式和介面設計。
    電子睡眠日誌介面操作上以觸控方式完成填寫日誌,透過兩階段的實驗方式,測試電子睡眠日誌在操作介面上的使用性,並且綜合受測者使用電子睡眠日誌想法及建議,發現使用者對於產品介面有以下兩點建議:(1)利用人機介面概念加入電子睡眠日誌設計,能夠讓使用者很容易學習,能有效地掌控填寫日誌的進度或是資料的檢視,此外能夠充分地與操作者進行適當的互動來提昇工作的效率、品質與樂趣;(2)而受測者使用兩版本日誌產生出來的”個人經驗”說明了使用電子睡眠日誌整體操作過程,透過口頭問答和訪談本研究發現設計者所提的設計概念並非能有效包括全部使用者的需求,設計師就必須藉由跨領域團隊運作方式及使用者中心設計程序做一連串使用者評估與再修正,有助於設計師完成結果更好。


    With the enhancing technology, there are more and more applications of the touch screen coming out nowadays. The operation system and hardware of touch and tablet computer are developed gradually on the market. Because of the variation of operating, it’s different from touch and keyboard by entering. For example, by clicking the icon on the screen, we need finger and pen to touch. On the other hand, the personal computer uses the mouse with left and right to enter. Owing to the situation, there is the new topic for discussion in Human Computer Interaction (HCI).
    Life pressure has become a big issue to many people in recent year, such like insomnia and sleeping problems. The research, “Electronic Sleep Diary”, is the product records the daily activity for insomnia patient during the process of examination and now the traditional sleep diary has digitalized. Hopefully it would improve the usability by screen touch.
    According my research, the interface of electronic sleep diary is developed for user-centered design. Planning the different methods for screen touch and problem analysis during touch process and developing the new way of manipulation. Let user easily control the diary. The goals of the research are the following. 1) With the traditional sleep diary, it turns into the electronic sleep diary. 2) The experiment has two parts, the first one compares the traditional paper record method and electronic sleep diary, the second compares the original version of electronic sleep diary and iPad version using the different manipulating method to find out user's usability issue.3) The design and discussion of manipulating process and usability. The research experiment and the result show electronic diary hafees higher achievement than the traditional method. User has higher rating than the old method. We experiment the testers about the visual images, interaction manipulate information architecture and user experiment. User's point of view is important in developing the product and interface design. The original version and iPad have different comments on scenario and user experiment. Moreover, the original one looks more professional and good feelings for user. The iPad version has higher usability than the original one. With the user experience and scenario, it revises and assists designer in screen touch and interface design.
    By the two part experiment, there are two suggestions of the following.1) With the concept of HCI added in the design helps the users easy in learning, effectively writing the diary and review the information. Furthermore, the user works on the diary more effective and process becomes more interesting. 2) Throughout the testers' interview, designer's concept doesn't really perfect the needs for the user. The designer should join the multidisciplinary-team and make the user evaluation in the process. Then it would help the designer finish and let the result better.

    中文摘要i 英文摘要iii 謝誌v 目錄vi 圖表目錄ix 第一章緒論1 1.1研究背景與動機1 1.2研究問題4 1.3研究目的4 1.4研究架構5 1.5研究範圍與限制8 第二章文獻探討9 2.1人機介面10 2.1.1圖型化使用者介面11 2.1.2認知心理12 2.1.3使用性13 2.2使用者中心設計13 2.2.1使用者經驗14 2.2.2資訊架構16 2.2.3隱喻設計17 2.3研究方法分析與設計17 2.3.1使用者介面塑模19 2.4睡眠日誌介紹19 2.4.1電子睡眠日誌發展20 2.4.2觸控操作22 2.5平板電腦產品介紹22 2.5.1型別22 2.5.2系統軟體23 2.6文獻探討小結 24 第三章研究方法與步驟25 3.1研究設計25 3.2研究流程27 3.3研究方法與問卷設計28 3.3.1研究問卷使用量表統計28 3.3.2研究記錄分析方式-紮根理論29 3.4介面設計發展30 3.4.1紙本睡眠日誌內容分析30 3.4.2電子睡眠日誌介面設計31 3.4.3電子睡眠日誌原版本系統與操作方式36 3.4.4電子睡眠日誌iPad版本系統與操作方式38 3.5第一次實驗 - 紙本與電子睡眠日誌實驗40 3.5.1受測者41 3.5.2實驗規劃42 3.5.3任務設計42 3.5.4測量方法43 3.6第二次實驗 – 電子睡眠日誌原版本與iPad版本44 3.6.1受測者46 3.6.2實驗規劃46 3.6.3任務設計46 3.6.4測量方法47 第四章研究成果48 4.1第一次實驗結果-紙本與電子睡眠日誌48 4.2第一次實驗口語記錄與譯碼結果51 4.3第二次實驗結果-電子睡眠日誌原版與iPad版56 4.4第二次實驗結果口語記錄與譯碼結果59 第五章討論65 5.1睡眠日誌內容數位化討論65 5.2電子睡眠日誌介面討論68 5.3觸控產品與內容的結合70 5.4增加觸控介面使用性設計之討論71 第六章結論與建議73 6.1研究結論73 6.1.1電子睡眠日誌介面設計之結論73 6.1.2於使用經驗研究之結論74 6.2後續研究與建議75 參考文獻76 附錄78 附錄一 美國睡眠協會紙本睡眠日誌-英文部份78 附錄二 美國睡眠協會紙本睡眠日誌-中文部份79 附錄三 第一次實驗問卷部份80 附錄四 第一次實驗問卷獨立樣本分析部份87 附錄五 第一次實驗開放性問答與譯碼部份89 附錄六 第二次實驗問卷部份97 附錄七 第二次實驗問卷獨立樣本分析部份104 附錄八 第二次實驗開放性問答與譯碼部份106

    1.Maassen, H. (2008). UX Design-Planning Not One-man Show. Retrieved October 3, 2009, from http:// www.boxesandarrows.com/view/ux-design-planning.
    2.Moggridge, B. (2007). Designing interactions. Cambridge, London: The MIT Press.
    3.Louis R. & Peter M. (2006). Information Architecture for the World Wide Web. (2nd ed.). Cambridge, MA: O'Reilly Media.
    4.Brooke, J. (1996). SUS: A "quick and dirty" usability scale. In P. W. Jordan, B. Thomas, B. A. Weerdmeester & A. L. McClelland (Eds.) Usability Evaluation in Industry. London: Taylor and Francis.
    5.Garrett, J. J. (2004). The Elements of User Experience-User-Centered Design for the Web. Retrieved May 14, 2009, from http://jjg.net/elements.
    6.Abras, C., Maloney-Krichmar, D. & Preece, J. (2004) User-Centered Design. In Bainbridge, W. (Ed.), Encyclopedia of Human-Computer Interaction. Thousand Oaks: Sage Publications.
    7.Bystrom, K., & Jarvelin, K. (1995). Task Complexity Affects Imformation Seeking and Use. Processing & Management, 31, pp. 196-197.
    8.Stickdorn, M. and Schneider, J. (2010). This is Service Design Thinking. Amsterdam, BIS Publishers.
    9.陳建雄(譯)(2006)。互動設計:跨越人-電腦互動。台北市:全華圖書。(Preece, J., Rogers, Y. &Sharp, H., 2003)
    10.蔡學鏞(譯)(2006)。操作介面設計模式。台北市:全華圖書。Tidwell, J., 2006)
    11.方裕民(2003)。人與物的對話:互動介面設計理論與實務。台北市:田園城市。
    12.吳芝儀、 廖梅花(譯)(2001)。質性研究入門:紮根理論研究方法。台北市:濤石文化事業。(Strausss, A. &Corbin, H., 1996)
    13.許玉鈴(譯)(2008)。關鑑設計報告-改變過去影響未來的互動設計法則。台北市:城邦文化事業。(Moggridge, B., 2007)
    14.呂亨英(譯)(2008)。設計的法則。台北市:原點出版。(Lidwell, W., Holden, K. &Butler, J., 2003)
    15.雷凱俞(2009),運用預示性於電子睡眠日誌之設計與使用性測試,國立台灣科技大學設計研究所碩士論文。
    16.蕭健興(2008),探討Web2.0環境下的使用者介面設計-以個人化入口網頁介面的設計開發為例,國立台灣科技大學設計研究所碩士論文。
    17.徐嘉良(2005),使用者經驗應用於概念發想之研究,國立交通大學應用藝術研究所碩士論文。
    18.藍素華(2001),大學圖書館網站資訊架構可用性之研究-以國立臺灣大學圖書館網站為例,國立台灣大學圖書資訊學研究所碩士論文。
    19.陳潔瑩(1993),隱喻與換喻於產品設計之應用研究,國立成功大學工業設計研究所碩士論文。
    20.陳靜儀(2005),概念發展前之設資訊搜尋行為探討,國立成功大學工業設計研究所碩士論文。
    21.陳郁汝(2010),圖形化使用者介面枝葉面配置研究-以電子睡眠日誌為例,國立台灣科技大學設計研究所碩士論文。
    22.ISO13407 Human-centred design processes for interactive systems. 上網日期:2011,6,16。網址:http://www.iso.org/iso/catalogue_detail.htm?csnumber=21197

    QR CODE