簡易檢索 / 詳目顯示

回結果列表
研究生： 楊景嵐
Jing-Lan Yang
論文名稱： 智慧型手機網頁瀏覽器程式(app)之選單位置與互動體驗設計研究
A Study on the Menu Position and Interaction Experience of Web Browser Application on Smart Phone Devices
指導教授： 陳建雄
Chien-Hsiung Chen
口試委員: 賴文祥
Wen-Hsiang Lai
鄭金典
Jindean Cheng
學位類別： 碩士
Master
系所名稱： 設計學院 - 設計系
Department of Design
論文出版年： 2013
畢業學年度： 101
語文別： 中文
論文頁數： 144
中文關鍵詞： 瀏覽器 、體驗與體驗設計 、人機互動 、介面設計 、工具列顯示
外文關鍵詞： Browsers, User experience design, Human computer interaction, Interaction design, Main menu position of applications
相關次數： 點閱：413  下載：23 
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報

    • 21世紀是數位化的時代；硬體提供環境、軟體提供內容，此一相輔相成的概念，正深刻的描述著移動時代產品生態環境的建構主軸，而人群接受與擷取資訊的方式也正在這個洪流當中隨之改變。據調查消費者在智慧型手機上所使用的功能，目前已然以行動上網為其大宗，使用者每天透過介面與瀏覽器軟體進行互動，進入虛擬的世界，因此應用程式本身的介面設計與功能使用性都將深深影響用戶上網的體驗。

    本研究的主要目的為探究智慧型手機瀏覽器app介面設計之現有使用情況和未來可能發展方向，透過對介面的使用性與使用者體驗調查進行兩階段性的研究：（1）前導性實驗，透過市售三款下載率較高之網路瀏覽器應用程式進行使用性任務操作並計測績效，後輔以感受性量表與使用者訪談，藉此進而了解現存瀏覽器應用軟體在介面功能上的使用性差異因子。（2）驗證性實驗，透過文獻探討並綜合第一段實驗所得出之結果，進行模擬介面設計，模擬介面實驗採3(工具列顯示方式) x 2 (工具列文字顯示)雙因子實驗方式進行；工具列顯示方式共三個層級：1.固定顯示、2.固定隱藏、3.提示性隱藏方式；而工具列文字顯示則有兩個層級：1.具文字說明、2.不具文字說明。

    研究結果顯示
    （1）主選單固定顯示可有效提升介面的使用性，（2）針對功能項目提供文字化輔助，能有效提高使用者的辨識度，（3）提示性隱藏選單比固定隱藏式選單在辨識度上來得優異，（4）主選單呈現位置應置於介面下方以提高其使用性。

    The 21st century is the era of digitization. The increasing popularity of mobile devices, including smartphones and tablets have tremendously changed the way people getting online. Meantime, these devices also provide fertile ground for the growth of mobile apps. This complementary concept, mobile devices plus mobile apps, profoundly describes the ecological environment construction of mobile era. According to the survey of audiences' user behavior in the smartphone sector, the research found that “browsing the internet”comes No.1 in a ranking of things users are used for. People are highly dependent on the app browsers to get into the virtual world nowadays. Therefore, the interface designs and usability of web browser application will deeply affect the users' interaction experiences.

    In this study, “usability”and “user experience” design factors pertinent to web browser application were explored. It is hoped that the research results could be referred to improve the current interactive design and the future interface optimization.

    This study includes two parts of experiment：（1）The first phase of the experiment is to investigate the current interactive designs of web browser applications. It explored the menu positions, system functions, procedure of operations and came along with the audience interviews to seek the possibilities of interface optimization. （2）Combine the first phase experiment results with the relevant literatures to conduct the validation experiment in the second phase. The experiment was designed base on a 3 (main menu position) by 2 (text auxiliary) two-way ANOVA.
    The factor of main menu position has three levels：（1）The main menu is permanently displayed at the bottom of the screen where users could utilize and operate the function icons directly. （2）The main menu is permanently hidden at the bottom of the screen. Users will need to trigger the Android menu icon to roll out the function icons. （3）The main menu is hidden at the upper right corner and with a metaphor menu icon to point out its position. The factor of text auxiliary has two levels：（1） Function icons with subtitle supports. （2） Function icons without subtitle supports.

    The generated results indicated that：（1）The main menu permanently displayed at the bottom effectively enhance the usability of the interface. （2）Provide text auxiliary will better help users to identify the true functionality of the icons. （3）Metaphor menu icon was better identified then the Android menu icon.（4）Main menu should always be located at the bottom of the screen which would help users to improve the operational efficiency.

    摘要.................................I ABSTRACT.............................II 致謝.................................IV 目錄.................................VI 圖目錄...............................X 表目錄...............................XIII 第一章 緒論..........................1 1.1 研究背景與動機.................. 1 1.2 研究目的.........................3 1.3 研究架構與流程...................5 1.4 研究範圍與限制...................7 第二章 文獻探討......................8 2.1 網路瀏覽器.......................8 2.1.1 網路瀏覽器之定義...............8 2.1.2 網路瀏覽器之發展與現況.........8 2.2 體驗與體驗設計...................11 2.2.1 體驗的定義.....................11 2.2.2 體驗經濟.......................11 2.2.3 體驗行銷.......................13 2.2.4 體驗設計.......................16 2.3 人機互動 (HUMAN COMPUTER INTERACTION：HCI) 19 2.3.1 何謂人機互動 (HCI).............19 2.3.2 心智模式 (Mental Model)........21 2.4介面設計 (INTERACTION DESIGN).....22 2.4.1 圖形化使用者介面 (Graphical User Interface：GUI) 22 2.4.2 使用者介面設計基本原則.........24 2.4.3 介面隱喻.......................26 2.5 使用性工程.......................27 第三章 研究方法......................29 3.1 研究方法.........................29 3.2 實驗流程與建構...................29 3.3 研究進行步驟.....................31 第四章 前導性實驗....................32 4.1 調查樣本分析.....................32 4.1.1 樣本1：Dolphin Browser.........33 4.1.2 樣本2：UC Browser for Android..34 4.1.3 樣本3：Opera Browser...........35 4.2 實驗設備.........................37 4.3 受測者分析.......................37 4.4 前導性實驗設計...................39 4.5 前導性實驗結果分析...............41 4.5.1 計時任務績效分析...............41 4.5.1.1 任務1分析....................41 4.5.1.2 任務2分析....................44 4.5.1.3 任務3分析....................47 4.5.1.4 任務4分析....................50 4.5.1.5 任務5分析....................53 4.5.2 系統易用性尺度量表(SUS)分析....56 4.5.3 尼爾森系統可用屬性量表(Nielsen's Attributes of Usability)分析.......................58 4.5.4 事後訪談整理...................61 4.6 前導性實驗小結...................63 第五章 驗證實驗......................65 5.1 實驗設計.........................65 5.1.1 實驗變項設定...................65 5.1.2 模擬介面設計...................68 5.1.2.1 自變項一：主選單呈現方式說明.69 5.1.2.2 自變項二：功能項目有無輔助說明文字 71 5.1.3 操作任務設計...................71 5.1.4 實驗問卷設計...................72 5.2 受測者分析.......................73 5.3 實驗結果分析.....................76 5.3.1 計時任務績效分析...............76 5.3.1.1 計時任務績效分析：任務一.....76 5.3.1.2 計時任務績效分析：任務二.....79 5.3.1.3 計時任務績效分析：任務三.....82 5.3.1.4 計時任務績效分析：任務四.....84 5.3.1.5 計時任務績效分析：任務五.....87 5.3.2 使用者主觀感受評量分析.........90 5.3.2.1 系統易用性尺度量表(SUS)......90 5.3.2.2 尼爾森系統可用屬性量表(Nielsen's Attributes of Usability)分析.......................93 5.3.3 事後訪談整理分析...............104 第六章 結論與建議....................105 6.1 研究結果.........................105 6.1.1 計時任務操作績效分析...........106 6.1.2 系統易用性尺度量表(SUS)與尼爾森系統可用屬性量表(NAU)................................107 6.2 結論與建議.......................110 6.3 後續研究與發展...................112 參考文獻.............................114 英文參考文獻.........................114 中文參考文獻.........................115 網路參考文獻.........................116 附錄一 前導性實驗問卷................118 附錄二 驗證性實驗問卷................122

    英文參考文獻
    1.Dix, E. A. (1998). Human-computer interaction. New Jersey：Prentice Hall.
    2.Eisenhardt, K. M. (1989). Building theories from case study research. Academy of Management Review, 14(4), 532 - 550.
    3.Kenneth, C. (1943). The Nature of Explanation. UK: Cambridge University Press。
    4.Loudon, K. C., Traver, C. G., & Laudon, J. P. (1995). Information technology：Concepts and issues. Cambridge, MA：Course Technology Inc.
    5.Nielsen, J. (1993). Usability Engineering. Boston, MA: Academic Press。
    6.Norman, D. (1988). The Psychology of Everyday Things. New York: Basic Books。
    7.Pine II, B. J. & Gilmore, J. H. (1998). Welcome to the experience economy: Work is theater and every business a stage. Harvard Business Review, 76(4), Jul/Aug, 97-105.
    8.Rhea, D. (1992). A New Perspective on Design: Focusing on Customer Experience, Design Management Journal, Fall, p.40
    9.Sarmenta, A. (2005). Issues of human computer interaction. UK：IRM Press.
    10.Schmitt, B. H. (1999). Experience marketing：How to get customers to sense, feel, think, act, and relate to your company and brand. NY：The Free Press.
    11.Shneiderman, B. (1991). Touch screens now off compelling uses. IEEE Software.
    12.Shneiderman, B., & Plaisant, C. (2004). Designing the user interface：Strategies for effective human-computer interaction. New Jersey：Prentice Hall.

    中文參考文獻
    1.方裕民 (1999)，GUI介面設計理論與實務。中日設計教育研討會論文集。
    2.方裕民 (2003)，人與物的對話-互動介面設計理論與實務，台北：田園城市文化事業有限公司。
    3.王育英、梁曉鶯編譯(2000)，譯自Bernd H. Schmitt(1999)，體驗行銷，台北：經典傳訊文化。
    4.王雅慧 (2012)，雜誌應用程式數位化視覺資訊架構之設計研究，國立臺灣科技大學工商業設計系設計研究所碩士論文。
    5.吳泰毅 (2009)，中高齡者對數位相框使用者介面按鍵功能提示與動態回饋設計之探討，國立台灣科技大學設計研究所碩士論文。
    6.李佳穎（2009）。網路書店使用者介面之資訊呈現與商品圖片型式對使用者體驗感受之影響。碩士論文。國立台灣科技大學設計研究所，台北市。
    7.李青蓉、魏丕信、施郁芬、邱昭彰，(1998)，人機介面設計，台北：國立空中大學。
    8.林汶萱 (2010)，消費者對行動電話手機外觀之偏好探究，銘傳大學設計管理研究所碩士論文。
    9.范耀文 (2012)，平板電腦檔案選取與工具列文字顯示方式之設計研究，國立臺灣科技大學工商業設計系設計研究所碩士論文。
    10.夏業良與魯煒(譯)，(原作者：Pine II, B. J. & Gilmore, J. H.)著 (2003)。體驗經濟時代。台北：經濟新潮社。
    11.郭學武(譯)，(原著者：Benyon, B., Turner, P. & Turner, S.)著 (2009)。人機介面互動式系統設計(最新修訂版)。台北：培生教育 & 碁峰資訊。
    12.陳建雄(譯)，(原作者：Preece, J., Rogers Y. & Sharp, H)著 (2006)。互動設計跨越人－電腦互動。台北：全華科技圖書。
    13.陳鵬仁(譯)，(原作者：Branham, R)著 (1988)。認知性設計，設計資訊室季刊，1(3)，15-22。
    14.黃映瑀 (2005)，「體驗行銷、體驗價值、顧客滿意、品牌形象與行為意向關係之研究」，大葉大學事業經營研究所碩士論文。
    15.黃苾芬 （2004），體驗設計之研究，國立雲林科技大學工業設計研究所碩士論文。
    16.黃培華 (2008)，體驗設計在文化產品應用之初探，國立台北教育大學玩具與遊戲設計研究所論文。
    17.詹慧玲 (2012)，雲端服務應用程式主選單位置之互動體驗設計，國立臺灣科技大學工商業設計系設計研究所碩士論文。
    18.鄭恩維 (2008)，國內外著名購物網站使用者介面設計之研究，國立臺灣藝術大學圖文傳播藝術學系研究所碩士論文。
    19.諾曼（Norman, D. A.）(2007)。設計&日常生活：如何選擇安全好用的日常生活用品(The Design of Everyday Things)（卓耀宗譯）。臺北市 : 遠流。（原作1988年出版）。
    20.龍溪出版社(譯)(2007)。設計原理－從概念到產品成型(Design Basics From Ideas to Products) (原作者：Gerhard Heufler)。台北市：龍溪。

    網路參考文獻
    1.IDC國際數據資訊 (2013)。2013年第一季台灣智慧型手機市場規模預估。上網日期：2013年6月18號。網址：http://www.idc.com.tw/about/415.html
    2.O2 (2012)。Making calls has become fifth most frequent use for a Smartphone for newly-networked generation of users。上網日期：2013年4月20號。網址：http://news.o2.co.uk/?press-release=making-calls-has-become-fifth-most-frequent-use-for-a-smartphone-for-newly-networked-generation-of-users
    3.財團法人台灣網路資訊中心(2012)。台灣寬頻網路使用調查。上網日期：2013年4月5號。網址：http://www.twnic.net.tw/download/200307/200307index.shtml
    4.國家通訊傳播委員會 NCC (2013)。行動通信業務客戶統計數。上網日期：2013年4月1號。網址：http://www.ncc.gov.tw/

    QR CODE