購物網站使用性比較研究－以天貓商城為例

A Comparative Study on Usability of Shopping Website: A Case of Tmall.com

黃昱婷(Yu-Ting Huang)；劉瑞芬(Jui-Fen Liu)

購物網站 ； 使用性 ； 天貓商城 ； Shopping Website ； Usability ； TMall.con

設計研究學報

9期（2016 / 07 / 01）

87 - 102

繁體中文

自從網路興起後資訊生活逐漸深入民眾生活中，隨著行動網路技術日趨成熟，伴隨使用者習慣的改變、行動裝置迅速的崛起，民眾的消費模式及購物型態有了更加多元的面貌。人們可以透過行動裝置不限時間、地點的進行瀏覽與消費，隨著功能更加擴大，也帶給了使用者更多的便利性。本研究目的在於：1.了解使用者在相同瀏覽器與不同裝置使用者介面之差異；2.了解手機版介面的使用效能；3.了解台灣及中國使用者對介面之認知差異。本研究以兩岸民眾熱門購物網站「天貓商城」為研究對象，合計共312份兩岸民眾進行購物網站電腦版及手機版的使用性評估體驗，進行使用性測試與介面設計之分析，透過文獻回顧、問卷調查法來進行使用性的測試與評估透過顯示本研究結果：1.使用者在不同裝置大小的使用者介面表現具有差異：裝置大小的差異會影響觸碰面積，進而影響使用者點選；2.智慧型手機之介面的效率性較電腦版好，而對購物網站中的文字表現部分則是智慧型手機不如電腦版；3.台灣及中國消費者對使用性認同存在部分差異：台灣消費者認為購物網站的資訊內容重要，中國消費者則認為視覺比例重要。

Ever since the rise of the Internet, the information age has dominated our lives ever so deeply; as mobile network technology matures, user habits change while mobile devices flourish, all contributing to the diversifying of consumer behavior and forms of consumption. Nowadays, people can browse and shop through merchandise through their phones, unrestricted by time or place, and the more powerful such functions become, the more convenience they bring to their users. The purpose of this study is to 1) understand how users differ when using distinguished user interfaces on different-sized devices, 2) understand the usability of computer and cellphone interfaces, and 3) understand the cognitive differences towards usability among Taiwanese and Chinese consumers. This object of this study is ＂TMall.com,＂ a popular shopping website in Taiwan and China. The study collected 312 questionnaires on usability experience and evaluation from consumers in Taiwan and China; such data is then submitted for usability tests and interface analysis through literature review and questionnaire survey. The results show that 1) differences in user interface on different-sized devices do affect users: difference in device sizes affects touch area which in turn affects user clicking, 2) smart phones have better interface efficiency than computers, but computers perform better in terms of verbal presentation on shopping websites, 3) Taiwanese and Chinese consumers differ in usability cognition: Taiwanese consumers focus more on the information content on shopping websites while Chinese consumers value visual experiences more.

1. (2012)。MIC 研究報告MIC 研究報告,資策會產業情報研究所。
2. PDA 進化至智慧型手機/ 平板電腦演化史－以策略聯盟的觀點探討之，中國生產力中心。2012年7 月25 日。
3. 「雙十一」全球最大電商阿里銷售再創紀錄，BBC 中文網。2014 年11 月11 日。
4. 智慧型行動裝置普及率近7 成 市場即將飽和！ 資策會FIND：行動族群半年增加逾100 萬人、全臺滑世代破1,432 萬，資策會創新應用服務研究所。2014 年12 月29 日。
5. (1998).ISO 9241-11:1998, Ergonomic requirements for office work with visual display terminals (VDTs) - Part 11: Guidance on usability.
6. 2014 中國零售龍頭是天貓，實體店被電商打趴了嗎，世紀智庫管理顧問股份有限公司。2015 年7 月14 日。
7. 為什麼你的 Art 做不出好 UI ？，MR JAMIE。2011 年4 月20 日。
8. Yahoo & MillwarBrown Survey of AdReaction.，Yahoo and MillwarBrown。2014 年1 月23 日。
9. 未來的UI 設計：專訪LINE UI 設計經理橋本建吾，Wired。2012 年5 月4 日。
10. (2008)。,產業情報研究所。
11. Top 50 sites in the world for General MerchAndise.，SimilarWeb。2015 年11 月1 日。
12. 2014 年第三季網友最愛逛的 B2C 購物網站排行榜。2014 年10 月27 日。
13. What UI really is (and how UX confuses matters)，Ryan Singer@Medium。2015 年1 月14 日。
14. Top Sites in China，Alexa Internet。2015 年11 月1 日。
15. For Impatient Web Users，an Eye Blink Is Just Too Long to Wait.，The New York Times。2012 年2 月29 日。
16. 行動網站的設計原則：取悅使用者並提高轉換量。2014 年7 月。
17. Kim, J.(1997).Toward the Construction of Customer Interfaceds for Cyber Shopping Mall-HCI Research for Electronic Commerence.Electronics Markets,7(2),12-15.
18. Lee, Y. S.,Hong, S. W.,Smith-Jackson, T. L.,Nussbaum, M. A.,Tomioka, K.(2006).Systematic evaluation methodology for cell phone user interfaces.Interacting with Computers,18(2),304-325.
19. Nielsen, Jakob(1993).Usability Engineering.Burlington, MA:Morgan Kaufmann Publishers Inc..
20. Preece, Jenny,Sharp, Helen,Rogers, Yvonne(2015).Interaction Design: Beyond Human-Computer Interaction.New York:John Wiley & Sons, Inc..
21. 林珮雯(2004)。碩士論文(碩士論文)。新竹市，國立交通大學傳播研究所。
22. 張郁芝(2013)。我國發展電子商務之現況與未來趨勢─以第三方支付為例。經濟研究，14，109-129。
23. 黃靜純(2003)。碩士論文(碩士論文)。雲林縣，國立雲林科技大學視覺傳達設計所。
24. 魏澤群(2007)。優使性2.0（Usability 2.0）—網站經驗設計。台北:網奕資訊。

1. 劉恬佳,黃儀婷(2018)。從消費者腦波變化探索行動購物之數字資訊對購買意圖影響。Electronic Commerce Studies，16(2)，103-135。
2. 劉仲矩(2021)。人力網站美學資本與網路忠誠關聯：求職者滿意為調節變項。商略學報，13(2)，135-158。
3. 潘彥蓁,劉仲矩(2019)。人力資源網站美學建構衡量重要性分析之研究。科技與人力教育季刊，5(3)，53-69。