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

毛麗娟

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

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

中圖分類號： 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 引 言

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

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

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

1.1 用戶興趣行為跟蹤系統(tǒng)設計

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

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

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

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

1.3 計算機自適應模塊下視覺傳達設計的實現(xiàn)

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

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

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

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

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

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

3 結 論

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

參考文獻

[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] 陳積常，林文成.數(shù)字廣告中數(shù)字媒體的視覺傳達設計[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] 權千發(fā)，王學.提供最佳視域的網(wǎng)頁視覺傳達設計[J].新聞戰(zhàn)線，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] 董婭娜.新聞網(wǎng)站的視覺傳達設計[J].新聞戰(zhàn)線，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] 朱建霞.廣告視覺傳達設計藝術在信息網(wǎng)絡時代的傳播研究[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] 高寒冰.數(shù)字媒體時代視覺傳達設計的特征與發(fā)展[J].新聞戰(zhàn)線，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] 徐媚.網(wǎng)絡廣告的視覺審美特征與視覺傳達設計[J].新聞戰(zhàn)線，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] 何川.鑄造藝術中的視覺傳達設計綠色化發(fā)展方向[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] 焦振濤，徐明明.傳統(tǒng)經(jīng)典的當代再造：基于“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.