網(wǎng)站界面設(shè)計(jì)應(yīng)該如何迎合用戶(hù)操作習(xí)慣？

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

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

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

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

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

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

計(jì)算機(jī)的鍵盤(pán)與鼠標(biāo)這兩個(gè)物理接口是人機(jī)界面中最為傳統(tǒng)的組成要素，但這些卻逐漸成為人機(jī)界面發(fā)展的局限性。因?yàn)槿祟?lèi)無(wú)法通過(guò)鍵盤(pán)鼠標(biāo)將信息數(shù)據(jù)自由的 融入人類(lèi)活躍的思維想象力當(dāng)中，使得人類(lèi)對(duì)人機(jī)界面產(chǎn)生疏離感。界面如何超越鍵盤(pán)與鼠標(biāo)局限，進(jìn)一步擴(kuò)展數(shù)字系統(tǒng)和人類(lèi)之間的界面，使數(shù)字系統(tǒng)真正進(jìn)入人 類(lèi)生活，成為現(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)境中，有一位正在看書(shū)的 虛擬人物，通過(guò)訪(fǎng)問(wèn)者的動(dòng)作能對(duì)這名“讀者”的動(dòng)作產(chǎn)生影響。該作品是通過(guò)參與者的動(dòng)作對(duì)虛擬人物的影響，表現(xiàn)了的參與者既尊重又侵犯了這名讀者的私人空 間。索美與海格諾涅創(chuàng)作了一系列結(jié)合姿勢(shì)追蹤的裝置。《植物轉(zhuǎn)變》中，訪(fǎng)問(wèn)者的舉動(dòng)和身體形態(tài)影響著人工生物的種類(lèi)。這是一個(gè)交互式環(huán)境，訪(fǎng)問(wèn)者進(jìn)入這個(gè) 虛擬空間可以看見(jiàn)自己用身體創(chuàng)造了一個(gè)虛擬花園[2]。身體的姿勢(shì)，活動(dòng)范圍直接影響虛擬植物的生長(zhǎng)。

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

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

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

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

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

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

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

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

五、用戶(hù)需求分析

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

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

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

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

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

本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

文章名稱(chēng)：網(wǎng)站界面設(shè)計(jì)應(yīng)該如何迎合用戶(hù)操作習(xí)慣？
網(wǎng)頁(yè)地址：http://www.bm7419.com/news35/316835.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動(dòng)態(tài)網(wǎng)站、、App設(shè)計(jì)、云服務(wù)器、企業(yè)網(wǎng)站制作、域名注冊(cè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)