網(wǎng)站界面設(shè)計(jì)需要迎合用戶操作習(xí)慣

通過對(duì)界面設(shè)計(jì)不同需求進(jìn)行的分類以及界面設(shè)計(jì)元素對(duì)用戶行為的影響，來研究用戶在界面設(shè)計(jì)中所體現(xiàn)的重要性。交互性已經(jīng)成為網(wǎng)絡(luò)界面設(shè)計(jì)中設(shè)計(jì)追求的目標(biāo)。為了使設(shè)計(jì)滿足可用性要求，全面的了解用戶特征及多元化要求是十分必要的。這就需要找到正確的方法來記錄和實(shí)現(xiàn)多元化的用戶要求。

　　界面是人與物體互動(dòng)的媒介，換句話說，界面就是設(shè)計(jì)師賦予物體的新面孔[1]。

　一、界面設(shè)計(jì)的分類

　　(一)以功能實(shí)現(xiàn)為基礎(chǔ)的界面設(shè)計(jì)。交互設(shè)計(jì)界面最基本的性能是具有功能性與使用性，通過界面設(shè)計(jì)，讓用戶明白功能操作，并將作品本身的信息更加順暢的傳遞給使用者，即用戶，是功能界面存在的基礎(chǔ)與價(jià)值，但由于用戶的知識(shí)水平和文化背景具有差異性，因此界面應(yīng)以更國際化，客觀化的體現(xiàn)作品本身的信息。

　　(二)以情感表達(dá)為重點(diǎn)的界面設(shè)計(jì)。通過界面給用戶一種情感傳遞，是設(shè)計(jì)的真正藝術(shù)魅力所在。用戶在接觸作品時(shí)的感受，使人產(chǎn)生感情共鳴，利用情感表達(dá)，切實(shí)的反應(yīng)出作品與用戶之間的情感關(guān)系。當(dāng)然，情感的信息傳遞存在著確定性與不確定性的統(tǒng)一。因此，我們更加強(qiáng)調(diào)的是用戶在接觸作品時(shí)的情感體驗(yàn)。

　　(三)以環(huán)境因素為前提的界面設(shè)計(jì)。任何一部互動(dòng)設(shè)計(jì)作品都無法脫離環(huán)境而存在，周邊環(huán)境對(duì)設(shè)計(jì)作品的信息傳遞有著特殊的影響。包括作品自身的歷史、文化、科技等諸多方面的特點(diǎn)，因此營造界面的環(huán)境氛圍是不可忽視的一項(xiàng)設(shè)計(jì)工作，這和我們看電影時(shí)需要關(guān)燈是一個(gè)道理。

　　二、界面的組成元素

　　計(jì)算機(jī)的鍵盤與鼠標(biāo)這兩個(gè)物理接口是人機(jī)界面中最為傳統(tǒng)的組成要素，但這些卻逐漸成為人機(jī)界面發(fā)展的局限性。因?yàn)槿祟悷o法通過鍵盤鼠標(biāo)將信息數(shù)據(jù)自由的融入人類活躍的思維想象力當(dāng)中，使得人類對(duì)人機(jī)界面產(chǎn)生疏離感。界面如何超越鍵盤與鼠標(biāo)局限，進(jìn)一步擴(kuò)展數(shù)字系統(tǒng)和人類之間的界面，使數(shù)字系統(tǒng)真正進(jìn)入人類生活，成為現(xiàn)階段的界面設(shè)計(jì)研究方向。

　　(一)以動(dòng)作作為界面。Henry See長(zhǎng)期研究關(guān)于計(jì)算機(jī)信息組織能力的相關(guān)探索。他的作品《關(guān)注》Regard強(qiáng)調(diào)了以動(dòng)作為界面的裝置作品，該裝置建立在特定智能環(huán)境中，有一位正在看書的虛擬人物，通過訪問者的動(dòng)作能對(duì)這名“讀者”的動(dòng)作產(chǎn)生影響。該作品是通過參與者的動(dòng)作對(duì)虛擬人物的影響，表現(xiàn)了的參與者既尊重又侵犯了這名讀者的私人空間。索美與海格諾涅創(chuàng)作了一系列結(jié)合姿勢(shì)追蹤的裝置?！吨参镛D(zhuǎn)變》中，訪問者的舉動(dòng)和身體形態(tài)影響著人工生物的種類。這是一個(gè)交互式環(huán)境，訪問者進(jìn)入這個(gè)虛擬空間可以看見自己用身體創(chuàng)造了一個(gè)虛擬花園[2]。身體的姿勢(shì)，活動(dòng)范圍直接影響虛擬植物的生長(zhǎng)。

　　(二)以觸摸與觸感作為界面?？死锼顾?middot;索美與梅格諾涅：《移動(dòng)電話感覺》探索了陌生人分享個(gè)人信息的雙重情感。大衛(wèi)·思莫和湯姆·懷特開發(fā)了一個(gè)以水作為人機(jī)界面的裝置《意識(shí)水流》，呈現(xiàn)了一個(gè)其表面浮動(dòng)了文字投映的小瀑布，如果訪問者嘗試觸摸這些文字將會(huì)使水和文字漾起小小的波紋：“你可以伸出手去觸摸水流，試著隔斷或者攪動(dòng)文字，使字形產(chǎn)生變化，轉(zhuǎn)化為新的文字，進(jìn)入排水管，回到水流源頭，然后再次流出。”

　　(三)以凝視作為界面。Drik Luese brink和Joachim Sauter的《不可見》De-Viewer以象征的形式探索了注視的力量，觀眾可以通過欣賞掛在藝術(shù)館墻面的繪畫作品，產(chǎn)生不同的變化。在繪畫作品的后方隱藏了觀眾看不見的追蹤器，實(shí)時(shí)追蹤定位眼睛凝視的方向，即“眼睛追蹤器”。當(dāng)觀眾站在繪畫作品面前，觀眾聚焦的畫面會(huì)消散，并且在旁邊的一幅畫中顯示了觀眾聚焦的眼神。當(dāng)作品超過三十秒鐘無人觀察，畫面即恢復(fù)原狀。該裝置作品通過以凝視作為界面使觀眾意識(shí)到無論他看向哪里，都是在用眼睛破壞影像。

　　(四)以呼吸作為界面。查·戴維斯Char`Davies創(chuàng)作了一系列用著各種有機(jī)物和地理景觀的虛擬世界，這些虛擬世界與大多數(shù)虛擬現(xiàn)實(shí)環(huán)境差異很大，觀眾在他的作品中通過呼吸節(jié)奏在虛擬世界活動(dòng)，由此“消除自我與自然之間的界限”在國際電子藝術(shù)大會(huì)ISEA的《滲透》展覽回顧中，安尼克·布如德總結(jié)道：“呼吸界面”對(duì)于一個(gè)作品將觀眾成功傳輸?shù)教摂M世界具有重要作用?！稘B透》這部作品使我們關(guān)系密切，當(dāng)我們呼吸它與我們相互滲透;并且這幅作品依賴于觀眾身體，他們的基本活動(dòng)(呼吸和平衡)對(duì)于理解作品本身是非常重要的條件。

　三、界面設(shè)計(jì)要求

　　1.以易操作性保證讀者。交互作品的界面設(shè)計(jì)采用超媒體鏈接技術(shù)，將文字、圖形、圖像、聲音、動(dòng)畫等媒介要素，進(jìn)行編排，使之成為一個(gè)連貫的整體，呈現(xiàn)在一個(gè)復(fù)雜的交互系統(tǒng)中。界面反映的是信息的總和而并非單一的信息，倘若在提示、菜單和幫助產(chǎn)生相同術(shù)語，在不同的應(yīng)用系統(tǒng)中應(yīng)具有相似的界面外觀、布局、交互方式及信息顯示、界面設(shè)計(jì)要保持風(fēng)格的一致性[3]。用戶便可以根據(jù)自己的認(rèn)知經(jīng)驗(yàn)，明白功能操作通過界面上的視覺暗示正確選擇內(nèi)容，在任何地點(diǎn)都能回到主界面或退出整個(gè)多媒體作品，因此每個(gè)操作對(duì)用戶來說應(yīng)是符合邏輯的用戶能夠較容易了解它要表達(dá)的信息與情感。

　　2.界面設(shè)計(jì)時(shí)需要首先考慮的問題。交互設(shè)計(jì)作為一種新媒體形態(tài)，必然要突出藝術(shù)的可視性本質(zhì)，將新的藝術(shù)思想與理念融匯到作品當(dāng)中，以此去吸引和影響用戶。界面使讀者打開交互作品時(shí)最先接觸到的層面，通過可視化界面上設(shè)計(jì)者運(yùn)用的前衛(wèi)化的藝術(shù)符號(hào)，虛擬化的空間結(jié)構(gòu)營造跳躍式的視覺效果，可以引起用戶美好的情感溝通，使得其對(duì)設(shè)計(jì)者通過作品所傳達(dá)的信息產(chǎn)生共鳴。界面設(shè)計(jì)的宗旨促進(jìn)信息的傳遞以滿足用戶需求。當(dāng)進(jìn)行界面設(shè)計(jì)時(shí)，關(guān)鍵在于界面本身能否有效支撐交互，界面上的組件是為交互行為服務(wù)的，它可以很美，很抽象很藝術(shù)化，但不能以任何理由破壞作品的交互功能和作用[4]。

　四、網(wǎng)頁界面的組成

　　在確定web界面后，需要進(jìn)一步確定界面的組織結(jié)構(gòu)。與傳統(tǒng)媒體不同的是，網(wǎng)頁界面增加了生動(dòng)性和復(fù)雜性，強(qiáng)調(diào)由代碼語言編程實(shí)現(xiàn)的各種交互體驗(yàn)式效果，但也使得在更多的頁面元素排布及優(yōu)化上值得網(wǎng)頁設(shè)計(jì)者考慮。通常一個(gè)軟件界面的元素包括界面主色調(diào)、字體大小與顏色、界面布局、交互方式、界面功能分布、界面輸入輸出模式等。其中影響用戶工作效率的元素包括：輸入輸出方式、交互方式、功能分布，在使用命令式交互方式的系統(tǒng)中，命令名稱、參數(shù)也是界面元素的內(nèi)容[5]。影響用戶對(duì)系統(tǒng)友好性評(píng)價(jià)的元素則有：顏色、字體大小、界面布局等，軟件界面作為一個(gè)整體，其中任何一個(gè)元素不符合用戶習(xí)慣、不滿足用戶要求都將降低用戶對(duì)軟件系統(tǒng)的認(rèn)可度。

五、用戶需求分析

　　網(wǎng)絡(luò)的交互性如今已經(jīng)成為網(wǎng)絡(luò)界面設(shè)計(jì)中重要目標(biāo)之一。為了能從設(shè)計(jì)的角度，更加提高網(wǎng)絡(luò)的可用性，設(shè)計(jì)師們要全面的關(guān)注與了解用戶的多元化要求及行為特征。依靠正確的方法能夠更加準(zhǔn)確的記錄和實(shí)現(xiàn)多元化的用戶要求，網(wǎng)絡(luò)界面的設(shè)計(jì)工作首先從對(duì)用戶的調(diào)查分析開始，針對(duì)用戶的需求、用戶心理分析、用戶的網(wǎng)絡(luò)常識(shí)、用戶情感體驗(yàn)等分析直接影響用戶使用的因素。在用戶分析中要借助心理學(xué)、傳播學(xué)、社會(huì)學(xué)等相關(guān)理論，以此分析在不同類型的用戶中對(duì)界面不同的需要以及反應(yīng)，為交互系統(tǒng)的分析設(shè)計(jì)提供可靠的理論依據(jù)和參考，使設(shè)計(jì)出的交互系統(tǒng)更適合于各類用戶的使用[6]。

　　1.體現(xiàn)以用戶為中心的設(shè)計(jì)。首先從對(duì)用戶的調(diào)研開始、然后對(duì)用戶建模、信息概念設(shè)計(jì)、網(wǎng)站原型設(shè)計(jì)到用戶測(cè)試及方案實(shí)現(xiàn)，整個(gè)設(shè)計(jì)過程都始終圍繞著用戶進(jìn)行，真正做到以用戶為中心。保證用戶界面運(yùn)作的一致性是網(wǎng)頁界面設(shè)計(jì)的重點(diǎn)之一。在主頁列表框的設(shè)計(jì)中，如果雙擊其中的一項(xiàng)，使得某些任務(wù)完成。由此雙擊列表框中的其中的任何一個(gè)項(xiàng)，都應(yīng)該有同樣的任務(wù)完成。也就是所有窗口按鈕的位置設(shè)計(jì)要達(dá)到一致性，提供的標(biāo)簽設(shè)計(jì)和信息要一致，顏色要一致。用戶界面設(shè)計(jì)的一致性會(huì)使得用戶對(duì)網(wǎng)絡(luò)界面運(yùn)作建立起精確的心理模型，以此降低用戶培訓(xùn)和支持成本。在頁面視覺傳達(dá)上，從網(wǎng)站的主題內(nèi)容和定位來決定需要與之前運(yùn)用的元素保持一致[7]。

　　2.減少用戶思考的設(shè)計(jì)。一般的短時(shí)記憶只能保持二十秒左右，最長(zhǎng)不超過一分鐘。在如此短的時(shí)間內(nèi)我們能儲(chǔ)存多少信息呢?答案是7士2即5～9個(gè)項(xiàng)目，平均為7個(gè)項(xiàng)目。可見，人在短時(shí)間內(nèi)注意力是集中和少量的，基于識(shí)別的用戶界面在很大程度依賴于用戶所關(guān)心對(duì)象的可見性，顯示太多的對(duì)象和屬性會(huì)讓用戶很難找到感興趣的對(duì)象。同時(shí)，用戶不棄歡經(jīng)常重復(fù)性輸入一些信息，如個(gè)人賬號(hào)，安全信息，操作習(xí)慣，下次操作行為等，這些占用了用戶完成其他重要任務(wù)的時(shí)間。

　　3.明確體現(xiàn)網(wǎng)站的特色服務(wù)。用戶界面要非常明確地體現(xiàn)網(wǎng)站的特色服務(wù)，安排最大的空間并且在最顯眼的位置來擺放網(wǎng)站的最大賣點(diǎn)和用戶最關(guān)心最常用培訓(xùn)系統(tǒng)，而其他用戶也會(huì)感興趣的渠道信息、最新共享信息版塊和論壇板塊等放在界面較顯眼的位置。這些都是基本滿足用戶需求，以用戶為中心的界面計(jì)。

　　4.迎合用戶的習(xí)慣。迎合用戶的習(xí)慣，主要為了讓用戶在操作中簡(jiǎn)單到極致。作為1個(gè)Ul設(shè)計(jì)人員，我們應(yīng)當(dāng)多的去了解用戶習(xí)慣在什么地方尋找導(dǎo)航欄、習(xí)慣把哪部分作為網(wǎng)站的重點(diǎn)，習(xí)慣在什么地方點(diǎn)擊注冊(cè)、習(xí)慣在什么地方找搜素框、習(xí)慣點(diǎn)擊什么樣的按鈕[8]、什么顏色會(huì)加速用戶的心跳、增強(qiáng)消費(fèi)的沖動(dòng)。由此，根據(jù)用戶的行為習(xí)慣，對(duì)網(wǎng)站的整體布局進(jìn)行重新策劃，使得簡(jiǎn)單、簡(jiǎn)單、再簡(jiǎn)單、簡(jiǎn)單到極致，通過清晰的流程和界面，讓用戶減少對(duì)網(wǎng)站的思考以及尋找的時(shí)間;讓準(zhǔn)確的色彩和表述減少用戶心理斗爭(zhēng)的時(shí)間。通過不斷地調(diào)研，用各種可用性實(shí)驗(yàn)來計(jì)算用戶在每一個(gè)界面下所需思考的時(shí)間，然后，最好的頁面設(shè)計(jì)的評(píng)判標(biāo)準(zhǔn)就是用戶耗費(fèi)時(shí)間最少的那個(gè)頁面。