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