網(wǎng)頁(yè)設(shè)計(jì)中的以人為本研究

前言：想要寫(xiě)出一篇引人入勝的文章？我們特意為您整理了網(wǎng)頁(yè)設(shè)計(jì)中的以人為本研究范文，希望能給你帶來(lái)靈感和參考，敬請(qǐng)閱讀。

一、引言

網(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)題

國(guó)內(nèi)目前的網(wǎng)頁(yè)設(shè)計(jì)，很大一部分還不能盡如人意。筆者從設(shè)計(jì)人員和用戶兩個(gè)方面進(jìn)行分析，存在的問(wèn)題可以總結(jié)為以下幾點(diǎ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)畫(huà)、視頻等多媒體元素，從而直接導(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)站了。

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

一些網(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)站前要經(jīng)多方測(cè)試，再美麗的設(shè)計(jì)，如果受瀏覽器的限制，也一定是不完美的。

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

我國(guó)古代最早提出“以人為本”的是春秋時(shí)期的政治家、思想家管仲。西漢劉向編纂的《管子》一書(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)畫(huà)、音頻和視頻元素能更好地吸引訪問(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)畫(huà)、音頻和視頻等，更應(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)廣告，但原則是不要干擾閱讀?？傊瑥V告與用戶滿意度并不是完全矛盾的。如果廣告設(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)。

作者：趙瑩 王淞 單位：天津城市職業(yè)學(xué)院