基于互聯網情感特征的Web界面設計新思略

郭文靜，李越瓊

?

基于互聯網情感特征的Web界面設計新思略

郭文靜，李越瓊

(佛山科學技術學院藝術設計系，廣東 佛山 528000)

網絡技術以及硬件設備的飛速發展，帶來互聯網用戶閱讀與思維習慣的轉變，呈現出越來越明顯的女性化思維特征，即互聯網的感性化、體驗化、去中心化的思維特征。互聯網女性化思維特征實際上是用戶在視覺感知、情感交互以及多元架構上的訴求，創新性Web界面設計的研究主要目標是為了給用戶提供更好的沉浸式的體驗與服務。因此，以用戶行為核心流程的研究為切入點，通過分析互聯網女性化思維現象；研究互聯網用戶的需求特性，結合案例從提升信息感召力；促進用戶情感共鳴；建立面向未來的智能多元服務系統三方面，探討創新性Web界面設計策略與實現方法。

互聯網情感；感性化思維；體驗化思維；去中心化思維；界面設計

信息時代，互聯網已經成為人們生活交流的主要載體。互聯網不僅改變了思維習慣、商業模式，而且具有越來越強烈的社會屬性。如果說工業時代的社會思維特征是理性的、凝聚的、男性化的，那么互聯網時代的社會思維特征則是以情感化為核心的體驗式思維，具有明顯的去中心化發散式女性化特征。

互聯網的女性化思維特征是由于網絡技術以及硬件設備的飛速發展帶來的用戶閱讀與思維習慣的轉變。可觸控互聯網設備、移動智能設備、虛擬現實技術等的迅猛發展，將視覺感知、聽覺感知、觸摸感知、體感等多種感知系統引入界面設計，對互聯網Web界面設計理念與策略帶來新的變革和挑戰。

1 互聯網女性化思維與Web界面設計思想價值訴求

1.1 互聯網思維與用戶行為核心流程

互聯網思維概念最早由百度創始人李彥宏提出；在(移動)互聯網+、大數據、云計算等科技不斷發展的背景下，對市場、用戶、產品、企業價值鏈乃至對整個商業生態進行重新審視的思考方式，體現的主要是注重“以用戶為中心”，強調信息在生產、交換和傳播中的價值[1]。

由此看來，互聯網思維是建立在用戶思維基礎之上的。為更好地了解用戶思維，需要分析用戶需求和產品之間的關系。

通過用戶訪談、焦點小組、問卷調研、數據統計等方法獲得的用戶體驗地圖，是一個能夠直觀反映用戶需求和產品之間關系的工具。本文以2017年6月對知乎網站(www.zhihu.com)調研的用戶體驗地圖案例進行分析(圖1)，可見用戶行為的核心流程(圖2)：①用戶對產品的初步認知影響了用戶對產品的態度，并觸發用戶行為；②良好的用戶體驗是培養用戶粘性的關鍵；③具備產品忠誠度的用戶為主動傳播產品創造可能。

圖1 知乎網站用戶體驗地圖

圖2 用戶行為核心流程圖

1.2 互聯網女性化思維特征的分析

互聯網技術發展迅猛，智能移動設備的普及改變了互聯網用戶的閱讀與思維習慣，使互聯網呈現出淺閱讀、重體驗、松散化特征。互聯網社會從功能技術到思想價值傳遞發生了巨大的變革與創新；其主要表現在3個方面：互聯網的感性化，互聯網的體驗化，互聯網的去中心化[2]。

從社會學角度看，互聯網的思維特質與女性思維特質高度契合。感性與體驗、藝術與情感是女性思維的主要特征。相對而言，男性的思維特質則更多呈現為理性與解讀。合作與競爭是男性社團穩定與發展的主要機制；而女性社團的穩定主要建立在情感與友好關系上[3]。

互聯網的感性化、體驗化、去中心化的思維更加直觀地反映出信息時代互聯網用戶的訴求以及Web界面設計思想的成熟。

(1) 感性化思維，或者視覺化思維把互聯網推向讀圖時代。用戶對互聯網信息的感性化視覺訴求是要求Web界面的視覺設計生動形象，易于直覺的判斷與決策。

(2) 體驗化思維，是互聯網體驗經濟的標志；表現為用戶對Web界面交互設計的情感化體驗訴求。良好的交互體驗是推動用戶行為的基礎，也是培養用戶粘性、建立品牌形象的有效手段。

(3) 去中心化思維，是用戶自我意識崛起的體現。用戶從過去單向的、被動的接受信息的個體轉向分解的、主動的傳播信息的主體。多元化、智能化服務形態的用戶訴求則是受到了這種思維的影響；將松散自由、無限延伸的信息傳播方式轉變為穩定的互聯網社會結構。

由此可見，互聯網的感性化、體驗化、去中心化的思維特征正是用戶的認知、體驗、傳播核心行為的直觀反映。因此，Web界面設計的創新可以從提升信息認知、加強用戶情感體驗、完善多元傳播服務方面開展。

2 創新性Web界面設計策略與實現方法

2.1 提升信息感召力

由于用戶以快速掃描、捕捉信息的方式瀏覽網站界面，提升信息感召力是Web界面設計的關鍵。通過設計風格、色彩模式以及可視化信息的進一步研究，有利于更加有效地吸引用戶注意、將用戶帶入設計情景、并提高信息表達的視覺效率。

2.1.1 易于感知的設計風格

從擬物化設計到扁平化設計再到質感設計(material design)，從互聯網設計風格導向轉變中可以看出，界面設計風格在朝注重用戶更直觀、更易于理解的方向發展。這是用戶的心智模型根據互聯網環境以及用戶使用經驗不斷更新的結果。抽象且直觀的設計風格也沒有偏離真實的世界，而是將具象的設計元素進行過濾以及提煉；此設計方式更有利于設備的可適應性以及信息的感知度。谷歌云端硬盤的主頁設計www.google.com/drive (圖3)，使用扁平化的設計手法表達真實世界，即谷歌云端硬盤的產品屬性及工作場景；界面的設計強調陰影對界面元素——標志、按扭、動效起到凸顯作用，以此來傳達信息的層次關系。

圖3 谷歌云端硬盤的主頁設計

2.1.2 明快豐富的色彩模式

在抽象直觀的設計風格影響下，Web界面設計容易出現視覺乏味、缺乏個性的視覺設計缺陷。明快豐富的色彩模式不僅能夠很好地表現出界面的層次感，展現產品的個性，并為用戶營造更好的視覺體驗氛圍，也能更好地吸引用戶的注意力，為推動和影響用戶行為做鋪墊，成為信息有效傳遞的重要工具。

另一方面，顯示設備的顯色性能也逐年顯著提升；熒光色、漸變色、疊加透明色的色彩表現模式則更加廣泛地使用在Web界面的配色設計領域。淘寶網主頁設計——天貓38女王節www.taobao.com (圖4)豐富生動的色彩、大膽顯耀的配色使畫面充滿變化，為扁平化的視覺設計增加更多細節元素，以此表達女性、春季為關鍵詞的活動主題，不僅喚醒用戶視覺神經而且刺激用戶消費欲望。

圖4 淘寶網主頁設計—天貓38女王節

2.1.3 簡潔高效的可視化信息

降低用戶認知負擔、提高用戶理解效率是Web界面設計核心工作。可視化的信息傳達方式則是強調依靠圖形化的設計手段通過對界面的功能、結構、工具以及操作流程進行可視化處理讓信息更直觀清晰易于捕捉與理解[4]。如Coursera在線教學網站www.coursera.com (圖5)線性的視覺引導能夠讓用戶明確地認識到課程的規劃內容及進行步驟。綠色及灰色的色彩對比能夠讓用戶清楚地定位于自己的學習狀態，并激勵用戶繼續并完成課程學習。

圖5 Coursera在線教學網站

2.2 促進用戶情感共鳴

在體驗經濟時代背景下，技術的進步只是實現產品開發的手段，功能的滿足也不是用戶的唯一要求。用戶更加關注在瀏覽網站、讀取信息、獲取功能這一體驗過程的愉悅感。因此在提高信息視覺效率的同時，可以運用以故事化設計策略以及游戲化設計機制強化用戶與Web界面交互的情感化特征。

2.2.1 以故事帶入信息主題

故事是人們處理信息最自然的形式[5]。故事化設計策略能夠讓信息更生動形象、更易于理解及記憶的方式呈現出來。富于質感的圖片與精準的UX文案設計是Web界面設計的故事表達中更具影響力的工具[6]。技術的發展以及個性化的需求使得Web界面設計領域對于圖片的真實感和渲染力的要求越來越高。除此之外，視覺設計并不是信息傳遞和內容呈現的唯一載體，在UX文案設計中的文本、標簽和文案的準確性直接保證了界面內容的一致、信息的精準。UX文案設計對于用戶體驗的沉浸感起到關鍵性作用。如孤獨星球(Lonely Planet)旅游網站www.lonelyplanet.com (圖6、7)首頁滾動幻燈片，利用具有帶入感的圖片以及精準的詞匯與內容表達或是公路的或是遠航的旅行主題，以故事性的內容創造更具沉浸感的情感交互體驗，令用戶仿佛置身于旅行之中，對旅行充滿向往與期待。

圖6 孤獨星球(Lonely Planet)旅游網站封面故事：穿越澳大利亞新南威爾士州的公路旅行

圖7 孤獨星球(Lonely Planet)旅游網站封面故事：英國異域風情:錫利群島指南

2.2.2 以游戲激勵用戶行動

游戲化設計機制的核心在于將游戲的思維、功能及元素運用于交互設計中，以調動用戶參與、分享與傳播[7]。游戲化能夠提高用戶對枯燥的事情——如調研、推薦、信息填寫等——的忍耐度，甚至推動他們完成任務。如繽客(Booking)網站www.booking.com (圖8)的邀請界面，通過現金獎勵的方式促進用戶分享、推薦網站，在界面中提供各種社交途徑的快速入口，以減輕用戶操作負擔；并將獎勵規則以及獲得數量以可視化方式呈現，激勵用戶最大限度的完成任務。積分、優惠券、禮品、獎勵等方式是最常見的游戲化設計手法。但此手法具有被動、時效性短的缺陷。一旦網站停止獎勵或者用戶對獎勵產生乏味情緒，就意味著用戶粘性的降低、用戶的流失。持久有效的游戲化設計在于驅動用戶內心的渴望，是用戶對精神層面追求的滿足：在社群中獲得認可、贊許或者賦予用戶歷史使命感。如亞馬遜網站的公益界面(amazonsmile) www.amazon.com (圖9)將用戶在網站購物消費的5%作為公益基金并用于用戶關注的公益領域。在界面設計中，為用戶提供清晰明確的數據，讓用戶了解自己貢獻數額以及公益捐獻的總額。當用戶的消費行為被提升至意義非凡的行動的時候用戶對網站更加信賴與關注。

圖8 繽客(Booking)網站邀請界面設計

圖9 亞馬遜網站的公益界面(amazonsmile)

3 建立面向未來的智能多元服務系統

用戶主動進行內容創作或信息傳播是互聯網時代去中心化的思維特征，也進一步引導網站服務形態智能化、多元化發展。與此同時，隨著大數據技術的逐步成熟以及移動媒體設備的快速發展，對網站建設與服務體系提出更高要求。

3.1 依托大數據的智能化個性服務

大數據是由結構復雜、數量巨大、類型眾多的數據構成的數據集合[8]。依托大數據技術的設計致力于通過找到用戶過往行為、使用數據以及思維邏輯等方式創造一個減少用戶輸入，提前預判并為用戶決策的生態系統。如購物類網站中根據用戶瀏覽歷史推薦產品；新聞類網站在用戶注冊時讓用戶選取關注的領域進而推薦新聞內容等，信息量龐大的網站通過大數據技術為用戶減輕決策成本以及認知負擔，讓用戶更加快捷、簡便地找到需要的信息。

3.2 完善統一的多元化移動終端服務

以手機為代表的智能移動設備和其他智能終端如智能穿戴設備以及虛擬現實設備的普及和應用，推動了移動互聯網服務的完善。現在，用戶用于移動終端設備上的時間遠遠高于傳統互聯網設備，界面設計在各終端設備上的一致性具有建立品牌形象的戰略意義。靈活切換的終端服務能夠使用戶更好的體驗及分享傳播，也是去中心化服務體系的體現。

4 結束語

互聯網的感性化、體驗化、去中心化思維的表象下，體現的是用戶感性化視覺、情感化體驗，智能多元化服務的需求本質。互聯網女性化思維下的Web界面設計，從設計思維到功能形式都被再一次的重新定義：提升信息感召力，促進用戶情感共鳴，建立面向未來的智能多元服務系統是創新性Web界面設計的策略與手法，其主要目標是為了給用戶提供更好的沉浸式的體驗與服務。

[1] 什么才是“互聯網思維”[J]. 傳媒觀察, 2014(6): 64.

[2] 姜奇平. 互聯網的女性主義特征[J]. 互聯網周刊, 2012(7): 20-24.

[3] 摩根. 女人的起源[M]. 上海: 上海譯文出版社, 2007: 8.

[4] 鄭明峰, 顧振宇. 面向認知效率的信息可視化設計[J]. 藝術與設計(理論), 2011(12): 66-68.

[5] 蘇珊·魏因申克. 設計師要懂心理學[M]. 北京: 人民郵電出版社, 2013: 5.

[6] KIM M. Late 2017 web design trends [EB/OL]. (2017-09-07). [2018-03-20]. https://medium.com/shakuro/ late-2017-c197e6cb69c4?ref=webdesignernews.com.

[7] 汪通. 游戲化用戶體驗背景下的交互設計方法探討[J]. 美與時代(上), 2013(12): 94-97.

[8] 林嘉怡. 大數據時代移動終端界面設計創新趨勢研究[J]. 包裝工程, 2017(1): 239-242.

The Strategy of Web Interface Design Based on Internet Emotion

GUO Wenjing, LI Yueqiong

(Department of Art and Design, Foshan University, Foshan Guangdong 528000, China)

The rapid development of network technologies and hardware devices has brought a great change in reading and thinking habits of Internet users, which shows more and more feminine thinking characteristics, namely, sensibility, experience and the decentralization of the Internet. Actually, the feminine thinking of the Internet reveals the user’s needs in the aspects of visual perception, emotional interaction and multiple accesses. The innovation of web interface design is to provide users with better immersive experience and service. Therefore, grounded on the examination of the core process of user behavior, this paper explores innovative web interface design strategies and implementation methods, focusing on the phenomenon of feminine thinking in the Internet, investigating the characteristics of Internet users’ needs, and analyzing examples in relation to improvement of information appeal, promotion of user emotional resonance, and establishment of diversified and intelligent services.

internet emotion; emotional thinking; experience thinking; decentralized thinking; UI design

TP 391

10.11996/JG.j.2095-302X.2018061112

A

2095-302X(2018)06-1112-05

2018-04-09；

2018-06-27

2015佛山科學技術學院校級創新強校科研項目(2015xrc01)

郭文靜(1981-)，女，廣東大埔人，講師，碩士。主要研究方向為界面設計、展示設計等。E-mail：phoebe-guo@126.com