基于用戶個性化特征的網頁視覺傳達設計研究

毛麗娟

摘 要： 針對傳統網頁視覺傳達設計中存在單向傳播性以及視覺單調性的問題，提出基于用戶個性化特征的網頁視覺傳達設計方法，對用戶興趣行為進行跟蹤分析，分析視覺傳播數據彌補單向傳播性，對用戶視覺興奮點重新優化，避免網頁視覺單調性出現。利用興趣行為跟蹤系統以及用戶視覺興奮點分析過程實現個性化特征設置，設計視覺自適應模塊實現網頁視覺傳達。通過實驗分析可知，設計成果在網頁視覺傳達上能夠實現不同用戶的個性化特征信息的高效、高精度傳遞。

關鍵詞： 個性化特征； 網頁視覺傳達； 興趣行為； 跟蹤系統； 視覺興奮點； 自適應

中圖分類號： TN913?34 文獻標識碼： A 文章編號： 1004?373X（2018）13?0159?04

Abstract： The problems of one?way transmissibility and visual monotony exist in the traditional webpage visual communication design. Therefore， a webpage visual communication design method based on user personalized feature is proposed to perform the tracking analysis for the users′ interest behavior， analyze the visual communication data to make up for the one?way transmissibility， and re?optimize the user′s visual excitement to avoid the webpage visual monotony. The interest behavior tracking system and user′s visual excitement analysis process are used to realize the personalized feature setting. The visual adaptive module is designed to realize the webpage visual communication. The experimental analysis results show that the design results of webpage visual communication can realize the personalized characteristic information transmission of different users.

Keywords： personalized characteristic； webpage visual communication； interest behavior； tracking system； visual excitement； self?adaption

0 引 言

傳統網頁視覺傳達設計方法存在視覺數據單向傳播性的缺點，缺少網頁與用戶之間的實際交流過程，視覺傳達性較差，造成網頁顯示單調，甚至會出現用戶反感、用戶瀏覽量降低等問題。用戶行為跟蹤系統能夠對用戶行為進行評估和提取，推薦用戶能夠產生興趣的頁面，通過用戶對頁面不斷反饋和興趣行為跟蹤系統的學習，實現人機較好互動，解決了視覺數據單向傳播的問題。

為了解決傳統網頁視覺傳達設計方法存在視覺數據傳輸單向以及視覺單調性的缺陷，本文提出基于用戶個性化特征的網頁視覺傳達設計方法。首先分析用戶興奮色彩特征，獲取網頁平面設計方案，針對不同審美觀用戶顯示的不同視覺設計，解決傳統網頁視覺設計的單調性問題，有效降低用戶對網頁的乏味性，然后將興趣行為跟蹤系統和用戶視覺興奮點結合起來，與計算機視覺自適應模塊及自適應機制融合，通過計算機的自學習，不斷增強網絡頁面與用戶的互動行為。最后通過實驗驗證了基于用戶個性化特征的網頁視覺傳達設計方法，在不同年齡階段人群、不同工作背景、不同生活環境下用戶瀏覽意愿、時間和滿意度均增加。

1 基于用戶個性化特征與視覺傳達分析

1.1 用戶興趣行為跟蹤系統設計

用戶興趣行為跟蹤系統主要包括用戶信息獲取模塊、用戶興趣構建模塊，其結構如圖1所示。其中用戶信息獲取模塊提取用戶顯性反饋數據和隱性反饋數據，主要包括用戶的年齡、興趣愛好、生活區域以及定制信息等，用戶隱性反饋數據包括用戶人機交互行為數據、用戶眼動跟蹤數據以及用戶網頁瀏覽內容數據等[1?2]。用戶興趣構建模塊主要實現用戶興趣跟蹤，提供用戶行為數據保證，跟蹤過程是興趣模塊數據更新過程，通過更新數據了解用戶興趣的實時變化。

1.2 基于視覺興奮點的用戶個性特征分析

網頁中視覺興奮點是在瀏覽網頁中能吸引用戶視線停留的區域，并且能引起用戶興趣、情感以及心理共鳴的部分[3?4]。通過用戶興趣行為分析系統得到用戶行為慣性以及興趣偏好，根據大數據模擬獲取結果的信度系數值，其在0.7～0.84，通過式（1）可知，不同性別對顏色敏感程度以及感官度存在一定差異[3]，如圖2所示。

圖2表明，不同性別用戶對不同色彩、不同表達方式具有不一樣的視覺興奮點。針對不同用戶的視覺興奮點進行合理的網頁視覺傳達。顏色敏感系數[Bμ]的計算公式為：

1.3 計算機自適應模塊下視覺傳達設計的實現

經過上述個性特征分析，能夠提供一定的興趣點數據以及視覺興奮點數據。計算機自適應模塊的主要作用是實現對上述數據與用戶的交互作用分析[5]。計算機自適應模塊結構如圖3所示。

計算機自適應模塊主要分為5個模塊，包括用戶興趣信息獲取模塊、用戶操作行為監測模塊、視覺監測模塊、自適應推理控制模塊、視覺呈現模塊[6?7]。

用戶興趣信息獲取模塊通過注冊信息或輸入等方式告知系統獲得用戶的基本特征和興趣重點。將采集的信息存入信息數據庫。根據不同量化標準判斷用戶所屬類型。用戶個性特征與信息行為具有相關性，其中，描述的個性特征如表1所示。

由表1可知，特征描述由5個重要因素組成，即開放性、外向性、盡責性、親和性、情緒不穩定性。用戶操作行為監測模塊和場景監測模塊是用戶通過外部交互設備對某類消息的處理，以及某個場景、時間段下對某類某種行為的檢測工具[8]。

自適應推理控制模塊利用用戶分類依據標準以及用戶興趣行為跟蹤系統的統計結果和檢測模塊的監測數據，是判斷用戶行為偏好的工具[9?10]。

由圖5可知，相對于傳統用戶的網頁視覺傳達設計方法，本文方法在不同網頁相似區域的瀏覽意愿加強、瀏覽時間增多且瀏覽滿意度增加。

3 結 論

相對于傳統網頁視覺傳達設計方法，本文方法不僅解決了傳統網頁設計的不足，同時基于用戶個性化特征的網頁視覺傳達設計在不同年齡階段人群、不同工作背景、不同生活環境下均表現出瀏覽意愿加強、瀏覽時間增多、瀏覽滿意度增加的現象。

參考文獻

[1] 王瀟嫻.基于視覺傳達設計領域的互補設計方法研究[J].包裝工程，2015，36（8）：112?115.

WANG Xiaoxian. The design of complementary design based on field of visual communication design [J]. Packaging engineering， 2015， 36（8）： 112?115.

[2] 陳積常，林文成.數字廣告中數字媒體的視覺傳達設計[J].傳媒，2015，22（18）：70?72.

CHEN Jichang， LIN Wencheng. Visual communication design of digital media in digital advertising [J]. Media， 2015， 22（18）： 70?72.

[3] 權千發，王學.提供最佳視域的網頁視覺傳達設計[J].新聞戰線，2016，9（2）：127?128.

QUAN Qianfa， WANG Xue. Provides the best view of the webpage visual communication design [J]. News front， 2016， 9（2）： 127?128.

[4] 董婭娜.新聞網站的視覺傳達設計[J].新聞戰線，2016（10）：109?110.

DONG Yana. The visual communication design of the news website [J]. News front， 2016（10）： 109?110.

[5] 劉軍.關于多媒體設計與視覺傳達的完美結合研究[J].傳媒，2015，22（5）：74?76.

LIU Jun. Research on the perfect combination of multimedia design and visual communication [J]. Media， 2015， 22（5）： 74?76.

[6] 朱建霞.廣告視覺傳達設計藝術在信息網絡時代的傳播研究[J].新聞愛好者，2016，27（5）：86?88.

ZHU Jianxia. Research on the communication of visual communication design art in the age of information network [J]. News enthusiasts， 2016， 27（5）： 86?88.

[7] 高寒冰.數字媒體時代視覺傳達設計的特征與發展[J].新聞戰線，2016（6）：145?146.

GAO Hanbing. The characteristics and development of visual communication design in the digital media era [J]. News front， 2016（6）： 145?146.

[8] 徐媚.網絡廣告的視覺審美特征與視覺傳達設計[J].新聞戰線，2016（22）：63?64.

XU Mei. The visual aesthetic characteristics and visual commu?nication design of Internet advertising [J]. News front， 2016（22）： 63?64.

[9] 何川.鑄造藝術中的視覺傳達設計綠色化發展方向[J].印染助劑，2017，22（z1）：11?14.

HE Chuan. The direction of green development of visual communication design in foundry art [J]. Printing and dyeing auxiliaries， 2017， 22（S1）： 11?14.

[10] 焦振濤，徐明明.傳統經典的當代再造：基于“Redesign”設計方法的視覺傳達設計[J].裝飾，2017，7（2）：112?114.

JIAO Zhentao， XU Mingming. The contemporary reengineering of traditional classics： visual communication design based on the "Redesign" design method [J]. Decoration， 2017， 7（2）： 112?114.