跨平台網頁介面RWD對於網頁瀏覽之視覺傳達的影響

Visual Communication Impact of Cross-platform Web Interface RWD on Web Browsing

蘇子淵(Tzu-Yuan Su)

指導教授 ： 何宏文 助理教授

國立臺中科技大學/設計學院/商業設計系碩士班/碩士(2016年)

摘要

伴隨著移動平台的技術日趨成熟，網頁瀏覽的視覺效果也逐漸受到重視，響應式網頁設計（Responsive Web Design,RWD）在網頁設計的開發技術上屬於一項新的觀點。本研究是利用方法目的鏈的分析技術，作為實證應用的基礎，並藉由深度的階梯式訪談來瞭解RWD的使用經驗，其研究結果顯示「螢幕裝置大小」、「內容簡單明瞭」、「操控性」、「介面親和力」、「瀏覽速度」、「使用情境」等六項屬性，是影響造訪者使用RWD的關鍵屬性。經由內容分析法的詞幹分類及編碼後，透過「蘊含矩陣」並繪製成「階層價值圖」進行分析。經分析結果共歸納出RWD七項特質(包括視覺面向的高張力圖形、敘事觀點、攝影圖像、「less is more」等廣泛運用，功能面向包括滑動、人機介面和形隨機能的版型運用)，並加以闡明其意涵。希望藉由研究結果能幫助平台開發者，更瞭解用戶需求，發揮本研究最終的價值意義。

關鍵字

方法目的鏈 ； 響應式網頁設計 ； 蘊含矩陣 ； 階層價值圖

並列摘要

As the mobile platform technology matures, the visual effect of web browsing gradually attracts attention. Responsive web design (RWD) is a new development in web design technology. This study uses the analytical skills of means-end chains as the basis for empirical applications and in-depth stepped interviews to understand users’ experience with RWD, and the research results show that “screen size”, “simple and straightforward contents”, “maneuverability”, “interface friendliness”, “browsing speed” and “scenarios” are the six key attributes affecting visitors’ use of RWD. After the application of stem classification and coding of the content analysis method, a “hierarchical value map” is drawn through an “implication matrix” for analysis. Seven RWD attributes are summed up from the analysis results (including the widely used high-tension graphs, narrative viewpoints, photographic images and “less is more” on the visual aspect, and the application of sliding, man-machine interface and function-oriented appearance on the functional aspect), and the implication of each is explained. We expect to help platform developers with the research results to better understand user needs and make full use of the study’s value.

並列關鍵字

Means-end chains ； Responsive Web Design ； implication matrix ； hierarchical value map

參考文獻

柳捃怡，2004。《捲動式動態資訊對螢幕視覺作業之影響》，桃園縣，中原大學。

莊錦昌，2001。《網頁介面使用性之探討與意象之研究》，國立成功大學工業設計學系碩士論文陳瀚凱、張謙允，2003。〈2003視覺平衡影響視覺動勢強弱之視覺原則探討〉，《藝術學報》第73期，PP.75-88 。

陳瀚凱、張謙允，2003。〈2003視覺平衡影響視覺動勢強弱之視覺原則探討〉，《藝術學報》第73期，PP.75-88。

劉渼，2008。《創意說故事後敘事模式的教學應用研究》，台北，臺北大學。

黃齡儀，2008。《數位時代之空間-時間敘事結構初探：以facade 網站為例》，台北，政治大學。