郭文靜，李越瓊

?

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

郭文靜，李越瓊

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

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

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

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

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

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

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

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

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

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

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

圖2 用戶行為核心流程圖

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

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

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

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

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

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

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

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

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

2.1 提升信息感召力

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

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

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

圖3 谷歌云端硬盤(pán)的主頁(yè)設(shè)計(jì)

2.1.2 明快豐富的色彩模式

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

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

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

2.1.3 簡(jiǎn)潔高效的可視化信息

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

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

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

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

2.2.1 以故事帶入信息主題

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

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

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

2.2.2 以游戲激勵(lì)用戶行動(dòng)

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

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

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

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

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

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

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

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

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

4 結(jié)束語(yǔ)

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

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

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

郭文靜(1981-)，女，廣東大埔人，講師，碩士。主要研究方向?yàn)榻缑嬖O(shè)計(jì)、展示設(shè)計(jì)等。E-mail：phoebe-guo@126.com