從人體工程學(xué)看網(wǎng)站人性化設(shè)計(jì)技巧

摘 要：本文結(jié)合筆者多年網(wǎng)站設(shè)計(jì)及制作的實(shí)踐經(jīng)驗(yàn)和研究，通過學(xué)習(xí)人體工程學(xué)及收集用戶訪問網(wǎng)站的使用反饋，深入分析人與網(wǎng)站進(jìn)行互動(dòng)時(shí)的操作細(xì)節(jié)，對(duì)網(wǎng)站建設(shè)過程中應(yīng)注意的一些人性化設(shè)計(jì)和實(shí)用小技巧具有一定的參考價(jià)值和借鑒意義。

關(guān)鍵詞：人體工程學(xué)；網(wǎng)站；人性化

中圖分類號(hào)：TB47

人體工程學(xué)是一門“研究人在某種工作環(huán)境中的解剖學(xué)、生理學(xué)和心理學(xué)等方面的各種因素；研究人和機(jī)器及環(huán)境的相互作用；研究人在工作中、家庭生活中和休假時(shí)怎樣統(tǒng)一考慮工作效率、人的健康、安全和舒適等問題的科學(xué)”。人體工程學(xué)聯(lián)系到網(wǎng)站設(shè)計(jì)，其含義為：以人為主體，運(yùn)用人體計(jì)測(cè)、生理、心理計(jì)測(cè)等手段和方法，研究人體結(jié)構(gòu)功能、心理、力學(xué)等方面與瀏覽網(wǎng)頁(yè)之間的合理協(xié)調(diào)關(guān)系，以適合人的身心活動(dòng)要求，取得最佳的瀏覽效能，其目標(biāo)應(yīng)是便捷、高效、有趣和舒適。

1 清晰的導(dǎo)航

網(wǎng)站設(shè)計(jì)首先是導(dǎo)航設(shè)計(jì)。尤其是在WEB這樣一個(gè)平面化的虛擬世界里，能夠?yàn)橛脩粽宫F(xiàn)一個(gè)清晰的導(dǎo)航是網(wǎng)站設(shè)計(jì)的基本要點(diǎn)。從人體工程學(xué)中可以了解到，在特定的環(huán)境中，人的生理和心理對(duì)于位置的敏感程度非常的高。人的大腦會(huì)不自覺的發(fā)出一種訊息：我在哪兒，我想要去哪兒，怎么去，要多久才能到。

1.1 類別導(dǎo)航。所謂類別導(dǎo)航，就是將網(wǎng)站的內(nèi)容進(jìn)行分類，設(shè)計(jì)者通過導(dǎo)航菜單的形式事先為用戶將信息歸類放好，并提取內(nèi)容的唯一識(shí)別信息的縮略語(yǔ)作為導(dǎo)航按鈕。此類導(dǎo)航一般很少考慮用戶的感受，只是簡(jiǎn)單地將需要展示的內(nèi)容通過類別的不同進(jìn)行拆分，如企業(yè)網(wǎng)站和電商網(wǎng)站等都是通過業(yè)務(wù)或者產(chǎn)品進(jìn)行分類導(dǎo)航的。這類導(dǎo)航的設(shè)計(jì)技巧是使用的詞語(yǔ)要非常準(zhǔn)確，類別劃分要合理，級(jí)別要精簡(jiǎn)（注意三點(diǎn)擊原則），需要保留一定程度的可擴(kuò)展性。

1.2 內(nèi)容導(dǎo)航。所謂內(nèi)容導(dǎo)航，就是在分類的基礎(chǔ)上將內(nèi)容信息更多的進(jìn)行展現(xiàn)。例如新浪、搜狐等信息門戶，如同電子版的報(bào)紙一樣，將所有新鮮出爐的內(nèi)容以摘要的形式平鋪出來提供用戶瀏覽，在內(nèi)容標(biāo)題上會(huì)更加突出，文字更加精煉，詞語(yǔ)更加犀利。此類導(dǎo)航雖然脫離了傳統(tǒng)意義上的形式，但是精髓還在。

1.3 引導(dǎo)定位。所謂引導(dǎo)定位，就是像GPS一樣為用戶提供精準(zhǔn)的定位服務(wù)和路徑到達(dá)服務(wù)。在用戶瀏覽網(wǎng)頁(yè)時(shí)，訪問路徑都是單向前進(jìn)或后退的，一旦中間有跳躍式訪問，就會(huì)很容易使用戶迷失方向。這個(gè)就像是在大型游樂場(chǎng)，每個(gè)娛樂項(xiàng)目的附近都會(huì)有地圖標(biāo)明，當(dāng)前位置和方位，并提供去往其他項(xiàng)目的路徑?！懊姘肌本褪且粋€(gè)很好地技巧，靈活的運(yùn)用好會(huì)對(duì)網(wǎng)站有很到幫助。

2 信息的展示

信息的展示是網(wǎng)站的主要目的。無論導(dǎo)航設(shè)計(jì)的如何精致，如何細(xì)微，都是為了要展示信息。

2.1 主次分明。在網(wǎng)頁(yè)設(shè)計(jì)中，設(shè)計(jì)者經(jīng)常對(duì)信息的展示不夠重視，在制作上一代而過，草草了事，并可以堂而皇之的將罪過嫁禍給甲方（資料提供），用句時(shí)髦的語(yǔ)言就是“外貌協(xié)會(huì)”。其實(shí)在信息化、現(xiàn)代化的今天，快節(jié)奏的生活已然開始潛移默化的改變著人的某些習(xí)慣，通過不斷深入研究人的視覺感官和心理活動(dòng)發(fā)現(xiàn)，人們變得注重信息的獲取更便捷，更有效。這就需要設(shè)計(jì)者對(duì)資料進(jìn)行重新包裝，做到主次分明，有理有據(jù)。能體現(xiàn)主要信息的不僅僅是文字，還有圖片，一張好的圖片可以一下抓住用戶的眼球并提供相關(guān)的重要信息，再配合文字的點(diǎn)綴，很大程度上滿足了現(xiàn)代人的需要，所以請(qǐng)?jiān)O(shè)計(jì)者們拋棄堆砌的文章吧。

2.2 加強(qiáng)關(guān)聯(lián)性。有點(diǎn)類似于捆綁式銷售模式，首先要讓用戶能夠很快的找到他最想要的東西，找到之后干什么呢？直接讓用戶悄然的離開嗎？答案是不。從對(duì)人的心理活動(dòng)的監(jiān)測(cè)和研究表明，這時(shí)的用戶還可能對(duì)其他類似的或相關(guān)的事物感興趣。從網(wǎng)站設(shè)計(jì)上來講，就是不要讓網(wǎng)頁(yè)信息孤立起來，要存在某種聯(lián)系，這或許可以讓用戶獲取更多的信息，更長(zhǎng)的逗留時(shí)間。設(shè)計(jì)者在網(wǎng)站設(shè)計(jì)時(shí)應(yīng)當(dāng)更多的站在用戶的角度考慮，將網(wǎng)站的信息有機(jī)的、緊密的結(jié)合起來，做到引人入勝。

3 有趣的互動(dòng)模式

網(wǎng)站的發(fā)展趨勢(shì)是越來越不像網(wǎng)站，而是像一個(gè)工具，像一個(gè)助手，像一個(gè)朋友，像一個(gè)樂園。

3.1 搜索。人們?yōu)槭裁磿?huì)經(jīng)常訪問門戶網(wǎng)站，搜索網(wǎng)站？因?yàn)殚T戶網(wǎng)站大量聚合各類信息，提供用戶瀏覽的足量?jī)?nèi)容，規(guī)模大、內(nèi)容全、信息奇、有權(quán)威。而搜索網(wǎng)站呢，一問多答的形式為用戶提供了各種疑難問題的解答，既滿足了用戶的實(shí)際困難，同時(shí)也可以為別人提供解答服務(wù)，做到互幫互助。作為中小型網(wǎng)站的設(shè)計(jì)者，除了將網(wǎng)站設(shè)計(jì)的別致、專業(yè)外，還可以盡量滿足用戶的喜好，一個(gè)是通過關(guān)鍵字，另一個(gè)是通過常見問題解答。通過對(duì)人的行為和思維的研究，如果將答案明明白白的擺在那里，它是不會(huì)引人注意的，而通過某種情節(jié)和問答等模式重新設(shè)計(jì)，則會(huì)起到推波助瀾的作用，使人的記憶更深刻。

3.2 溝通。網(wǎng)站是人與信息溝通的橋梁，就像婚介所一樣，服務(wù)的唯一目的就是找到你想要的。網(wǎng)站除了羅列信息以外，還配套提供多種互動(dòng)平臺(tái)。例如，現(xiàn)在流行的微信、微博，常用的有在線問答、QQ、郵件、電話等多種方式，溝通效果也大不一樣。例如，在線問答，業(yè)務(wù)員能夠回答的問題基本上都是網(wǎng)站已有的信息，作用非常有限。設(shè)計(jì)者在設(shè)計(jì)網(wǎng)站時(shí)除了外觀設(shè)計(jì)，應(yīng)將更多的注意力停留在內(nèi)容上，因?yàn)閮?nèi)容才是靈魂，而不是托兒。要讓用戶在和網(wǎng)站進(jìn)行溝通互動(dòng)時(shí)覺得親切，舒適，甚至是有趣。除了操作上的細(xì)節(jié)外，更應(yīng)該注意內(nèi)容的準(zhǔn)確性，權(quán)威性和時(shí)效性。

4 網(wǎng)站輔助實(shí)用技巧

用戶在訪問網(wǎng)站時(shí)，屏幕是固定大小的，然而內(nèi)容卻是長(zhǎng)短不一，寬窄不同的，要通過一些實(shí)用的網(wǎng)頁(yè)功能來化解用戶的操作困難。

4.1 自動(dòng)適應(yīng)。屏幕的自適應(yīng)一直是被網(wǎng)站設(shè)計(jì)者所忽視的，隨著顯示器尺寸的不斷升級(jí)，網(wǎng)站對(duì)屏幕自適應(yīng)大小已變成很實(shí)用的功能。如果網(wǎng)站做的不夠大，內(nèi)容就會(huì)看不清，而網(wǎng)站做的太大了，又會(huì)出現(xiàn)滾動(dòng)條，嚴(yán)重影響用戶操作體驗(yàn)。在為網(wǎng)站增加自適應(yīng)功能的同時(shí)也應(yīng)考慮字體的自適應(yīng)，讓字體隨著網(wǎng)站體量的變化而自動(dòng)適應(yīng)，始終保持文字清晰可辨。

4.2 返回頂部。隨著網(wǎng)站內(nèi)容的扁平化，一頁(yè)內(nèi)容通常會(huì)分幾屏顯示，更有甚者采用瀑布流技術(shù)，更使得頁(yè)面長(zhǎng)度無法預(yù)計(jì)。使用返回頂部或者采用固定懸停導(dǎo)航功能可以大大方便用戶操作，給人以友好的體驗(yàn)。有時(shí)候屏幕拉的過長(zhǎng)，會(huì)給用戶產(chǎn)生不安全感，一旦出現(xiàn)誤操作，想重新找到剛才的位置就非常難了。

4.3 圖片優(yōu)化。圖片是展示信息的絕佳載體，設(shè)計(jì)者要大膽的使用圖片，但圖片的制作和維護(hù)也是相當(dāng)復(fù)雜的事情。首先要將精美的圖片放在最醒目的位置，配套圖片則可以不那么明顯。研究表明，人的視覺會(huì)注意突出的部分，對(duì)比反差大的部分，所以柔化圖片背景，突出主體，適當(dāng)?shù)募舨每梢越o人更多的聯(lián)想和擴(kuò)展空間，直白的圖片始終是乏味的，要簡(jiǎn)單，要強(qiáng)烈，要有沖擊性。

5 結(jié)束語(yǔ)

通過對(duì)人體結(jié)構(gòu)、生理、心理的深入研究和實(shí)踐總結(jié)，要不斷探索和挖掘人的潛力，不僅要順應(yīng)用戶的習(xí)慣，還要改進(jìn)用戶的習(xí)慣，給予用戶不一樣的體驗(yàn)。網(wǎng)站是溝通的載體，是展示的平臺(tái)，設(shè)計(jì)者要充分考慮人的感受，將這份對(duì)工作的熱愛和執(zhí)著融入到網(wǎng)站設(shè)計(jì)中去，通過人性化的設(shè)計(jì)和實(shí)用技巧提高用戶的關(guān)注度的持久度，將用戶帶到你的世界中。希望本文可以提供網(wǎng)站設(shè)計(jì)者們一些靈感和思路，共同探討，互相進(jìn)步，不斷推動(dòng)網(wǎng)站事業(yè)向人文方向邁進(jìn)。

參考文獻(xiàn)：

[1]王鑫，楊西文，楊衛(wèi)波.中國(guó)高等院?！笆濉本氛n程規(guī)劃教材—人體工程學(xué)[M].北京：中國(guó)青年出版社，2013（1）.

[2]范圣璽，著.行為與認(rèn)知的設(shè)計(jì)[M].北京：中國(guó)電力出版社，2009（1）.

[3]（美）堆克曼，（美）斯普烏爾，著.網(wǎng)站設(shè)計(jì)解構(gòu)：有效的交互設(shè)計(jì)框架和模式[M].北京：人民郵電出版社，2012（1）.

作者簡(jiǎn)介：邵海鵬（1981-），男，北京人，網(wǎng)絡(luò)工程師，本科，從事網(wǎng)站設(shè)計(jì)與制作的研究。

作者單位：北京信息職業(yè)技術(shù)學(xué)院信息中心，北京 100018