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

趙 瑩，王 淞

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

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

趙 瑩，王 淞

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

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

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

一、引言

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

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

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

(一)信息無序堆積

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

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

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

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

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

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

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

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

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

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

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

(一)功能層次

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

(二)心理層次

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

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

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

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

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

(一)頁面布局簡單明了

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

(二)設置邏輯清晰的導航

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

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

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

(四)合理安排廣告

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

五、結(jié)束語

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

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

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

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

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

TP393.092.3

A

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