隨著各式手機、平板等行動裝置的開發及普及，人們於行動裝置上的瀏覽量已漸漸追上電腦的瀏覽量，網頁的開發如何能在不同行動裝置的螢幕尺寸及解析度中，用最短的時間有效供給瀏覽者最佳的使用體驗，逐漸受到網頁開發者重視，而響應式網頁設計（Responsive web design，RWD）的技術，能夠整合多平台的特性正好符合此項需求，因此響應式網頁設計這項技術，成為了時下網頁開發的主要趨勢。
然而在響應式網頁逐漸普及的趨勢下，臺灣大專院校網站中具有響應式功能者卻僅占了二分之一左右。大專院校網站使用者大多屬於目的型搜尋資訊的行為模式，使用族群以18歲至25歲年輕學生為主要族群，其生活型態之行為模式，使用行動裝置的機會較其他族群更高。
本研究挑出九項具有響應式功能的藝術與設計相關系所網站作為研究樣本。第一階段邀請三位分別具備網站設計、視覺設計、網站體驗設計的學術專業領域教授、業界專家，採用專家啟發式評估研究方法，進行個案分析。接著第二階段規劃了七項典型任務，每一項邀請10位18至25歲的學生擔任使用性任務測試的受測者，過程搭配放聲思考法及事後訪談，藉以進行本研究網站樣本的使用性評量。
分析後本研究統整所有樣本網站的研究結果，彙整出現在大專校院系所網站運用響應式網頁技術時容易產生的幾個問題，其中包含有：
1.資訊的呈現方式沒有好好規劃，造成使用者無法瞭解資訊內容，以樣本的藝術與設計相關科系的作品頁面為例，圖片量充足而圖說不足的樣本與文字量大缺乏圖片輔助的樣本都會造成使用者瀏覽上的觀感降低。
2.部分樣本網站資訊架構層次分類的規劃與邏輯性上不夠清楚，分類不明確或有違使用者的常規認知，專家判定這樣的情形會造成網站的可學習性和效率性下降。
3.網站操作上使用者經驗的優缺，部分有設計優化使用者經驗細節的樣本網站在操作上整體的使用性皆勝過沒有考慮這點的樣本網站。
4.選單上的層次分類與設計，樣本中有些系所網站的選單在層次分類上過於繁複，造成使用者初步接觸網站時的可學習性降低，以及視覺設計上的閱讀性也和使用性的滿意度息息相關。
5.運用響應式網站時，部分樣本網站在裝置變換後自動更換版面編排的變動性不足，造成使用者在瀏覽網站資訊上受到影響和限制。
6.按鈕與連結的辨識度不足，某些樣本網站的按鈕與連結乍看之下與網頁內文無異，造成使用者在判定資訊時產生疑惑，降低了網站的效率性。
最後研究者依據資訊呈現方式、資訊架構的層次分類與邏輯性、使用者經驗、選單設計、版面變動的閱讀性、按鈕辨識度等幾個主要面向，歸納出大專院校系所網站運用響應式技術時應具備的設計要點，以供未來大專院校系所網站欲採用響應式網頁技術時參考設計。

With the development and popularization of various mobile devices such as smart phones and tablets, the number of page views from mobile devices is catching up with that from desktops. More and more attention has been paid by web developers to the issue of how to develop web pages which can bring visitors using devices of different screen sizes and resolutions the best user experience efficiently in the shortest time possible. And the technology of responsive web design (RWD) features the integration of multiple platforms, which perfectly meets this demand. Therefore, the RWD technology has become major trend in the field of web development nowadays.
However, as responsive websites have become more and more popular, only about half of the university/college websites in Taiwan are responsive websites. The behavior model of most of the users of the university/college websites is to search for information purposively. The main user group is young students aged 18 to 25, who are more likely to use mobile devices than other groups according to their daily life behavior model.
This study selected 9 websites of art and design related departments with responsive functions as the research sample. 3 professors and domain experts whose areas of expertise are web design, visual design, and website user experience design, respectively were invited to participate in the first stage of this study. And the research method of heuristic evaluation was adopted for case analyses. During the second stage, 7 typical tasks were planned. For each task, 10 students aged 18 to 25 were invited to be the subjects of the usability test with that task. During the process, the think aloud protocol was used and post interviews were conducted for the purpose of evaluating the usability of the sample websites.
After the analyses, the research findings in relation to the sample websites were summarized. It was found that there are several common problems with the use of the RWD technology in the university/college websites, including the followings:
1.How information is presented is not well-planned. As a result, users can hardly understand the information presented. Take the “works” pages of the sample websites of the art and design related departments as an example, there are pages with a lot of images but not enough descriptions as well as pages with a lot of text but not enough images. In both cases, users’ impressions when browsing these pages may be influenced in a negative way.
2.The planning and logics of the information structures and layers, and classifications in some of the sample websites are not clear enough. According to the experts, as the classifications in these websites that are not clear or do not conform to users’ general knowledge, the efficiency and learnability of these websites may be influenced in a negative way.
3.According to the user experiences in relation to the operability of the sample websites, the overall usability in the operability aspect of the sample websites with some detailed designs to optimize user experiences is higher than those without.
4.As for the menu layers and designs, some of the sample websites are too complex in terms of the layers and classifications of their menus. As a result, the learnability of the users new to these websites may be influenced in a negative way. And the visual readability is also closely related to the satisfaction with the usability.
5.The flexibility of some of the sample responsive websites in terms of switching to a different device is not good enough, so that users may be influenced and limited when browsing these websites.
6.Buttons and links are hard to identify. At first glance, the buttons and links in some of the sample websites are simply like a part of the text. As a result, users may be confused when trying to identify information and the efficiency of those websites is rather low.
Lastly, based on several main aspects, including information presentation, layers and logics of information structure, user experience, menu design, readability for different layouts, and button identification, this study summarized the key factors to be considered when adopting the RWD technology to design a university/college website, as references for university/college departments which plan to build a responsive website.