题名

以層級式分析法探討響應式網頁設計之現況分析與實證研究

并列篇名

The Evaluation of Applying Analytic Hierarchy Process to Responsive Web Design Techniques on Heterogeneous Platforms

作者

王聖銘(Sheng-Ming Wang);黃絜如(Chieh-Ju Huang);洪志元(Chih-Yuan Hung)

关键词

響應式網頁設計 ; 異質性平台 ; 層級分析法 ; responsive web design (RWD) ; heterogeneous platforms ; analytic hierarchy process (AHP)

期刊名称

資訊管理學報

卷期/出版年月

25卷2期(2018 / 04 / 30)

页次

149 - 184

内容语文

繁體中文

中文摘要

因應近年來智慧型行動裝置大量普及,逐漸取代使用者原本以PC端為主要瀏覽網站資訊的形式;網站設計面對異質性平台裝置如:智慧手機、平板電腦、桌上電腦或筆記型電腦及智慧電視等多元螢幕尺寸的開發,響應式網頁設計(Responsive Web Design; RWD)適時地提供多螢跨屏暨異質性平台的解決方案。層級分析法(Analytic Hierarchy Process; AHP)是一套利用多重評估準則的決策方法,彙整了專家的意見後,利用評估尺度給予決策因素權重數值的系統理論。由於響應式網頁的設計需針對異質性平台的特性做開發,因此本研究以層級分析法方式,探討有關響應式網頁設計的技術發展評估重點。本研究針對響應式網頁設計技術應用觀點,探究過去技術上的限制及現況的改變,依階段進行。先利用文獻探討方式瞭解響應式網站於異質性平台上的技術發展與特性,第一階段則藉由層級分析法,透過專家問卷調查,分析開發技術改善之優先權重評估,第二階段導入專家訪談以開發端進行實務分析,評選開發技術之評估因子;第三階段另以專家實務問卷透過描述統計,呈現次數及百分比方式進行分析,並輔以實證研究,於最後提出RWD開發技術、後續相關研究及未來發展建議,提供網站開發設計人員及未來相關研究參考。

英文摘要

Purpose - This study evaluates the application of responsive websites on heterogeneous platforms. Besides the weight and order of the main development technical factors Responsive Web Design (RWD), the technical limitations facing the current RWD development and the prevalence are considered for the purpose for eventually offering RWD development and construction proposals for design staff and future research. Design/methodology/approach - Literature reviews were conducted on the technical development and characteristics of responsive websites on heterogeneous platforms to find out the weight and order of the main technical factors in RWD development by Analytic Hierarchy Process (AHP); to discover the technical limitations facing current RWD development by expert interviews; and to convey the frequencies and percentages via descriptive statistics based on analysis of experts' practical experiences. Findings-Based on the survey of sample domestic websites, two results are obtained from this research. The first is that the number of website development techniques is still relatively low. The other is that browsers support for flexible images of HTML5 coding has significantly improved, thus easing many years of problems concerning browser compatibly with flexible images and enhancing the efficiency of downloading websites. Research limitations/implications-Regarding to the limitations of this study, most of the literature on RWD related to academic research in Taiwan is based on user experience, and there is still few academic research on RWD-related information technologies for reference. And it focuses on the discussion of RWD development technology practical application, user experience, and building costs. Practical implications-Domestic websites on multiple heterogeneous platforms still do not have a corresponding site building strategy. A method to develop and design a traditional website and then switch to a multiple, multi-screen platform has become an important issue for related practitioners. The RWD technology development issues determined from the literature review and questionnaire and expert interviews include different file size, download time, image size design, image download, CSS management, and display performance. Moreover, expert-level analysis of development technology priorities by order of weight are image download, CSS management, download time, file size, display performance, and image size design. Originality/value-In this study, the combination of literature analysis and expert interviews brings the findings closer to the current development status. The questionnaire survey and analysis can determine the key technology development factors by order of importance to aid in the decision-making process. The method and results of this research can be used as a reference by the responsive web developer engaged in platform design.

主题分类 基礎與應用科學 > 資訊科學
社會科學 > 管理學
参考文献
  1. 蘇子淵,何宏文(2015)。跨平台網頁介面 RWD 對於網頁瀏覽之視覺傳達的影響。商業設計學報,19,19-38。
    連結:
  2. http://santri.eu/. Responsive Web Design. In rwd-direction.jpg (Ed.), Website (Vol. 48 kb): http://santri.eu/.
  3. Aryal, C.S.(2014).Aryal, C.S. (2014b). The Design Principles for Responsive Web Final.
  4. Aryal, C.S.(2014).Helsinki Metropolia University of Applied Sciences.
  5. Business-Performance-Management-Singapore (2011). New AHP Excel template with multiple inputs. Retrieved from http://bpmsg.com/new-ahp-excel-template-withmultiple-inputs/
  6. Chen, P. (2014). Built-in Browser Support for Responsive Images. September 11th, 2014 Retrieved from https://www.html5rocks.com/en/tutorials/responsive/pictureelement/
  7. Cyr, K. (May 7th, 2015). M.dot vs. Responsive vs. Progressive: What's the Right Solution for Your Company? Retrieved from https://www.mobify.com/insights/m-dot-responsive-progressive-whats-the-right-solution/
  8. Google (2015). ‘Responsive Webpage Design’ Retrieved from https://developers.google.com/webmasters/mobile-sites/mobile-seo/responsive-design
  9. Google & Ipsos (2012). The New Multi-screen World: Understanding Cross-platform Consumer Behavior. Retrieved from Google: https://www.thinkwithgoogle.com/advertising-channels/mobile/the-new-multi-screen-world-study/
  10. Gustafson, A.(2011).ADAPTIVE WEB DESIGN.
  11. Hannemann, A. (May 29, 2014). Responsive Images In Your Browser. Retrieved from https://helloanselm.com/2014/responsive-images-coming/
  12. Marcotte, E. (May 25, 2010). ‘Responsive Web Design’. Retrieved from http://alistapart.com/article/responsive-web-design
  13. Marcotte, E.,Brown, M.(Ed.)(2011).Responsive Web Design.New York:Jeffrey Zeldman.
  14. Modé, E.(2014).Uppsala University.
  15. Nagel, W.(2015).Multiscreen UX Design: Developing for a Multitude of Devices.Waltham, MA:Morgan Kaufmann Pub.
  16. Saaty, T.L.(1980).The Analytic Hierarchy Process: Planning, Priority Setting, Resource Allocation.Mcgraw-Hill.
  17. Souders, S.(2007).High Performance Web Sites - Essential Knowledge for Front-End Engineers.O’Reilly Media.
  18. W3C (2008). ‘Mobile Web Best Practices 1.0.’ Retrieved from https://www.w3.org/TR/mobile-bp/ - OneWeb
  19. Wroblewski, L. (2011). ‘RESS: Responsive Design + Server Side Components’. Retrieved from http://www.lukew.com/ff/entry.asp?1392
  20. 王任輝(2015)。國立中山大學資訊管理研究所。
  21. 王誠偉(2015).RESPONSIVE WEB DESIGN.
  22. 林憲民(2010),『淺談 HTML 5』,2016 年 5 月 16 日,取自 http://www2.nuk.edu.tw/e-news/201009/know.html
  23. 國家發展委員會(2015)。國家發展委員會(2015),『政府網站版型與內容管理規範』,頁 2-16。
  24. 愛貝斯網路公司(2016),『為什麼你應該選擇響應式網站』,2016 年 6 月 15 日,取自:http://www.ibest.tw/page03.php
  25. 鄭尹惠(2014)。國立臺北教育大學。