:::

詳目顯示

回上一頁
題名:響應式網頁設計於桌上型電腦與智慧型手機之評價研究
書刊名:商業設計學報
作者:許子凡王曉今
作者(外文):Hsu, Tzu-fanWang, Hsiao-chin
出版日期:2019
卷期:23
頁次:頁33-45
主題關鍵詞:響應式網頁設計設計評價Responsive web designDesign evaluation
原始連結:連回原系統網址new window
相關次數:
  • 被引用次數被引用次數:期刊(0) 博士論文(0) 專書(0) 專書論文(0)
  • 排除自我引用排除自我引用:0
  • 共同引用共同引用:15
  • 點閱點閱:4
隨著行動上網的普及,行動優先的概念逐漸主導了網頁設計,追求跨設備的響應式網頁已成為目前網頁設計的主流,故基於此一跨設備的瀏覽趨勢,本研究針對響應式網頁在桌上型電腦與智慧型手機,就其視覺設計與使用介面之評價予以比較探討。本研究設計分為兩階段,階段一係以獨立樣本t檢定方式為主,以網頁刺激物在不同載體裝置的「響應式介面」作為自變數,再配合文獻所歸納之「網頁設計評量」指標作為應變數進行評估,階段二則把整體評價與各個子項目的關聯施以迴歸分析,以探討其間的關聯狀態,最後共歸納出三點結論,玆提供響應式網站在設計優化之參考:(1)桌上型電腦於響應式網站的瀏覽,在視覺設計面向所感受到的美感性與一致性,會較智慧型手機的表現為佳,但舒適性上則未有明顯不同。(2)響應式網站在桌機端與手機端的介面操作上,人們對於順暢性、回饋性、易用性等表現雖給予正面評價,不過兩者間的差異並未達顯著。(3)視覺設計與介面操作兩個面向在響應式網站的整體評價上,前者以美感性因子具較高之權重,後者則是以易用性與回饋性擁有較大的影響。
Because of the increasing popularity of mobile Internet access, web pages that provide priority for mobile first are gradually leading the field of web design. Therefore, Responsive Web Design (RWD), which is designed to respond to different devices, has become the mainstream of current web design. Based on this trend, this study will compare responsive web pages on computers and smart phones and evaluate their visual design and user interface. This study is divided into two phases. First, this study used an independent sample t-test. The independent variable is the "responsive interface" of web stimuli on different devices. The dependent variable is the "web design assessment" indicator that is synthesized from the literature. In the second phase, this study used regression analysis to explore the state of association between the overall evaluation and each subproject. This study summarizes three conclusions that can be used as a reference for optimizing Responsive Web Design (RWD) design. First of all, as far as visual design is concerned, when users use a desktop computer to browse a responsive website, the beauty and consistency they feel will be better than using a smart phone. But in terms of comfort, there is no significant difference. The second is that although the users have positive comments on the smoothness, feedback and ease of use of the responsive website on the desktop and mobile phones, the difference between the two devices has not been significant. Finally, in terms of the overall evaluation of the responsive website, users pay more attention to the aesthetic factors in visual design, and the ease of use and feedback of interface operations.
期刊論文
1.張琬翔、尹玫君(20130500)。從學習觀點探討教育網站評鑑之內涵。教育學誌,29,71-104。new window  延伸查詢new window
2.謝建成、劉至逢(20091200)。大學圖書館網站使用性評估之探討。教育資料與圖書館學,47(2),163-197。new window  延伸查詢new window
3.歐陽誾、林姿妙(20020600)。兒童學習網站評鑑工具之發展--預試階段。臺南師院學報,35,155-179。new window  延伸查詢new window
4.劉光夏、周士邦、王玲玲(20111200)。網站視覺設計之評量。設計與環境學報,12,49-69。new window  延伸查詢new window
5.蘇子淵、何宏文(20151200)。跨平臺網頁介面RWD對於網頁瀏覽之視覺傳達的影響。商業設計學報,19,19-38。new window  延伸查詢new window
6.Hussain, A.、Mkpojiogu, E.(2015)。The Effect of Responsive Web Design on the user Experience with Laptop and Smartphone Devices。Jurnal Teknologi (Sciences & Engineering),77(4),41-47。  new window
會議論文
1.王曉今、許子凡(2018)。從政府機關、設計競賽、學術分析面向探討網站設計評量之共同性。2018虛實X跨界研討會,銘傳大學(主辦) 。桃園。  延伸查詢new window
2.吳敏瑄、林頌堅(2006)。網頁的美感概念及設計原則之初步研究:研究問題與方法。RALIS 2006 Autumn Workshop of Recent Advances in Library and Information Science。  延伸查詢new window
3.蔡博元(2012)。網頁設計之評鑑指標--以大學網頁評鑑為實證。2012財經學術研討會,真理大學(主辦) 。新北市。  延伸查詢new window
學位論文
1.許銘文(2006)。個人網站視覺元素與設計內容表現之研究(碩士論文)。雲林科技大學,雲林。  延伸查詢new window
2.陳珮瑩(2005)。網站視覺設計評量模式之研究(碩士論文)。銘傳大學,臺北市。  延伸查詢new window
3.宋長岳(2011)。應用ANP法於視覺傳達設計教育之作品評量研究(碩士論文)。國立雲林科技大學。  延伸查詢new window
4.林哲宏(2005)。運用於網站瀏覽架構設計之評量平臺(碩士論文)。中華大學,新竹市。  延伸查詢new window
5.路蓮婷(2002)。我國網站政府建制與功能之研究(碩士論文)。國立暨南國際大學,南投縣。  延伸查詢new window
6.胡薏菡(2005)。遠距工業設計實務教學與評量之研究(碩士論文)。長庚大學。  延伸查詢new window
圖書
1.Frain, B.(2012)。Responsive Web Design with HTML5 and CSS3。Packt Publishing Ltd.。  new window
2.呂國泰(2019)。讓響應式(RWD)網頁設計變簡單:Bootstrap開發速成。臺北:碁峰出版社。  延伸查詢new window
3.陳惠貞(2017)。一步到位!RWD網頁程式設計:用HTML5、CSS3、Bootstrap打造響應式網頁。臺北:旗標出版社。  延伸查詢new window
4.傅小貞(2014)。行動設計之鑰:打造出讓使用者一見鍾情的手機APP UI /UX設計。臺北:松崗數位文創股份有限公司。  延伸查詢new window
5.鄧文淵、文淵閣工作室(2017)。學好跨平臺網頁設計:HTML5、CSS3、JavaScript、jQuery與Bootstrap超完美特訓班。臺北:碁峰出版社。  延伸查詢new window
6.Marcotte, E.(2011)。Responsive Web Design。New York:A Book Apart。  new window
7.Wroblewski, L.、Gunji-Ballsrud, J.(2002)。Site-Seeing: A Visual Approach to Web Usability。New York:John Wiley & Sons, Inc.。  new window
其他
1.國家發展委員會(2017)。政府網站服務管理規範,https://www.webguide.nat.gov.tw/cp_aspx7n-554。  延伸查詢new window
2.(2018)。你的網站落伍了嗎?從網頁設計的發展,檢視你的網站是否過時,https://www.37design.com.tw/blog/the-history-of-website-development。  延伸查詢new window
3.(2016)。RWD響應式網頁設計優/缺點限制,https://www.eztrust.com.tw/html/rwd/04.aspx。  延伸查詢new window
4.Wroblewski, Luke(2012)。Mobile Fist,https://www.Iukew.com/presos/preso.asp?26。  new window
5.(2017)。2017網頁設計流行趨勢Web Design Trend,https://ppt.cc/ftitsmx。  延伸查詢new window
6.(2018)。關注2019年7種尖端網頁設計趨勢,https://ppt.cc/f2GjOx。  延伸查詢new window
7.(2017)。A design system for the federal government,https://playbook.cio.gov/designstandards/。  new window
8.(2017)。網頁設計中文字排版的10點技巧,https://zi.media/@yidianzixun/post/KLjajx。  延伸查詢new window
9.財團法人資訊工程策進會(20180221)。臺灣人更黏手機了!近8成民眾每天使用手機逾2小時,https://www.iii.org.tw/Press/NewsDtl.aspx?nsp_sqno=2081&fm_sqno=14。  延伸查詢new window
 
 
 
 
第一頁 上一頁 下一頁 最後一頁 top