簡易檢索 / 詳目顯示

研究生: 姚雅芬
YA-FEN YAO
論文名稱: 購物媒合應用程式之使用者經驗與介面配置型式研究設計
The Research and Design on User Experience and Interface Configuration Type for Shopping Applications
指導教授: 陳建雄
Chien-Hsiung Chen
口試委員: 吳志富
Chih-Fu Wu
梁容輝
Rung-Huei Liang
學位類別: 碩士
Master
系所名稱: 設計學院 - 設計系
Department of Design
論文出版年: 2018
畢業學年度: 106
語文別: 中文
論文頁數: 121
中文關鍵詞: 行動商務購物應用程式使用者經驗介面配置型式互動設計圖形化使用者介面
外文關鍵詞: Mobile commerce, Shopping application, User experience, Interface configuration type, Intraction design, Graphical user interface
相關次數: 點閱:236下載:3
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 隨著科技發展,行動網路的快速發展,行動商務應用已是銳不可擋的商務趨勢,各種不同於以往的消費形式將因應而生,網路拍賣商機也延燒到手機,不但改變了消費者的生活型態,也改變了企業的經營模式,從實體店面逐漸轉變至網路商店,因而帶動不少利用網路進行購物的虛擬平臺出現,零售通路業者聚焦智慧型手機應用程式的開發與設計,以吸引消費者的目光,搶佔行動商務的市場。另外智慧型手機及平板裝置的普及,人們瀏覽網頁的裝置不再只有桌上型電腦或筆記型電腦這兩選項,各種產品螢幕大小皆不同,另外針對螢幕尺寸較小之行動裝置上瀏覽應用程式之介面時,對於使用者來說,容易造成閱讀上之困擾,在此背景之下,如何製作符合使用者經驗與讓使用者順利地操作使用的介面至關重要。

    本研究包含兩部份實驗:(1)前導性實驗設計:調查現有行動購物應用程式
    做前導性實驗樣本,了解目前行動購物應用程式之優缺點,包含操作功能及介面呈現方式、系統易用性、介面互動滿意度,並透過觀察及使用者訪談得知使用者需求及建議;(2)驗證實驗:透過文獻探討之理論作為依據,驗證實驗採2 (使用者經驗高低) X 3 (介面配置型式)雙因子實驗方式進行,進行介面模擬實驗與驗證
    ,包含操作時間績效、主觀感受評量(USE)以及系統易用性尺度量表(SUS),將實驗結果做個別與整體分析探討,並提出結論與建議。

    從研究成果可以歸納出下列成果:(1)整體設計而言「條列式介面配置」操作直覺性最高,再利用圖示與文字之提示,使用者的記憶負擔最低;(2) 以適量圖像搭配文字資訊,並將資訊統整並列擺放,一來增加平衡視覺比例亦增加使用上的效率及感受。 (3) 操作步驟與資訊層級的排列應盡量簡化,讓使用者能快速完成所需的操作任務。(4) 選單的位置與介面配置的高度需完整呈現,亦增加使用者對於介面主觀上的良好感受,帶來較好的使用經驗。透過研究可作為後續研究與應用發展的視覺設計之參考。


    With the rapid development of technology and of mobile networks, mobile commerce applications are an unstoppable business trend. Potentially, different forms of consuming behavior will be born contrasting to the past. Online auction business opportunities are also extended to mobile phones, not only changing the lifestyle of consumers, but also changing the business model of the enterprise from physical stores to online stores. As a result, many virtual platforms that use the Internet for e- commerce have emerged. Retail channel operators focus on the development and design of smart mobile applications to attract consumers' attention and seize the market for mobile commerce.

    In addition, due to the popularity of smart phones and tablet devices, users browse through the web is no longer on the desktop or notebook computers, the screen size of each product is different, and the application is used on the mobile devices with smaller screen sizes. In the context of the interface, it is easy for the user to cause trouble in reading. In this study, how to make an interface that meets the user experience and allows the user to operate smoothly is essential.

    This study consists of two experiments: (1) Pilot experiment: The purpose is to survey existing mobile shopping applications. The experiment was conducted to understand the advantages and disadvantages of current mobile shopping applications, including operational functions, interface presentation methods, system usability, interface interaction satisfaction, and to understand user needs and suggestions through observation and user interviews; (2) Verification experiment: Based on the theory from literature review, the verified experiment was a 2 (higher or lower user experience) by 3 (interface configuration type) two-factor experiment design pertinent to interface simulation experiment and verification, including operation time performance, subjective experience evaluation (i.e., USE questionnaire) and System Usability Scale (SUS). The experimental results are discussed individually and, in overall, conclusions and recommendations are presented.

    The research results are summarized as follows: (1) In the overall design, the "arrangement interface configuration" has the highest intuitiveness, and the user's memory burden is the lowest when using the icon and text prompts; (2) The graphical information placed side by side with the text information may increase the balance of visual proportions and may also increase the efficiency and feeling of use. (3) The arrangement of operation steps and information level should be as simple as possible, so that users can quickly complete the required operational tasks. (4) The position of the menu and the height of the interface configuration need to be fully presented, which also increases the user's subjective feelings on the interface and brings out good user experience. This research study can be used as a reference for visual design in the future research and application development.

    摘要 I ABSTRACT III 誌謝 V 目錄 VI 圖目錄 IX 第一章 緒論 1 1.1 研究背景與動機 1 1.2 研究目的 1 1.3 研究架構 3 1.4 研究範圍與限制 5 第二章 文獻探討 6 2.1 行動商務(Mobile Commerce) 6 2.1.1 國內行動 App 之應用現況 9 2.1.2 行動購物 11 2.1.3 網路拍賣 13 2.2 介面之定義 14 2.2.1 App之購物媒合平台 15 2.3 使用者介面設計 17 2.3.1 人機介面 (Human Machine Interface) 17 2.3.2 行動裝置介面 19 2.3.3 圖形化使用者介面 (Graphical User Interface, GUI) 20 2.4 使用者經驗 (User Experience) 22 2.4.1 使用者經驗定義與設計 22 2.4.2 認知心理學 (Congnitive Psychology) 24 2.4.3 認知基本架構 25 2.4.4 心智模式 26 2.5 文獻探討總結 28 第三章 研究方法與進行步驟 29 3.1實驗對象與研究方法 29 3.2 實驗設備 29 3.3 實驗設計 29 3.4 研究進行步驟 30 3.5 實驗流程與建構 32 第四章 前導性實驗 33 4.1 前導性實驗受測樣本 33 4.2 實驗設備 36 4.3 前導性實驗問卷設計 37 4.4實驗流程架構設計 39 4.5 受測者基本資料分析 39 4.6 前導性實驗結果 42 4.6.1計時任務績效分析:任務一 43 4.6.2計時任務績效分析:任務二 45 4.6.3計時任務績效分析:任務三 45 4.6.4計時任務績效分析:任務四 45 4.6.5計時任務績效分析:任務五 48 4.6.6 系統易用性尺度量表(SUS)分析 50 4.6.7 感受性評量結果分析 52 4.6.8 問項一、分析:搜尋商品並放置購物車滿意度 53 4.6.9 問項二、分析:推薦商品至line好友功能滿意度 54 4.6.10問項三、分析:刪除購物車之便利性滿意度 54 4.6.11問項四、分析:刪除搜尋紀錄之滿意度 54 4.6.12 問項五、分析:賣東西之介面功能滿意度 55 4.6.13 問項六、分析:回首頁功能的便利性滿意度 55 4.6.14 問項七、分析:購物APP整體使用滿意度 55 4.7前測實驗結論與建議 56 第五章 驗證實驗:行動購物應用程式使用者模擬介面 58 5.1 驗證實驗方法 58 5.1.1 驗證實驗變項 58 5.1.2 驗證實驗樣本製作 59 5.1.3 驗證實驗問卷設計 60 5.2 驗證實驗結果 66 5.2.1 計測任務操作績效分析 67 5.2.1.1 任務一 67 5.2.1.2 任務二 71 5.2.1.3 任務三 74 5.2.1.4 任務四 79 5.2.1.5 任務五 82 5.3 使用者主觀感受量表(USE) 分析 85 5.3.1 使用者主觀感受量表「賣東西之介面」之分析 86 5.3.2 使用者主觀感受量表「瀏覽照片介面」之分析 87 5.3.3 使用者主觀感受量表「修改照片」之分析 88 5.3.4 使用者主觀感受量表「填寫資訊介面」之分析 89 5.3.5 使用者主觀感受量表「分享至 line 好友」功能之分析 91 5.3.6 使用者主觀感受量表「刪除刊登資訊」之分析 92 5.3.7 使用者主觀感受量表「整體滿意度」之分析 93 5.4 使用者互動滿意度量表 (QUIS) 分析 95 5.4.1 使用者互動滿意度量表「整體反應」之分析 95 5.4.2 使用者互動滿意度量表「介面呈現」之分析 96 5.4.3 使用者互動滿意度量表「介面遣詞與介面資訊」之分析 98 5.4.4 使用者互動滿意度量表「學習」之分析 99 5.4.5 使用者互動滿意度量表「軟體效能」之分析 100 5.5 系統易用性尺度量表(SUS)分析 102 第六章 結論與建議 104 6.1 研究結果 104 6.1.1 現有行動購物應用程式使用者介面設計調查 104 6.1.2 驗證實驗之行動購物應用程式研究結果 105 6.2 結論建議與後續發展 109 6.2.1 結論與設計建議 109 6.2.2 後續研究發展建議 110 參考文獻 111 附錄一:前導性實驗問卷 115 附錄二:驗證實驗問卷-購物媒合應用程式模擬介面設計 118

    中文文獻:
    1.方裕民(2003)。人與物的對話:互動介面設計理論與實務。台北市:田園城市文化事業有限公司。
    2.李世忠(1998)。電腦教學軟體介面設計。臺北市:立威出版公司。
    3.吳泰毅(2009)。中高齡者對數位相框使用者介面按鍵功能提示與動態回饋設計之探討。國立台灣科技大學,臺北市。
    4.林伯鴻(2012)。人性化的行動裝置介面,科學發展,472期,頁44~46。
    5.彭其捷、楊淑涵(2013)。那些APP好用的祕密;黏住使用者的魅力&UX好感度設計,博碩文化股份有限公司。
    6.林建廷、李元生(2012),行動商務概論、實務與應用:無所不在的雲端運算、行動裝置、RFID與物聯網,初版,台北市,碁峰資訊股份有限公司。
    7.葉耕榕、張德祥(2016)。行動商務之資訊科技服務品質探討。科際整合管理研討會,458-470。
    8.林楷庭(2013)。以使用者經驗發展聽障者生活協助 APP 之研究與設計。國立台灣科技大學,臺北市。
    9.林廷宜、賴采秀(2015)。行動裝置介面圖示識認回饋與造形表現研究。設計學報,20(3),45-64。
    10.柳永青(2012)。友善的人機介面。科學發展 (472)。
    11.范姜群暐,2012,行動商務大未來,財金資訊季刊,第72期。
    12.洪心韻、黎雅惠、李竣程、胡偉康(2010),「電子商務網站消費者行為之研究–以拍賣網站為例」,國立臺灣大學 研究所碩士,碩士論文。
    13.唐國豪(2003)。「人機互動:人與機器的對話」,科學發展,368 期,18-23。
    14.康台生、呂靜修(2008)。視覺、標誌符號與表徵,設計研究學報(1), 78-89。
    15.林廷宜、楊曜全(2009)。操作說明圖視覺語言分析探討-以避難緩降機為例。2009 世界華人工業設計論壇/2009中華民國設計學會第 14 屆設計學術研究成果研討會。
    16.黃小升(2017),2017年台灣媒體白皮書,網路廣告正式超越電視,取自: https://www.smartm.com.tw/article/34303638cea3
    17.莊書怡(2016)。眼球之爭手機大獲全勝~ 台灣民眾平均每天滑手機 205 分鐘是看電視時間的 2 倍! FIND 市場情報》. 上網日期: 2016 年, 12,取自: http://paper.udn.com/udnpaper/POH0046/303508/web/
    18.曾靉(2016) 。電商黃金交叉!行動商務已成為銷售主流|數位時代,取自: https://www.bnext.com.tw/article/41321/criteo-report-claims-mobile-commerce-is-mainstream
    19.資策會產業情報研究所( MIC ),「品牌APP發展現況與應用案例分析」,2012年2月。
    20.資策會產業情報研究所(MIC) (2017),【APP使用者調查】遊戲、網購、交通運輸APP崛起。取自:https://mic.iii.org.tw/IndustryObservations_PressRelease02.aspx?sqno=466
    21.科技大觀園 (2014,Feb 2)。行動商務:what’s購ing on?
    取自: https://scitechvista.nat.gov.tw/c/skJK.htm
    22.鄭麗玉(2006)。認知心理學-理論與應用。台北: 五南圖書出版股份有限公司。
    23.SmartM (2016, Feb 2)。電商新戰場,行動商務的3大重要趨勢,取自: https://www.smartm.com.tw/article/32303235cea3
    24.蔡劼明(2006)。智慧型手機圖像辨識率與滿意度之評估研究. 臺北科技大學創新設計研究所學位論文, 1-134。
    25.劉季清(2018)。蝦皮再升級正式進軍B2C,取自: http://www.chinatimes.com/newspapers/20180315000309-260204
    26.洪心韻,黎雅惠,李竣程,胡偉康(2010)。網路銷售新模式-大學生網路代理拍賣志願與動機之研究。龍華科技大學。
    27.賴采秀、林廷宜(2013)。蘋果作業系統應用程式圖示視覺表現之比較。2013 造形文創跨界設計國際學術研討會。台北:國立臺灣藝術大學。
    28.麗莎(2016)。【專訪】蝦皮拍賣如何讓使用者不到一年突破300萬人?2017年2月15,取自: https://www.inside.com.tw/2016/07/12/shopee-3-million-users

    英文文獻:
    1.Balasubramanian, S., Peterson, R. A., & Jarvenpaa, S. L. (2002). Exploring the Implications of M-Commerce for Markets and Marketing. Journal of the Academy of Marketing Science, 30(4), 348-361.
    2.Büyüközkan, G. (2009). Determining the mobile commerce user requirements using an analyticapproach.Computer Standards & Interfaces, 31(1), 144-152.
    3.Cui, Y., & Honkala, M. (2013). A novel mobile device user interface with integrated social networking services.International Journal of Human-Computer Studies, 71(9),919-932
    4.Desmet, P. M. A., & Hekkert, P. (2007). Framework of Product Experience. International Journal of Design, 1(1), 13-23
    5.Lakoff, G., & Johnson, M. (1980). Language, Thought, and culture. Humans Symbolic Creatures, 40(12), 124-134.
    6.Hassenzahl, Mark, & Tractinsky, Noam (2006). User experience-a research agenda. Behaviour & information technology, 25(2), 91-97.
    7.Nilsson, E.G. (2009). Design patterns for user interface for mobile applications. Advances in Engineering Software, 40(12), 1318-1328.
    8.Norman, D. (1988). The Design of Everyday Things. New York: Basic Books。
    9.Norman, D. A. (1988). The Design of Everyday Things. New York: Doubleday.
    10.Norman, D. A. (2000). The Psychology of Everyday Things (設計心理學),卓耀譯,台北:遠流出版。
    11.Newman, M. W. & Landay, J. A. (2000). Sitemaps, storboards, and specifications: A sketch of web site practice. Proceedings of the 3rd conference on Designing interactive systems: processes, practices, methods, and techniques, 263-274.
    12.Park, W., Han, S. H., Kang, S., Park, Y. S. & Chun, J. (2011). A factor combination approach to developing style guides for mobile phone user interface. International Journal of Industrial Ergonomics, 41(5), 536-545.

    QR CODE