趙 瑩，王 淞

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

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

趙 瑩，王 淞

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

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

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

一、引言

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

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

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

(一)信息無序堆積

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

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

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

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

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

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

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

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

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

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

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

(一)功能層次

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

(二)心理層次

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

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

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

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

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

(一)頁面布局簡單明了

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

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

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

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

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

(四)合理安排廣告

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

五、結(jié)束語

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

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

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

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

[3]黃易鋒.網(wǎng)頁設(shè)計目前存在的問題及解決途徑[J].寧波職業(yè)技術(shù)學(xué)院學(xué)報，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ò)中心，主要從事計算機網(wǎng)絡(luò)技術(shù)方向的管理與研究；王淞(1982-)，男，天津市人，天津城市職業(yè)學(xué)院網(wǎng)絡(luò)中心，主要從事計算機網(wǎng)絡(luò)技術(shù)方向的管理與研究。

TP393.092.3

A

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