簡易檢索 / 詳目顯示

研究生: 張家慈
Chia-Tzu Chang
論文名稱: 行動賣場介面上架提示模式與使用者經驗之研究
A Study on the Interface Tooltip Mode and User Experience for Mobile Online Store Shelves
指導教授: 陳建雄
Chien-Hsiung Chen
口試委員: 宋同正
Tung-Jung Sung
吳志富
Chih-Fu Wu
學位類別: 碩士
Master
系所名稱: 設計學院 - 設計系
Department of Design
論文出版年: 2019
畢業學年度: 107
語文別: 中文
論文頁數: 150
中文關鍵詞: 行動電子商務C2C市場使用者經驗互動性人機介面心智模式提示模式
外文關鍵詞: Mobile commerce, Consumer to consumer,, User experience, Interaction design, Human-computer interface, Mental mode, Tooltips mode
相關次數: 點閱:281下載:0
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  •        從前的購物形態是以現場消費和電腦網路購物為主,而在科技不斷的進步下行動商務迅速發展,以往的電子商務只有在電腦上才能運作,從2016年開始電子商務已轉換成以「行動電子商務為主」,各個廠牌為了讓消費者更加便利的購物紛紛建立屬於自己的應用程式(Application, App),讓消費者能隨時隨地的消費。經濟起飛讓消費者擁有越來越多商品,有些只使用過一次或者是全新商品怕造成浪費開始想要到網路上做「二手拍賣」,因此Consumer to Consumer(C2C)市場開始蓬勃發展,如何讓使用者從大螢幕的電腦轉換成小螢幕的行動裝置能夠便利操作是本研究必須探討的。
           本研究目的在以使用者經驗為出發點來了解使用者與手機介面間的操作互動性,先以文獻探討中的人機介面了解介面該如何配置才會易於讓使用者操作,再進一步了解使用者的心智模式,透過前導性實驗請使用者測試現今市面上的行動上架賣場App來歸納統整出優勢與劣勢的部份,將優勢的部份保留,可改善的部份進行改良並加上「提示模式」至後測原型中,來讓使用者能夠更快速的進行上架流程操作,實驗驗證利用雙因子組間2(使用者經驗)x 3(提示模式)的方法請受測者進行操作計時任務,透過實驗獲得任務績效成績與受測者量表分析(使用者主觀感受量表、使用者互動滿意度量表、系統使用性尺度量表)並歸納出建議與結論。
           本研究所獲重要成果為:(1)提示模式中「覆蓋式提示模式」對無上架經驗的使用者較好,提示資訊明確讓無經驗的使用者能夠快速達到學習性。(2)「嵌入式提示模式」對有上架經驗的使用者較好,有經驗的使用者對於任務操作已有認知經驗,只有在按鈕位置不同的地方才需要提示來找到按鈕,提示模式不需要太強烈來干擾使用者。(3)提示模式可以在首頁的地方先跳出詢問按鍵讓使用者決定,使用者可根據自己的經驗來選擇。(4)填寫商品資訊時可以有顏色區塊來帶領使用者進行下一個步驟填寫,讓使用者不會因為不知道下一步該進行什麼而導致受挫。(5)完成任務的回饋提示顏色可以用安全的綠色來讓使用者放心,紅色容易讓人緊張不安較不適合放在成功的回饋資訊上。


           A customer’s shopping behavior in the past was based on purchasing on site and from online stores. With the advance of new technology, mobile commerce shopping behavior has become more popular. In the past, E-commerce only worked on computers. Since 2016, E-commerce has been transformed into "mobile e-commerce”, individual businesses have created their own applications (Apps) in order to make consumers more convenient.
    The economic take-off has made consumers a growing number of commodity. For those products which are brand new or have only been used once, to prevent from causing waste, the consumers start selling used commodity on the web. The Consumer to Consumer (C2C) market has been booming since then. In this study, the author investigates how to make it easier for users accessing used commodity from a large screen computer to a small screen mobile device.
           The purpose of this study is to understand the task interaction between the user and the mobile interface based on the user’s experience. Through the pilot study, users would try to use the mobile apps available in the market to help summarize the advantages and disadvantages of the interface designs. The advantages were preserved and the disadvantages were improved by adding the "prompt mode" to the post-test prototype. This would make users’ completion of on-line process more quickly. The verified experiment is a 2 (user experience) by 3 (tooltip mode) two-factor experiment. The participants were required to perform the tasks and their task performance were measured. That is, participants’ task time and subjective evaluations, such as Questionnaire for User Interface Satisfaction (QUIS), subjective experience evaluation (i.e., USE questionnaire), and System Usability Scale (SUS) were collected and analyzed. In the end, research conclusions and recommendations were presented.
           The research results are summarized as follows: (1) In the Tooltip Mode, the “Overlay Tooltip” is better for users who have no experience on launching products on the online store. The tooltip information clearly allows the inexperienced user to quickly complete the learning. (2) The "Embedded Tooltip" is better for users with experience in launching products on the online store. Experienced users have already had knowledge in task operations. Only when the button position is different, the user needs the tooltips. Otherwise it might interfere with the user’s task process. (3) In Tooltip Mode, the inquiry button can popup on the home page, letting the user to make his/her own decision based on his or her past experience. (4) Adding a color box at the background when filling in the product information is a way to guide the user to the next step, so the user will not be frustrated if he or she does not know what to do next. (5) The feedback color of the completed task can be assured by the safe green color. Whereas red color is more likely to make people nervous, it is not suitable for using it on the hint of completing the process.

    摘要 i ABSTRACTiii 誌謝 v 目錄 vii 圖目錄 x 表目錄 xiv 第一章 緒論 1 1.1 研究背景與動機 1 1.2 研究目的 2 1.3 研究範圍與限制 3 1.4 重要名詞解釋 4 1.5 研究架構 4 第二章 文獻探討 6 2.1 電商平台 6 2.2 C2C拍賣平台 9 2.2.1 C2C平台的核心功能 9 2.2.2 C2C平台的特點 10 2.3 行動商務 12 2.3.1 行動商務的特點 12 2.4 人機介面 14 2.4.1 使用者介面定義 14 2.4.2 行動介面導覽模式 15 2.5 互動設計 20 2.5.1 互動設計的生命週期 20 2.5.2 互動設計原則 22 2.5.3 人機互動設計 24 2.5.4 心智模式 26 2.6 文獻探討總結 27 第三章 研究方法與流程 29 3.1 研究方法 29 3.2 實驗流程與架構 29 3.3 研究進行步驟 31 第四章 前導性實驗:商店街個人賣場、蝦皮拍賣、旋轉拍賣介面任務測驗 32 4.1 前導性實驗樣本 32 4.2 前導性實驗設計 35 4.3 實驗流程說明 37 4.4 受測者資料分析 37 4.5 前導性實驗任務分析與討論 40 4.5.1 任務一:尋找上架鍵並拍攝選擇商品照 40 4.5.2 任務二:設定封面照片 44 4.5.3 任務三:設定商品內容 46 4.5.4 任務四:更改商品內容 50 4.5.5 任務五:下架刪除商品 52 4.6 使用者主觀感受量表分析與討論 55 4.6.1 問項一:APP整體使用滿意程度 56 4.6.2 問項二:APP畫面設計滿意度 56 4.6.3 問項三:APP操作流程滿意度 56 4.6.4 問項四:尋找上架鍵並拍攝選擇商品照滿意程度 56 4.6.5 問項五:設定封面照片滿意度 56 4.6.6 問項六:設定商品內容滿意度 57 4.6.7 問項七:更改商品內容滿意度 58 4.6.8 問項八:下架/刪除商品滿意度 58 4.7 SUS系統使用性尺度量表 58 4.8 訪談紀錄 59 4.9 前測實驗結論與建議 60 第五章 實驗驗證:行動賣場上架提示模式模擬介面 62 5.1 實驗驗證方法 62 5.1.1 實驗變項 62 5.1.2 驗證實驗樣本製作 64 5.1.3 驗證實驗問卷設計 64 5.1.4 驗證實驗受測者基本基料分析 67 5.2 實驗驗證結果 71 5.2.1 計測任務操作績效分析 72 5.2.1.1 任務一:尋找個人賣場並更改基本資料 72 5.2.1.2 任務二:尋找上架鍵並開始上架商品 77 5.2.1.3 任務三:更改商品封面照 81 5.2.1.4 任務四:設定商品內容 84 5.2.1.5 任務五:更改商品內容與下架商品 89 5.3 受測者量表分析 94 5.3.1 使用者主觀感受量表分析 94 5.3.1.1 使用者主觀感受量表「整體畫面設計的滿意度」之分析 94 5.3.1.2 使用者主觀感受量表「整體操作流程的滿意度」之分析 95 5.3.1.3 使用者主觀感受量表「整體提示功能的滿意度」之分析 97 5.3.1.4 使用者主觀感受量表「尋找個人賣場與修改資料的提示功能滿意度」之分析 100 5.3.1.5 使用者主觀感受量表「尋找上架鍵並上架商品照片」之分析 103 5.3.1.6 使用者主觀感受量表「更改封面照片的提示功能滿意度」之分析 105 5.3.1.7 使用者主觀感受量表「設定商品內容的提示功能滿意度」之分析 106 5.3.1.8 使用者主觀感受量表「修改與刪除商品的提示功能滿意度」之分析 107 5.3.2 QUIS使用者互動滿意度量表分析 109 5.3.2.1 使用者互動滿意度量表「對操作介面的整體反應」之分析 109 5.3.2.2 使用者互動滿意度量表「介面畫面呈現」之分析 111 5.3.2.3 使用者互動滿意度量表「介面遣詞與介面資訊」之分析 112 5.3.2.4 使用者互動滿意度量表「學習功能」之分析 113 5.3.3 SUS系統使用性尺度量表分析 115 5.4 訪談紀錄 116 第六章 結論與建議 118 6.1 研究結論 118 6.1.1 驗證實驗之行動賣場上架提示模式模擬介面研究結果 118 6.1.1.1 計時性績效任務分析 118 6.1.1.2 使用者滿意度量表分析 120 6.1.1.3 QUIS使用者主觀感受量表 121 6.1.1.4 SUS系統使用性尺度量表 122 6.2 結論建議與後續發展 123 參考文獻 127 附錄一:驗證實驗問卷 129

    [中文]
    1. Theresa Neil. (譯本出於2014)。行動介面設計模式圖鑑(第二版)(鄭巧玉譯)。 台北市:歐萊禮。(原著出版年:2014年)
    2. 方裕民 (2003)。人與物的對話: 互動介面設計理論與實務(第一版)。台北市:田園城市文化事業有限公司。
    3. 王雅慧 (2012)。雜誌應用程式數位化視覺資訊架構之設計研究,國立臺灣科技大學設計系研究所碩士論文,未出版,台北市。
    4. 柳永青 (2012)。友善的人機介面。科學發展,427,6-13。
    5. 國立雲林科技大學商業自動化研究發展中心 (2003)。商業現代化系列叢書,電子商務理論與實務-大專版(第一版)。雲林:國立雲林科技大學。
    6. 傳風玲、王復中、洪裕傑、翁懷嘉(2005年5月)。行動商務使用者介面設計準則之研究。「第六屆網際網路應用與發展研討會」發表之論文,台南市遠東科技大學。
    7. Wei Fan Chen(2014)。互動設計的生命週期與法則。民2018年5月21日,取自:http://blog.fourdesire.com/2014/12/11/hu-dong-she-ji-de-sheng-ming-zhou-qi-yu-fa-ze/
    8. 小專欄(2018)。深度解析「尼爾森十大互動設計原則」在設計中的用法。民2018年5月22日,取自https://xiaozhuanlan.com/topic/3850612794?utm_source=tuicool&utm_medium=referral
    9. 科技新報(2018)。CIC 報告:台灣進入 C2C 行動電商時代。民2019年5月30日,取自https://technews.tw/2018/06/08/c2c-taiwan/
    10. 深圳市恆訓達信息技術有限公司(2013)。C2C電子商務網站定制開發。民107年5月22日,取自http://www.hxd09.com/page.php?id=3
    11. 陳庭寬(2016)。Marketplace 平台模式崛起,將吃下電商大餅。民2018年5月19日,取自:https://yowureport.com/38801/
    12. 資策會產業情報研究所(MIC)(2018)。【網購大調查系列二】行動網購普及率達64.9%。民2018年5月20日,取自:https://mic.iii.org.tw/IndustryObservations_PressRelease02.aspx?sqno=489
    13. 謝明璇(2017)。2017全球網路使用調查報告:網路、社群、手機就是我們日常生活。民2018年5月19日,取自:https://www.smartm.com.tw/article/33313939cea3

    [英文]
    1. Hogue, D. (2012, February 10). Interaction Design Foundations. Abstract retrieved May 21, 2018, from https://www.lynda.com/Dreamweaver-CS5-training/Interaction-Design-Fundamentals/82822-2.html
    2. Neil, T. (2014). Mobile design pattern gallery: UI patterns for smartphone apps. " O'Reilly Media, Inc.".
    3. Nielsen, J. (1995). 10 usability heuristics for user interface design. Nielsen Norman Group, 1(1).
    4. Norman, D. A. (1988). The psychology of everyday things (Vol. 5). New York: Basic books.
    5. Shih, G., & Shim, S. S. (2002). A service management framework for m-commerce applications. Mobile Networks and applications, 7(3), 199-212.
    6. Wixon, D., & Wilson, C. (1997). The usability engineering framework for product design and evaluation. In Handbook of human-computer interaction (pp. 653-688). North-Holland.

    無法下載圖示 全文公開日期 2024/08/08 (校內網路)
    全文公開日期 本全文未授權公開 (校外網路)
    全文公開日期 本全文未授權公開 (國家圖書館:臺灣博碩士論文系統)
    QR CODE