郭文靜，李越瓊

?

基于互聯(lián)網(wǎng)情感特征的Web界面設(shè)計新思略

郭文靜，李越瓊

(佛山科學(xué)技術(shù)學(xué)院藝術(shù)設(shè)計系，廣東 佛山 528000)

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

互聯(lián)網(wǎng)情感；感性化思維；體驗化思維；去中心化思維；界面設(shè)計

信息時代，互聯(lián)網(wǎng)已經(jīng)成為人們生活交流的主要載體?；ヂ?lián)網(wǎng)不僅改變了思維習(xí)慣、商業(yè)模式，而且具有越來越強(qiáng)烈的社會屬性。如果說工業(yè)時代的社會思維特征是理性的、凝聚的、男性化的，那么互聯(lián)網(wǎng)時代的社會思維特征則是以情感化為核心的體驗式思維，具有明顯的去中心化發(fā)散式女性化特征。

互聯(lián)網(wǎng)的女性化思維特征是由于網(wǎng)絡(luò)技術(shù)以及硬件設(shè)備的飛速發(fā)展帶來的用戶閱讀與思維習(xí)慣的轉(zhuǎn)變?？捎|控互聯(lián)網(wǎng)設(shè)備、移動智能設(shè)備、虛擬現(xiàn)實技術(shù)等的迅猛發(fā)展，將視覺感知、聽覺感知、觸摸感知、體感等多種感知系統(tǒng)引入界面設(shè)計，對互聯(lián)網(wǎng)Web界面設(shè)計理念與策略帶來新的變革和挑戰(zhàn)。

1 互聯(lián)網(wǎng)女性化思維與Web界面設(shè)計思想價值訴求

1.1 互聯(lián)網(wǎng)思維與用戶行為核心流程

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

由此看來，互聯(lián)網(wǎng)思維是建立在用戶思維基礎(chǔ)之上的。為更好地了解用戶思維，需要分析用戶需求和產(chǎn)品之間的關(guān)系。

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

圖1 知乎網(wǎng)站用戶體驗地圖

圖2 用戶行為核心流程圖

1.2 互聯(lián)網(wǎng)女性化思維特征的分析

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

從社會學(xué)角度看，互聯(lián)網(wǎng)的思維特質(zhì)與女性思維特質(zhì)高度契合。感性與體驗、藝術(shù)與情感是女性思維的主要特征。相對而言，男性的思維特質(zhì)則更多呈現(xiàn)為理性與解讀。合作與競爭是男性社團(tuán)穩(wěn)定與發(fā)展的主要機(jī)制；而女性社團(tuán)的穩(wěn)定主要建立在情感與友好關(guān)系上[3]。

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

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

(2) 體驗化思維，是互聯(lián)網(wǎng)體驗經(jīng)濟(jì)的標(biāo)志；表現(xiàn)為用戶對Web界面交互設(shè)計的情感化體驗訴求。良好的交互體驗是推動用戶行為的基礎(chǔ)，也是培養(yǎng)用戶粘性、建立品牌形象的有效手段。

(3) 去中心化思維，是用戶自我意識崛起的體現(xiàn)。用戶從過去單向的、被動的接受信息的個體轉(zhuǎn)向分解的、主動的傳播信息的主體。多元化、智能化服務(wù)形態(tài)的用戶訴求則是受到了這種思維的影響；將松散自由、無限延伸的信息傳播方式轉(zhuǎn)變?yōu)榉€(wěn)定的互聯(lián)網(wǎng)社會結(jié)構(gòu)。

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

2 創(chuàng)新性Web界面設(shè)計策略與實現(xiàn)方法

2.1 提升信息感召力

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

2.1.1 易于感知的設(shè)計風(fēng)格

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

圖3 谷歌云端硬盤的主頁設(shè)計

2.1.2 明快豐富的色彩模式

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

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

圖4 淘寶網(wǎng)主頁設(shè)計—天貓38女王節(jié)

2.1.3 簡潔高效的可視化信息

降低用戶認(rèn)知負(fù)擔(dān)、提高用戶理解效率是Web界面設(shè)計核心工作?？梢暬男畔鬟_(dá)方式則是強(qiáng)調(diào)依靠圖形化的設(shè)計手段通過對界面的功能、結(jié)構(gòu)、工具以及操作流程進(jìn)行可視化處理讓信息更直觀清晰易于捕捉與理解[4]。如Coursera在線教學(xué)網(wǎng)站www.coursera.com (圖5)線性的視覺引導(dǎo)能夠讓用戶明確地認(rèn)識到課程的規(guī)劃內(nèi)容及進(jìn)行步驟。綠色及灰色的色彩對比能夠讓用戶清楚地定位于自己的學(xué)習(xí)狀態(tài)，并激勵用戶繼續(xù)并完成課程學(xué)習(xí)。

圖5 Coursera在線教學(xué)網(wǎng)站

2.2 促進(jìn)用戶情感共鳴

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

2.2.1 以故事帶入信息主題

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

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

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

2.2.2 以游戲激勵用戶行動

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

圖8 繽客(Booking)網(wǎng)站邀請界面設(shè)計

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

3 建立面向未來的智能多元服務(wù)系統(tǒng)

用戶主動進(jìn)行內(nèi)容創(chuàng)作或信息傳播是互聯(lián)網(wǎng)時代去中心化的思維特征，也進(jìn)一步引導(dǎo)網(wǎng)站服務(wù)形態(tài)智能化、多元化發(fā)展。與此同時，隨著大數(shù)據(jù)技術(shù)的逐步成熟以及移動媒體設(shè)備的快速發(fā)展，對網(wǎng)站建設(shè)與服務(wù)體系提出更高要求。

3.1 依托大數(shù)據(jù)的智能化個性服務(wù)

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

3.2 完善統(tǒng)一的多元化移動終端服務(wù)

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

4 結(jié)束語

互聯(lián)網(wǎng)的感性化、體驗化、去中心化思維的表象下，體現(xiàn)的是用戶感性化視覺、情感化體驗，智能多元化服務(wù)的需求本質(zhì)?；ヂ?lián)網(wǎng)女性化思維下的Web界面設(shè)計，從設(shè)計思維到功能形式都被再一次的重新定義：提升信息感召力，促進(jìn)用戶情感共鳴，建立面向未來的智能多元服務(wù)系統(tǒng)是創(chuàng)新性Web界面設(shè)計的策略與手法，其主要目標(biāo)是為了給用戶提供更好的沉浸式的體驗與服務(wù)。

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

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

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

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

[5] 蘇珊·魏因申克. 設(shè)計師要懂心理學(xué)[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] 汪通. 游戲化用戶體驗背景下的交互設(shè)計方法探討[J]. 美與時代(上), 2013(12): 94-97.

[8] 林嘉怡. 大數(shù)據(jù)時代移動終端界面設(shè)計創(chuàng)新趨勢研究[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佛山科學(xué)技術(shù)學(xué)院校級創(chuàng)新強(qiáng)?？蒲许椖?2015xrc01)

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