趙 瑩，王 淞

(天津城市職業(yè)學(xué)院，天津 300250)

淺談網(wǎng)頁(yè)設(shè)計(jì)中的“以人為本”

趙 瑩，王 淞

(天津城市職業(yè)學(xué)院，天津 300250)

隨著網(wǎng)絡(luò)技術(shù)的飛速發(fā)展和人們精神需求的逐步豐富，人們對(duì)網(wǎng)頁(yè)設(shè)計(jì)的要求也越來(lái)越高?！耙匀藶楸尽钡木W(wǎng)頁(yè)設(shè)計(jì)倡導(dǎo)以“人”為核心，它突破了傳統(tǒng)意義上網(wǎng)頁(yè)設(shè)計(jì)的理念，使頁(yè)面更具人性化，從而能夠更好地滿足瀏覽者需求的復(fù)雜性和多樣性。因此，提倡“以人為本”的設(shè)計(jì)理念就具有非常重要的意義。

網(wǎng)頁(yè)設(shè)計(jì)；以人為本；人性化；網(wǎng)絡(luò)

一、引言

網(wǎng)絡(luò)技術(shù)的飛速發(fā)展對(duì)信息的交流方式產(chǎn)生了深遠(yuǎn)的影響，網(wǎng)頁(yè)已經(jīng)成為了人們獲取信息、傳遞信息的重要載體，它能夠?qū)⒏黝愋畔⒁詼?zhǔn)確、快捷的方式在網(wǎng)站與用戶之間進(jìn)行傳遞。精美的網(wǎng)頁(yè)不僅能夠使訪問(wèn)者更有效率地接受頁(yè)面上的信息，而且美觀的頁(yè)面能讓他們賞心悅目。這可以增強(qiáng)用戶對(duì)網(wǎng)站的信任度及忠誠(chéng)度，從而實(shí)現(xiàn)網(wǎng)站的目標(biāo)；相反地，如果訪問(wèn)者對(duì)網(wǎng)站印象不佳甚至放棄瀏覽該頁(yè)面，那么，網(wǎng)站的損失則是顯而易見(jiàn)的。因而，網(wǎng)頁(yè)設(shè)計(jì)的優(yōu)劣將會(huì)直接影響到網(wǎng)站的運(yùn)營(yíng)效果。人們對(duì)網(wǎng)頁(yè)設(shè)計(jì)質(zhì)量的要求在不斷提高，因而網(wǎng)頁(yè)設(shè)計(jì)的重要性也越來(lái)越受到人們的關(guān)注，優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)成為網(wǎng)頁(yè)設(shè)計(jì)者不斷追求的目標(biāo)。

然而，網(wǎng)頁(yè)設(shè)計(jì)是一門藝術(shù)與技術(shù)的交叉學(xué)科，它的理論研究也相對(duì)滯后，沒(méi)有系統(tǒng)的理論來(lái)指導(dǎo)實(shí)踐。

二、目前網(wǎng)頁(yè)設(shè)計(jì)存在的問(wèn)題

(一)信息無(wú)序堆積

一些網(wǎng)站為了追求信息的“量”，往往不顧訪問(wèn)者的感受，在同一個(gè)頁(yè)面中堆積大量的文字、圖片等信息，使整個(gè)頁(yè)面“密不透風(fēng)”，不留一點(diǎn)空白。他們以為只要展現(xiàn)豐富的信息就可以提高瀏覽者獲得信息的效率。殊不知，這樣會(huì)造成信息的盲目堆積，大量的信息干擾了人們獲得正確信息的效率。這樣的網(wǎng)頁(yè)設(shè)計(jì)只會(huì)使訪問(wèn)者感到煩躁甚至透不過(guò)氣來(lái)，無(wú)法分辨所需要的信息在哪里，唯一的選擇當(dāng)然就是離開(kāi)。其實(shí)，通常情況下，人們喜歡簡(jiǎn)單的、不用費(fèi)心思去選擇的頁(yè)面，而不是一個(gè)堆滿信息的零亂的頁(yè)面。信息是無(wú)限的，而瀏覽器的尺寸卻是有限的，如何在有限的尺寸里能夠更有效地將信息展示給訪問(wèn)者并使其接受，這是設(shè)計(jì)者們應(yīng)該考慮的問(wèn)題。對(duì)于這點(diǎn)，百度的頁(yè)面設(shè)計(jì)就是一個(gè)成功的典范。

(二)緩慢的頁(yè)面下載速度

在相同的硬件條件下，頁(yè)面下載速度快是一個(gè)優(yōu)秀網(wǎng)站應(yīng)具備的第一要素，因?yàn)樗鼤?huì)直接影響用戶的體驗(yàn)。一個(gè)打開(kāi)慢的網(wǎng)站一定是不受用戶歡迎的。一些網(wǎng)站不考慮瀏覽者的硬件條件，一味地向頁(yè)面放置大量動(dòng)畫、視頻等多媒體元素，從而直接導(dǎo)致網(wǎng)頁(yè)的下載速度變慢?？v使花哨的內(nèi)容能夠激起用戶的好奇心，吸引其進(jìn)入網(wǎng)站，但由于網(wǎng)絡(luò)帶寬等硬件條件的限制，他們需要花費(fèi)大量時(shí)間等待，而訪問(wèn)者的耐心卻是有限的。研究發(fā)現(xiàn)，頁(yè)面的下載速度快是網(wǎng)站留住瀏覽者的關(guān)鍵因素，如果20-30秒還不能打開(kāi)一個(gè)網(wǎng)頁(yè)，一般人都會(huì)失去耐心。

(三)存在強(qiáng)制性內(nèi)容

在網(wǎng)頁(yè)上掛廣告本來(lái)無(wú)可厚非，而廣告也逐漸成為網(wǎng)站收入的一部分。但是讓人頭痛的是鋪天蓋地的廣告迎面襲來(lái)，而且往往是在頁(yè)面的最佳位置，甚至不由分說(shuō)地出現(xiàn)一幅巨大的彈出式廣告，擋住了用戶需要的信息，而且不能將其關(guān)閉，只能將其看完。這種強(qiáng)制性的廣告未免商業(yè)味道太濃，給訪問(wèn)者留下了不友好的印象，另人厭煩甚至產(chǎn)生逆反心理再也不會(huì)打開(kāi)這個(gè)網(wǎng)站了。

(四)顯示效果受不同瀏覽器兼容性的限制

針對(duì)教育經(jīng)費(fèi)的支出，建立專門的經(jīng)費(fèi)支出的績(jī)效評(píng)價(jià)體系。利用評(píng)價(jià)體系來(lái)管理控制財(cái)政性教育經(jīng)費(fèi)支出，杜絕和防止資金浪費(fèi)和非法流向個(gè)人手中，實(shí)時(shí)監(jiān)控好教育經(jīng)費(fèi)支出的去處和實(shí)際用途，實(shí)行績(jī)效定期評(píng)價(jià)和教育性財(cái)政支出指標(biāo)考核。

一些網(wǎng)頁(yè)設(shè)計(jì)者為了追求某種特殊的顯示效果，導(dǎo)致網(wǎng)頁(yè)的內(nèi)容在某些瀏覽器版本中不能正常顯示。結(jié)果一些網(wǎng)頁(yè)由于訪問(wèn)者的愛(ài)好不同、所用硬件條件不同，而導(dǎo)致網(wǎng)頁(yè)內(nèi)容不能正常瀏覽，實(shí)在是一種缺憾。試想，如果一位瀏覽者采用的不是符合某網(wǎng)站要求的最佳顯示模式配置，他們會(huì)為了瀏覽這個(gè)網(wǎng)站而重新設(shè)置顯示模式，或者重新安裝一個(gè)滿足要求的瀏覽器嗎？答案一定否定的。因此，網(wǎng)站發(fā)布前要經(jīng)多方測(cè)試，再美麗的設(shè)計(jì)，如果受瀏覽器的限制，也一定是不完美的。

三、以人為本設(shè)計(jì)理念的內(nèi)涵

我國(guó)古代最早提出“以人為本”的是春秋時(shí)期的政治家、思想家管仲。西漢劉向編纂的《管子》一書記載“夫霸王之所始也，以人為本。本理則國(guó)固，本亂則國(guó)?！薄Ｔ诋?dāng)代，“以人為本”是科學(xué)發(fā)展觀的核心，是中國(guó)共產(chǎn)黨人堅(jiān)持全心全意為人民服務(wù)的黨的根本宗旨的體現(xiàn)?！耙匀藶楸尽彼枷胧侨祟愔腔鄣慕Y(jié)晶，它不僅是一種執(zhí)政理念，也是一種科學(xué)的思想體系，將其融入網(wǎng)頁(yè)設(shè)計(jì)理念中就是倡導(dǎo)以“人”為核心，即設(shè)計(jì)者以網(wǎng)頁(yè)訪問(wèn)者的體驗(yàn)作為出發(fā)點(diǎn)，在關(guān)注網(wǎng)頁(yè)的基本功能和美感的同時(shí)能根據(jù)訪問(wèn)者的思維習(xí)慣、操作習(xí)慣來(lái)設(shè)計(jì)網(wǎng)頁(yè)，既能滿足訪問(wèn)者的功能需求，又能滿足其心理需求，為其創(chuàng)造友好的、舒適的瀏覽環(huán)境。

以人為本的網(wǎng)頁(yè)設(shè)計(jì)主要體現(xiàn)在以下兩方面：

(一)功能層次

功能層次的需要是網(wǎng)頁(yè)訪問(wèn)者的基本需要。以人為本的網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該是建立在理性的、功能的基礎(chǔ)上的，是靠實(shí)用性來(lái)支撐的。因此從根本上來(lái)講，以人為本的網(wǎng)頁(yè)設(shè)計(jì)是功能主義的，是以人對(duì)功能的基本要求為設(shè)計(jì)基礎(chǔ)的。脫離功能性而存在的網(wǎng)頁(yè)是沒(méi)有生命力的。

(二)心理層次

以人為本的網(wǎng)頁(yè)設(shè)計(jì)不僅能夠滿足人們功能方面的需要，最重要的是它最大限度地理解人的心理感受，適應(yīng)人的行為方式，讓訪問(wèn)者感受到尊重和關(guān)懷。它能使人感到更舒適，而不是要求訪問(wèn)者必須去適應(yīng)和理解網(wǎng)頁(yè)本身。它拉近了人與網(wǎng)頁(yè)之間的距離，建立起了人與網(wǎng)頁(yè)間的情感關(guān)系，增強(qiáng)了人對(duì)網(wǎng)頁(yè)的依賴感。

網(wǎng)頁(yè)設(shè)計(jì)的根本目的是為了人，即“以人為本”，它必須符合人的需要、愛(ài)好和興趣。人是社會(huì)的主體，因此適合人的設(shè)計(jì)才是最理想的設(shè)計(jì)。

四、“以人為本”的網(wǎng)頁(yè)設(shè)計(jì)原則

網(wǎng)頁(yè)設(shè)計(jì)之所以會(huì)出現(xiàn)本文前面闡述的一系列問(wèn)題，是因?yàn)樵O(shè)計(jì)者沒(méi)有站在訪問(wèn)者的角度考慮其感受。其實(shí)網(wǎng)頁(yè)設(shè)計(jì)的最基本目標(biāo)就是：第一，有用，即網(wǎng)站整體功能的實(shí)現(xiàn)，能清楚地向訪問(wèn)者傳遞所需信息；第二，易用，使訪問(wèn)者能方便地找到自己需要的內(nèi)容，并能夠引導(dǎo)其正確操作完成網(wǎng)頁(yè)服務(wù)；第三，友好，用戶體驗(yàn)良好，操作過(guò)程中感覺(jué)舒適。

因此筆者認(rèn)為，網(wǎng)頁(yè)設(shè)計(jì)的核心，不是界面如何炫目美觀，而是應(yīng)遵循“以人為本”的理念，而這是很多網(wǎng)頁(yè)設(shè)計(jì)師容易忽略的。

(一)頁(yè)面布局簡(jiǎn)單明了

在保證功能的前提下，盡量使網(wǎng)頁(yè)布局應(yīng)簡(jiǎn)單明了。簡(jiǎn)單的頁(yè)面更能體現(xiàn)對(duì)用戶的關(guān)懷。網(wǎng)頁(yè)設(shè)計(jì)者應(yīng)該把自己當(dāng)成是頁(yè)面的訪問(wèn)者，從他們的角度出發(fā)，盡量按照多數(shù)人的瀏覽和操作習(xí)慣來(lái)設(shè)計(jì)。大部分訪問(wèn)者瀏覽網(wǎng)頁(yè)時(shí)，根本無(wú)暇仔細(xì)閱讀，更不會(huì)用心去思考，甚至只是粗略地掃描。這就要求網(wǎng)頁(yè)設(shè)計(jì)者應(yīng)盡量遵循網(wǎng)頁(yè)的簡(jiǎn)單易用原則。內(nèi)容復(fù)雜的網(wǎng)頁(yè)界面容易使瀏覽者產(chǎn)生難以操作的錯(cuò)覺(jué)。雖然一些網(wǎng)站需要呈現(xiàn)大量信息，但是頁(yè)面設(shè)計(jì)還是應(yīng)該簡(jiǎn)潔。這時(shí)就要將信息進(jìn)行簡(jiǎn)單的歸納、分類，將類別名稱以簡(jiǎn)潔的方式呈現(xiàn)給訪問(wèn)者，讓其通過(guò)信息類別獲得所需要的信息。應(yīng)盡量少地給網(wǎng)頁(yè)訪問(wèn)者提供選擇，避免復(fù)雜的操作方式出現(xiàn)。最理想的網(wǎng)頁(yè)設(shè)計(jì)是用戶無(wú)需花大量時(shí)間來(lái)尋找自己需要的信息和研究頁(yè)面功能如何使用，也不用借助任何工具，就可以完成訪問(wèn)網(wǎng)站需要的所有操作。

(二)設(shè)置邏輯清晰的導(dǎo)航

導(dǎo)航是網(wǎng)站最重要的部分，網(wǎng)站導(dǎo)航的合理與否直接影響到用戶瀏覽網(wǎng)頁(yè)的舒適度。良好的導(dǎo)航功能可以幫助訪問(wèn)者方便快捷地找到所需信息，并且要讓其能夠在任何狀態(tài)下都可以明確地知道自己所在的位置，而不至于迷航。第一，導(dǎo)航欄位置和顏色要醒目，要易于發(fā)現(xiàn)。鑒于人們的閱讀習(xí)慣，導(dǎo)航欄應(yīng)放在頁(yè)面的左側(cè)或上方。對(duì)于較長(zhǎng)的頁(yè)面來(lái)說(shuō)，可以設(shè)置一個(gè)隨頁(yè)面浮動(dòng)的導(dǎo)航欄。第二，導(dǎo)航欄的文字表述應(yīng)精煉、準(zhǔn)確，應(yīng)是對(duì)該類內(nèi)容的高度概括。導(dǎo)航欄如果表述不清，讓人難以理解，就難以實(shí)現(xiàn)導(dǎo)航的功能。因此應(yīng)避免使用容易產(chǎn)生歧義的詞語(yǔ)，如果擔(dān)心文字對(duì)所要表達(dá)的內(nèi)容概括不夠準(zhǔn)確，可以設(shè)計(jì)一些提示信息來(lái)對(duì)文字進(jìn)行更詳細(xì)的解釋，當(dāng)訪問(wèn)者的鼠標(biāo)移到導(dǎo)航文字上時(shí)，相應(yīng)的解釋就會(huì)出現(xiàn)。第三，訪問(wèn)者進(jìn)入目的頁(yè)面的點(diǎn)擊次數(shù)最好不要超過(guò)三次，多于三次還沒(méi)有找到需要的信息容易使他們對(duì)網(wǎng)站失去信心。當(dāng)訪問(wèn)者進(jìn)入一個(gè)頁(yè)面，要讓他們知道如何返回上一個(gè)頁(yè)面，并且要指導(dǎo)其如何找到他想要的內(nèi)容。

(三)注意網(wǎng)頁(yè)的載入速度

網(wǎng)頁(yè)設(shè)計(jì)時(shí)應(yīng)注意，網(wǎng)頁(yè)下載速度應(yīng)該盡可能快，在下載速度相對(duì)緩慢的條件下，更應(yīng)該為節(jié)省訪問(wèn)者的時(shí)間而精心設(shè)計(jì)。雖然適當(dāng)?shù)难b飾的確可以使頁(yè)面更生動(dòng)，更使人賞心悅目，各類動(dòng)畫、音頻和視頻元素能更好地吸引訪問(wèn)者，但必竟數(shù)據(jù)的傳播速度有網(wǎng)絡(luò)帶寬等硬件條件的限制，因此網(wǎng)頁(yè)設(shè)計(jì)者在設(shè)計(jì)時(shí)要慎用除文字以外的其它多媒體技術(shù)。不要放置過(guò)大的圖像或者多媒體文件，以免影響頁(yè)面的載入速度，讓訪問(wèn)者等待過(guò)長(zhǎng)時(shí)間，從而影響其瀏覽該網(wǎng)頁(yè)的信心。如果確實(shí)不能保證每個(gè)頁(yè)面都有較快的下載速度，那么至少應(yīng)該確保主頁(yè)的下載速度盡可能快。提高網(wǎng)頁(yè)下載速度的最根本方法是讓頁(yè)面盡量簡(jiǎn)單，僅將最重要的信息安排在首頁(yè)，避免使用大量的圖片、動(dòng)畫、音頻和視頻等，更應(yīng)避免自動(dòng)下載音樂(lè)等多媒體文件。如果一定要用，也一定要在不影響網(wǎng)頁(yè)載入速度的情況下適當(dāng)添加。

(四)合理安排廣告

如果一個(gè)網(wǎng)站廣告太多或廣告管理不當(dāng)，會(huì)直接影響用戶的心情。怎樣才能既讓訪問(wèn)者有舒適的瀏覽體驗(yàn)，又能賺取更多的廣告收益呢？這需要從中找到一個(gè)平衡點(diǎn)。第一，要盡量選擇那些設(shè)計(jì)精良的廣告，設(shè)計(jì)粗糙的廣告不僅會(huì)使訪問(wèn)者反感，而且點(diǎn)擊率低，收益也不會(huì)很高。第二，應(yīng)選擇與網(wǎng)站主題一致的產(chǎn)品廣告，這樣對(duì)廣告更符合網(wǎng)站用戶群的關(guān)注點(diǎn)，更有針對(duì)性，廣告效果會(huì)更好。第三，廣告尺寸和位置要適當(dāng)，既要與頁(yè)面中其它元素相匹配，又不要遮擋住瀏覽者需要的內(nèi)容，否則瀏覽者會(huì)產(chǎn)生厭煩感。第四，網(wǎng)站主頁(yè)的廣告盡量不要太多，盡管主頁(yè)的廣告更有更多機(jī)會(huì)被訪問(wèn)者看到，但瀏覽主頁(yè)的訪問(wèn)者正在急切地尋找所需信息，如果廣告太多會(huì)必將會(huì)影響他們的心情。在具體內(nèi)容頁(yè)面可稍多放一點(diǎn)廣告，但原則是不要干擾閱讀。總之，廣告與用戶滿意度并不是完全矛盾的。如果廣告設(shè)計(jì)得優(yōu)雅得體，具有觀賞性，不但不妨礙網(wǎng)站信息的瀏覽，而且能在一定程度上點(diǎn)綴網(wǎng)站，用戶體驗(yàn)將會(huì)更好。

五、結(jié)束語(yǔ)

“以人為本”的網(wǎng)頁(yè)設(shè)計(jì)理念充分發(fā)揮為人設(shè)計(jì)這一宗旨，從情感方面來(lái)滿足用戶的需求，并不斷完善和發(fā)展。它將周到、細(xì)膩的設(shè)計(jì)理念融入到網(wǎng)頁(yè)設(shè)計(jì)中，更好地提高了網(wǎng)站的點(diǎn)擊率。當(dāng)然，“以人為本”的網(wǎng)頁(yè)設(shè)計(jì)還必須考慮到不同用戶的需求，例如殘疾人，他們更需要網(wǎng)絡(luò)來(lái)加強(qiáng)與外界的聯(lián)系與溝通。但目前還缺乏這種無(wú)障礙的網(wǎng)頁(yè)設(shè)計(jì)作品，因此很多殘疾人用戶面臨著較大的獲取網(wǎng)絡(luò)信息的障礙。

網(wǎng)頁(yè)設(shè)計(jì)應(yīng)當(dāng)是以人為中心并最終是為人服務(wù)的，網(wǎng)站內(nèi)容應(yīng)以更符合瀏覽者習(xí)慣的方式表達(dá)出來(lái)，同時(shí)通過(guò)各種設(shè)計(jì)來(lái)提示引導(dǎo)瀏覽者行為，以達(dá)到實(shí)現(xiàn)網(wǎng)站功能的目的。因此，技術(shù)、藝術(shù)與人的統(tǒng)一是網(wǎng)頁(yè)設(shè)計(jì)發(fā)展的趨向，是以人為本的設(shè)計(jì)要求，也是網(wǎng)頁(yè)設(shè)計(jì)追求的最終目標(biāo)。

[1]姚艦.網(wǎng)絡(luò)界面設(shè)計(jì)中存在的問(wèn)題和原因[J].美術(shù)觀察，2003，(01).

[2]謝丹,蔣嘯鏑.論界面設(shè)計(jì)的人性化表達(dá)[J].藝術(shù)探索，2009，(02).

[3]黃易鋒.網(wǎng)頁(yè)設(shè)計(jì)目前存在的問(wèn)題及解決途徑[J].寧波職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2011，(12).

Discussion on “People-oriented” Web Design

ZHAO Ying, WANG Song
(TianjinCityVocationalCollege,Tianjin, 300250)

with the rapid development of network technology and rich and various spiritual demands, the requirements for web design becomes higher and higher. “People-oriented” web design concept takes “people” as core, which breaks through the traditional web design concept and enables the web more user-friendly. Thereby this can better meet the browsers’ requirements for complexity and diversity. Therefore, “people-oriented” design concept is of great significance.

web design; people-oriented; humanity; network

2015-09-08

趙瑩(1977-)，女，天津市人，天津城市職業(yè)學(xué)院網(wǎng)絡(luò)中心，主要從事計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)方向的管理與研究；王淞(1982-)，男，天津市人，天津城市職業(yè)學(xué)院網(wǎng)絡(luò)中心，主要從事計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)方向的管理與研究。

TP393.092.3

A

1673-582X(2015)10-0070-04