摘 要：隨著科技信息時代的快速到來，為了提升用戶在網(wǎng)頁交互設(shè)計中的服務(wù)體驗(yàn)，快速傳遞網(wǎng)頁中的有效信息，對幽靈按鈕及網(wǎng)頁交互設(shè)計進(jìn)行了詳細(xì)分析，得到幽靈按鈕能夠使網(wǎng)頁交互中的信息層次分明、用戶沉浸式體驗(yàn)、增加網(wǎng)頁視覺體驗(yàn)整體性的結(jié)論。同時，在使用網(wǎng)頁時減輕了用戶對信息的記憶與思考壓力，快速增強(qiáng)用戶在網(wǎng)頁交互中的優(yōu)越性。

關(guān)鍵詞：幽靈按鈕;網(wǎng)頁交互;交互設(shè)計

1 幽靈按鈕概念

網(wǎng)頁中的幽靈按鈕是指僅有輪廓，無填充裝飾效果，邊界清楚的扁平狀透明式按鈕，一般是白色或者黑色。按鈕所指引的內(nèi)容，要表達(dá)的文字具有纖細(xì)簡潔的視覺感，使視覺效果清晰明了。這種扁平狀的透明按鈕要比傳統(tǒng)的可點(diǎn)擊的按鈕稍大，一般放在網(wǎng)頁界面當(dāng)中突出的位置，在網(wǎng)頁界面中，應(yīng)用的背景主要取決于周圍的對比度和環(huán)境本身，因而得名幽靈按鈕。[1]幽靈按鈕除了具備傳統(tǒng)按鈕的指示性作用，等待用戶發(fā)出指令，進(jìn)行事件行為以及按下觸發(fā)事件，處理用戶指令行為等之外，還強(qiáng)調(diào)了網(wǎng)頁的視覺更具界面美感和交互體驗(yàn)。

2 網(wǎng)頁交互設(shè)計

近年來，隨著計算機(jī)技術(shù)的發(fā)展和廣泛使用，“交互”一詞頻繁出現(xiàn)在生活的方方面面。從游戲軟件、應(yīng)用程序、網(wǎng)頁瀏覽等與科技有關(guān)的事件中，都存在交互行為和發(fā)現(xiàn)它們的影子。可視化BASIC（基礎(chǔ)）語言之父Alan Cooper（艾倫·古柏）認(rèn)為：“……交互設(shè)計首先旨在規(guī)劃和描述事物的行為方式，然后描述傳達(dá)這種行為的最有效形式?！睆闹形覀兡軌虻玫?，交互設(shè)計的本質(zhì)就是促進(jìn)人與人、人與物之間的互動。而在網(wǎng)頁界面交互設(shè)計當(dāng)中，網(wǎng)頁界面交互設(shè)計是人機(jī)互動，致力于提高用戶的體驗(yàn)。網(wǎng)頁中的交互設(shè)計，不僅僅要求界面具有畫面美感，傳遞的信息清晰明了，更重要的是讓用戶有沉浸式的體驗(yàn)。一個成功的網(wǎng)頁界面交互設(shè)計不僅能夠美化界面，還能優(yōu)化其產(chǎn)品和服務(wù)的交互行為。而網(wǎng)頁界面交互設(shè)計就是要在兼顧傳遞信息和視覺體驗(yàn)的同時讓信息和用戶完美地進(jìn)行交流。[2]

2.1 傳遞信息

首先設(shè)計師對自己要傳遞的信息有準(zhǔn)確定位，信息層次分明，適用于哪類網(wǎng)頁設(shè)計或是多類網(wǎng)頁設(shè)計風(fēng)格。例如，在一些網(wǎng)站中，主要傳遞的信息是財產(chǎn)安全、用戶使用時理性與謹(jǐn)慎，因此市面上的網(wǎng)頁界面大都以藍(lán)色調(diào)為主，無過多干擾信息，按鈕的信息層次明了。從中在網(wǎng)頁設(shè)計中，按照所需傳遞的信息確定網(wǎng)頁設(shè)計風(fēng)格，使之有明確的定位，才能夠根據(jù)要求完成交互設(shè)計，從而縮短用戶取得信息的中間路徑，提高了傳遞信息的效率。

2.2 視覺體驗(yàn)

人類對于感官的依賴是人的本能，我們潛移默化地利用和開發(fā)這一本能，達(dá)到一種享受的愉悅，產(chǎn)生行為沖動。在網(wǎng)頁交互中，用戶通過鼠標(biāo)點(diǎn)擊所得到的網(wǎng)頁虛擬環(huán)境的變化在這一過程引發(fā)的感官反應(yīng)是真實(shí)存在的。優(yōu)秀的視覺體驗(yàn)是對文字的使用、色彩的應(yīng)用以及界面的排版進(jìn)行設(shè)計，讓用戶及時清楚操作流程。同時，減少網(wǎng)頁交互過程中出現(xiàn)的模糊信息能夠讓用戶輕松體驗(yàn)交互過程，拉近用戶與網(wǎng)頁虛擬環(huán)境的良好關(guān)系，產(chǎn)生更愉悅的視覺體驗(yàn)。[3]

2.3 用戶體驗(yàn)

用戶體驗(yàn)是指體驗(yàn)人群對被實(shí)驗(yàn)產(chǎn)品的看法與感受。[4]用戶體驗(yàn)的滿意度決定著網(wǎng)頁交互設(shè)計是否成功。在網(wǎng)頁中，用戶體驗(yàn)最直接的方式是通過網(wǎng)頁中的指引導(dǎo)航進(jìn)行交互。在互聯(lián)網(wǎng)高速發(fā)展的現(xiàn)在，用戶的耐性有限，為了在短時間內(nèi)讓用戶得到需要的信息，網(wǎng)頁設(shè)計要減少繁雜且干擾視覺的元素，增加簡單的具有目的性和指引性的設(shè)計元素，進(jìn)而提升用戶的滿意度。

3 幽靈按鈕應(yīng)用網(wǎng)頁交互的優(yōu)越性

在網(wǎng)頁瀏覽中，幽靈按鈕比傳統(tǒng)按鈕在輔助視覺體驗(yàn)整體性，引導(dǎo)信息層次分明，用戶沉浸式體驗(yàn)方面具有較明顯的優(yōu)越性。

3.1 信息層次分明

網(wǎng)頁中的文字與圖像屬于信息輸出層，識別后需要觸發(fā)事件和處理用戶指令時間，幽靈按鈕所具有的功能性，引導(dǎo)用戶視覺焦點(diǎn)，將圖片轉(zhuǎn)移到按鈕上，思維落點(diǎn)由輸出層進(jìn)入反饋層，增強(qiáng)了網(wǎng)頁交互中的信息層次。網(wǎng)頁設(shè)計中要盡量避免理性、冷色調(diào)，而幽靈按鈕的加入使頁面層級信息更加分明。

3.2 沉浸式用戶體驗(yàn)

幽靈按鈕不僅能夠用于背景圖像，在網(wǎng)頁中的動畫和視頻交互時也可以應(yīng)用。懸浮式的布局使用戶更容易獲取動態(tài)信息，還能成為銜接視頻的元素，讓用戶沉浸在同一層級的信息環(huán)境中，保持交互的穩(wěn)定性。

3.3 視覺體驗(yàn)整體性

與裝飾化風(fēng)格按鈕進(jìn)行對比，幽靈按鈕的半透明風(fēng)格，纖細(xì)字體，更能融于以大圖片為背景的網(wǎng)頁界面，在視覺上產(chǎn)生統(tǒng)一感與整體性。而這種整體的視覺體驗(yàn)使用戶在訪問網(wǎng)站時不會因?yàn)榉彪s的界面元素造成視覺焦點(diǎn)模糊和混亂。

4 結(jié)語

幽靈按鈕在網(wǎng)頁中的頻繁使用已成為一種流行的趨勢，被用戶所認(rèn)知和接受，也是網(wǎng)頁交互設(shè)計中按鈕的延續(xù)和探索。本文以網(wǎng)頁交互設(shè)計中的幽靈按鈕為研究對象，總結(jié)幽靈按鈕在網(wǎng)頁交互中的優(yōu)越性，不僅僅是按鈕表面上在網(wǎng)頁交互設(shè)計中的指引標(biāo)志，更深層次使用戶與頁面直接產(chǎn)生交互行為。

參考文獻(xiàn)：

[1] 顧佳鳳，何燦群，許丹妮.交易型信息亭用戶界面中的幽靈按鈕設(shè)計[J].包裝工程，2016，37（24）：63-67.

[2] 伊卓君.以用戶體驗(yàn)為中心的網(wǎng)頁交互設(shè)計理論探索[J].現(xiàn)代裝飾（理論），2011（08）：48.

[3] 宋玲.網(wǎng)頁交互設(shè)計的視覺體驗(yàn)[D].西安美術(shù)學(xué)院，2010.

[4] 吳旭敏，王敏.基于用戶體驗(yàn)的網(wǎng)頁交互設(shè)計研究[J].藝術(shù)教育，2017（Z7）：125-126.

作者簡介：龔俊韜（1996—），女，湖南永州人，湖南師范大學(xué)美術(shù)學(xué)院設(shè)計學(xué)專業(yè)2018級研究生在讀，研究方向：數(shù)字媒體藝術(shù)設(shè)計。