(3.236.82.241) 您好!臺灣時間:2021/04/13 02:51
字體大小: 字級放大   字級縮小   預設字形  
回查詢結果

詳目顯示:::

我願授權國圖
: 
twitterline
研究生:楊皓文
研究生(外文):Hao-Wen Yang
論文名稱:基於通用使用者描述檔與CSS使用者查詢之響應式通用設計
論文名稱(外文):Responsive Universal Design with Universal User Profiles and CSS User Queries
指導教授:梅興梅興引用關係
指導教授(外文):Hsing Mei
口試委員:陳振炎王英宏
口試委員(外文):Jason Jen-Yen ChenYing-Hong Wang
口試日期:2014-07-28
學位類別:碩士
校院名稱:輔仁大學
系所名稱:資訊工程學系碩士班
學門:工程學門
學類:電資工程學類
論文種類:學術論文
論文出版年:2014
畢業學年度:102
語文別:英文
論文頁數:32
中文關鍵詞:響應式設計通用式響應設計CSSCSS使用者查詢使用者通用描述
外文關鍵詞:Responsive DesignResponsive Universal DesignCascading Style SheetCSS User QueriesUniversal User Profile
相關次數:
  • 被引用被引用:1
  • 點閱點閱:269
  • 評分評分:系統版面圖檔系統版面圖檔系統版面圖檔系統版面圖檔系統版面圖檔
  • 下載下載:0
  • 收藏至我的研究室書目清單書目收藏:0
隨著資通訊科技的快速發展,智慧型手機、平板等行動裝置的數量正以驚人的速度快速成長,網路上的網站及應用程式的數量也隨之越來越多。使用者和設計師們漸漸發覺,傳統的網頁設計已經不再適合用在智慧型手機或平板等裝置上,螢幕的大小以及操作特性的不同顯著的影響了使用者經驗。響應式網頁設計(Responsive Web Design, RWD)率先針對了此問題提出了解決方式,它提倡網頁應該自行響應的螢幕的大小,並改變網頁的排版,使其在各種裝置上都能保持良好的使用者經驗。然而,響應式網頁設計只有考慮到裝置間的差異。在面對人口老化的現在,使用網際網路的高齡人口也跟著越來越多,在此也遇到了一樣的問題:現有的網頁設計並不適合給年長者或甚是幼童及其他身心障礙者閱讀操作。此論文提出了響應式通用設計(Responsive Universal Design, RUD),並設計了兩項工具,通用使用者描述與CSS使用者查詢,讓網頁開發者與設計能針對使用者之間的差異進行適合的設計。本論文實驗結果中,年長者和青少年皆因此縮短了閱讀時間,提升閱讀效率。我們希望能幫助設計與開發者更容易提升使用者經驗,並創造一個通用式、使用者導向的網路環境。
Accompanying the rapid progressing of information and communication technology, the number of web-based mobile applications grows significantly. The web page design does bring different user experiences on various mobile devices. The Responsive Web Design (RWD) was the first trial to deal with this issue. RWD aimed at designing adaptive web interface for different mobile devices. However, RWD consider only the difference of devices, but not the users, especially the needs of elders. This thesis proposes the Responsive Universal Design (RUD), an enhancement of RWD, to consider both the devices and users. A unique Universal User Profile (UUP) is maintained for each user on device. Based on UUP, CSS User Queries functions are used to adjust the user interface dynamically with the best experience. RUD can increase the flexibility of web design, and improve user experience. A JavaScript library is implemented for build/load UUP, to parse user queries, and to apply CSS styles. This thesis reports a critical step to create a universal and user-oriented web environment.
摘 要 I
Abstract II
誌 謝 III
TABLE OF CONTENTS IV
LIST OF TABLES VI
LIST OF FIGURES VII
I. Introduction 1
A. Problem Definition 1
B. Organization of the Thesis 1
II. Backgrounds and Related Work 3
A. Population Ageing and Elders 3
B. User Experience 5
C. Responsive Web Design 5
D. CSS3 Media Queries 7
III. Responsive Universal Design 10
A. Main Principals 10
B. Universal User Profile 12
C. CSS User Queries 16
D. JavaScript Library: Respond for User Queries (UQRespond.js) 20
E. Build a Web Site with Responsive Universal Design 21
IV. Experiment and Results 24
A. Experiment Design 24
B. Result Analyzing 27
V. Conclusions and Future Work 29
REFERENCE 30

[1] Ethan Marcotte, "Responsive Web Design," 2010. [Online]. Available: http://www.alistapart.com/articles/responsive-web-design/.
[2] Shwu-Chong Wu, "Population Aging and Long-Term Care Policy," National Policy Quarterly, pp. 5-24, 1 December 2005.
[3] Michael Merzenich, "Neuroscience via Computer: Brain Exercise for Older Adults," Interactions, pp. 42-45, July+August 2007.
[4] NATIONAL INSTITUTE ON AGING, "Making Your Website Senior Friendly," MARCH 2009. [Online]. Available: http://www.nia.nih.gov/sites/default/files/making_your_website_senior_friendly.pdf.
[5] Ergonomics of human-system interaction -- Part 210: Human-centred design for interactive systems, ISO 9241-210, 2010.
[6] Aaron Gustafson, "Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement," Easy Readers, LLC, 2011.
[7] Florian Rivoal, Tantek Çelik, Daniel Glazman, Anne van Kesteren and Håkon Wium Lie, "Media Queries," W3C Recommendation, 19 June 2012. [Online]. Available: http://www.w3.org/TR/css3-mediaqueries/.
[8] Ronald L. Mace, Graeme J. Hardie and Jaine P. Place, "Accessible environments: Toward universal design. Center for Accessible Housing," North Carolina State University, 1990.
[9] William Lidwell, Kritina Holden and Jill Butler, "Universal Principles of Design, Revised and Updated: 125 Ways to Enhance Usability, Influence Perception, Increase Appeal, Make Better Design Decisions, and Teach through Design," 2nd edition, Rockport Publishers, 2010.
[10] Karel Vredenburg, Scott Isensee and Carol Righi, "User-Centered Design: An Integrated Approach," Prentice Hall PTR, 2002.
[11] Ian Hickson, Google, Inc., "Web Storage," W3C®, 14 May 2014. [Online]. Available: http://dev.w3.org/html5/webstorage/.
[12] Scott Jehl, "Respond.js," [Online]. Available: https://github.com/scottjehl/Respond.
[13] Jesse James Garrett, "The elements of user experience: user- centered design for the Web and beyond," 2nd Edition, New Riders Press, 2010.
[14] Lauralee Alben, "Quality of experience: defining the criteria for effective," Interactions, pp. 11-15, May+June 1996.
[15] Hsing Mei, Wei-Ting Lai and Vhien Chang, "Mashup a Reliable Virtual Health 2.0 Testbed Environment," Proceedings of the 4th Taiwan Conference on Software Engineering (TCSE 2008), pp. 277-282, June 2008.
[16] Marc Hassenzahl and Noam Tractincky, "User experience – a research agenda," Behaviour & Information Technology, pp. 91-97, March-April 2006.
[17] Jhing-Fa Wang, Bo-Wei Chen, Wei-Kang Fan and Chih-Hung Li, "Emotion-Aware Assistive System for Humanistic Care Based on the Orange Computing Concept," Applied Computational Intelligence and Soft Computing, 2012.

QRCODE
 
 
 
 
 
                                                                                                                                                                                                                                                                                                                                                                                                               
第一頁 上一頁 下一頁 最後一頁 top
系統版面圖檔 系統版面圖檔