序論：寫作是一種深度的自我表達。它要求我們深入探索自己的思想和情感，挖掘那些隱藏在內心深處的真相，好投稿為您帶來了七篇畢網站設計業論文范文，愿它們成為您寫作過程中的靈感催化劑，助力您的創作。

篇(1)

關鍵詞：用戶體驗；高校圖書館；網站

隨著學生對互聯網的依賴性越來越強，以及Googlescholar、百度學術等學術搜索引擎對圖書館學術資源主體地位的沖擊，使得圖書館網站的用戶體驗變得越來越重要。圖書館網站必須進行優化設計，使用戶可以方便地瀏覽網站的信息、使用網站的服務，讓用戶獲得愉快的體驗，才能吸引用戶使用圖書館的網站，使用圖書館的資源與服務。用戶體驗強調在網站構建的過程中以用戶為中心，充分考慮用戶體驗的內容及影響因素，通過設計滿足用戶需求，符合用戶審美體驗、認知特點、使用習慣的組織系統、導航系統等，從而讓用戶獲得良好的體驗效果。用戶體驗設計的目標可以歸納為：解決用戶需求，減少用戶理解和操作的成本，給用戶留下美好而深刻的印象。基于用戶體驗的網站設計主要包括：視覺設計、界面設計和導航設計等。

1視覺設計

視覺設計是在用戶審美文化的基礎上，通過色彩、字體、圖片、按鈕、隱喻等的使用，設計出富有美感和藝術感的網站，從而實現在很短的時間內吸引住用戶，并激發用戶進一步的信息行為[1]。圖書館網站在視覺設計上要符合用戶當前的視覺趨勢，體現圖書館的文化內涵，通過圖文、色彩、形狀的搭配以及信息塊的建立和整合，形成一個疏密有序、圖文并茂、條理清晰、氣氛和諧的網站視覺感受。

1.1符合視覺趨勢

不同時期用戶的審美取向與內心訴求是不同的，網站的設計一定要符合當前用戶的視覺趨勢。就目前而言，視覺趨勢大致如下：響應式的網頁設計讓網站頁面無論屏幕尺寸大小都能有最佳的顯示效果[2]，寬屏、大圖讓頁面更顯大氣；改變以往用線條來分割區域的方式，采用空隙和留白，讓頁面順暢自由的呼吸，給用戶留下廣闊的思考空間；減少漸變和視覺元素，采用規整的布局、扁平化的視覺風格，讓整體感覺更清爽。在網站構建之初，設計師一般會根據圖書館的需求結合當前的視覺趨勢設計出至少3版首頁設計圖，圖書館可以采用問卷調查的形式從中選出最受目標用戶歡迎的頁面。

1.2做好色彩搭配

色彩是網站最具表現力和感染力的視覺元素，好的色彩搭配可以吸引用戶的注意力，給用戶帶來過目不忘的效果。相反，太過單調乏味的頁面會使用戶視線游離；過于炫目多彩的頁面又會對用戶的實際需要造成干擾。網站的色彩搭配上要注意以下情況：（1）每種色彩都有自己特定的含義和象征，會給人帶來不同的情感反應[3]，網站設計要合理恰當的運用，設計符合網站自身特色的色彩搭配，把網站的思想正確的傳遞給用戶。例如，“紅色”可以給人熱情、喜慶、奔放的情感反應，也能給人危險的心理暗示；金燦燦的“黃色”給人富有、高貴之感，而混濁的暗黃給人凋謝、衰敗之感；“藍色”象征著智慧、理智、清爽，會讓人感覺平靜、深遠、穩定、可靠。（2）不同色彩對眼睛刺激不同，會造成視覺上先后順序和關注度的不同。在色彩的運用上，要考慮內容的先后順序和優先級，正確的運用色彩。例如，冷色類和暖色類色彩是有明顯的層次差別的，一般情況下，用戶會先注意到暖色調色彩，且對暖色調色彩的關注度和點擊量要高于冷色調色彩；色彩的反差更容易造成用戶的關注度的不同，通常高反差色彩更能引起用戶的關注[4]。（3）避免使用色盲不易區分的顏色對。網站的色彩設計要保證在辨識色彩方面存在缺陷的用戶（如紅綠色盲、藍黃色盲、全色弱等）也能正常使用網站，避免使用深紅和黑、深紅和深綠、藍色和紫色以及淺綠和白色這樣的顏色對[5]。網站色彩設計時可在專業的色盲所見效果檢測網站（如網站和）上檢測，確保需要辨識顏色的地方所用的顏色在色盲和正常人看來是一致的，不需要辨識顏色的地方，在色盲眼中是清晰的。

2界面設計

界面設計最基本的性能是功能性和使用性。通過界面設計，讓信息更加流暢的傳遞給用戶，讓功能和操作變得更加簡單。界面設計包括標識設置能否被用戶所理解[1]、頁面布局是否能夠凸顯頁面重點、符合用戶的習慣等。在標識設置方面重點是要避免使用用戶不熟悉的詞匯；頁面布局方面，首頁一定要將關注度高的欄目放在醒目的位置上；其它欄目的擺放位置要遵從網站形成的慣例，符合用戶的心智模型；以信息呈現為主的頁面要建立清晰的視覺層次。

2.1避免使用用戶不熟悉的詞匯

根據Krug的可用性第一規律，網頁必須是清晰且自明的[6]，也就是說網頁的內容對于用戶來說是不言而喻、一目了然的。要做到這一點，就要避免使用用戶不熟悉的詞匯，比如，OPAC、E讀、查收查引、題名、責任者、資源發現系統等。這些字用戶都認識，但不代表真的理解了意思，因為新信息只有和已有的知識結構緊密結合，才能被徹底的理解吸收，而用戶基本上是非圖書館專業的學生和老師，接受過的圖書館專業培訓比較少，對這些詞很難做到一看就懂。當用戶在網站上尋找信息或者某個功能時，他們并不會認真閱讀，只是快速而粗略地掃描屏幕上與目標相關的東西[4]，這些用戶不熟悉的詞匯往往被認為是與目標無關，直接被忽略掉。可以把“OPAC”換成“館藏書刊搜索”；“E讀”換成“全國高校館藏搜索”；“查收查引”換成“論文收錄引用”；“題名”換成“書名/篇名”；“責任者”換成“作者”；資源發現系統因為實現的是圖書館紙質和電子館藏的一站式搜索，所以一般采用學校特色名字加上搜索或學術搜索的形式，例如，清華大學圖書館的“水木搜索”、北京大學圖書館的“未名學術搜索”、南方科技大學圖書館的“南科學術搜索”、浙江大學圖書館的“求是學術搜索”等。

2.2關注度高的欄目放在醒目的位置上

關注度高的欄目放在首頁醒目的位置上可以有效提高網站的用戶體驗。網站欄目的關注度可通過網站分析工具來統計。目前，免費的網站分析工具有十余種，比如，GoogleAnalytics、CrazyEgg、Yahoo!WebAnalytics、百度統計和CNZZ的站長統計等。其主要采用當前較為流行的基于腳本（JavaScript等）的統計方式，這種方法需要在網站的Html代碼中嵌入一段腳本來統計網站的被訪問情況。館員可通過網站訪問情況統計分析，來確定網站中用戶關注度最高的欄目。以南方科技大學圖書館舊版網站為例，關注度最高的欄目是“數據庫導航”，關注度為11.32%；其次是“館藏資源搜索欄”，因該版網站中沒有資源發現系統，所以主要搜索館藏紙本資源，關注度為9.47%；關注度第三的欄目是“我的圖書館”，關注度為7.02%。在新網站的設計中就要把這3個欄目放在網站中最醒目的位置。一般情況下，網站的上半部分和中左部分的被關注度要高于右半部分和下半部分。網站中最醒目的位置的確定可以在新網站的測試過程中，通過眼動跟蹤技術記錄用戶在使用網站時所注視的網站的位置，從而找出網站的關注“熱點”———網站中最醒目的位置。

2.3遵從網站形成的慣例

當一個人訪問一個新網站的時候，他尋找信息的第一個位置就是在其它大多數網站找到它們的地方，所以遵從網站形成的慣例可以減少用戶的尋找成本，讓用戶找起來更方便。比如，語言切換、用戶登錄、站內搜索等獨立于網站結構的功能或內容一般設置在網頁頂端；重要的、需求大的欄目應該放在網頁上方主導航的位置；相對而言不那么重要、需求不那么大的欄目應該放在下方導航條的位置；網站的隱私政策、免責聲明、版權等一般放在底部。

2.4符合用戶的心智模型界面設計

符合用戶的心智模型主要為了讓用戶在使用網站的過程中思考降到最低、操作簡單到極致。心智模型是影響用戶與網站交互時內在的、可預測的認知模型[7]，是隱含在用戶內心深處的一種思維方式和思想觀念，直接或者間接的影響著用戶的行為[8]。也就是說，當用戶在網站上尋找某一元素時，并不是從上到下順序尋找，而是在用戶心中已經形成了關于這個元素應該放在哪個位置的預期[9]，然后根據預期去尋找該元素。了解用戶的心智模型，可以知道用戶心中欄目的位置，從而提升欄目位置與用戶預期的位置吻合度；了解用戶的心智模型，可以知道某一信息在用戶心中應該屬于哪個欄目，從而提高欄目的名稱與用戶心中名稱的吻合度。要提高網站界面與用戶心智模型的吻合度，可以在網站的建設過程中通過迭代的可用性測試[10]，不斷地發現網站中存在的問題，通過布局的不斷調整，讓用戶的操作變得簡單、再簡單；通過建立清晰的流程和界面，減少用戶的思考和尋找時間。最后用戶耗費時間最少的界面設計就是最趨近于用戶的心智模型的界面。調研用戶的心智模型可以通過如實觀察法、遠程測試法和眼動跟蹤技術等方法來實現。筆者采用了如實觀察法，無需遠程監測法的屏幕共享技術，也不用眼動跟蹤儀，只要有臺可供用戶瀏覽網站的電腦即可，而且不僅能清晰的觀察到用戶的操作，直接、及時地獲取用戶的反饋，還能夠捕捉用戶的細微反應，挖掘用戶內隱的體驗信息[11]。比如用戶發出“咦？”、“哦！”等聲音，或者皺眉、撓頭等動作，這些都能反映出存在的問題。如實觀察法主要是讓被試用戶在一個可控制的實驗室環境里完成指定任務，通過觀察用戶信息搜索過程，總結用戶的行為數據等[12]，在測試過程中，要減少語言對用戶的干擾，切忌引導性過強，要更多地去關注用戶的操作行為。可以鼓勵用戶采用“出聲思維法”，即要求用戶在操作時，將完成任務時所有的思考、行為、感受都描述出來，這樣測試員更容易發現用戶行為背后的原因。例如，在南方科技大學圖書館網站的調研中發現，用戶在完成“查看我的借閱信息”的任務時，偶爾使用圖書館網站的用戶，受其它網站的影響會在網站的頂端尋找“我的”相關欄目；經常使用圖書館網站的用戶，因知道該信息會在“我的圖書館”中找到，所以找尋的欄目會鎖定在“我的圖書館”，而找尋的位置會受到圖書館舊版網站的影響，在網站中間的直接導航部分找“我的圖書館”欄目。綜合這兩種情況，在新版網站的設計中將“我的”放置在網站上方全局導航的區域，“我的”這個欄目被設計為用戶的個人空間，里面的內容包含用戶的個人基本信息、借閱信息、薦購信息等“我的圖書館”中查詢和操作的信息以及網站的個性化定制內容。另外，在網站的直接導航區域設置“我的圖書館”的入口，方便讀者進入“我的圖書館”。

2.5建立清晰的視覺層次感

建立清晰的視覺層次感可以在用戶瀏覽網頁時形成良性引導，從而減少用戶的尋找時間。用戶在瀏覽頁面時會對網站頁面的視覺層次進行分解，篩選出需要的東西。好的視覺層次通過預先處理，用一種用戶能快速理解的方式對頁面進行組織并根據模塊的優先級進行排列，從而減少了用戶的尋找時間。大小、顏色、對比、對齊、親密性、緊密與留白都是制造視覺層次的好工具。大小往往與重要性結合起來，最大的元素大部分情況下都具有最大的重要性。顏色在組織和個性兩方面都起到作用，醒目、對比強烈的顏色在特殊的元素中會引起更大的關注（比如，按鈕、超鏈接或錯誤信息）；在個性方面，豪華、舒適的顏色會給頁面帶來感情上的吸引力。對比能夠體現出相對的重要性。對齊能夠體現出元素們之間的組織關系。親密性是將關系緊密的內容組織起來的最快方式。緊密與留白的和諧搭配，既能體現內容之間的相互關系，又能避免緊密給用戶帶來的信息過量之感。

3導航設計

導航是網站內用戶的指示路標，可以說是網站最為重要的設計環節，它引導著用戶進行瀏覽和查找信息，一個好的導航能夠讓用戶在離開網站時猶如享受了一次愉快的旅程。導航設計首先要將網站的信息進行組織分類，一個精心組織分類的鏈接體系能夠采用簡約的風格，將信息梳理到最符合邏輯、最易于用戶理解的類目，讓用戶不經遲疑、無需復雜操作就能訪問到他們想要的內容。

3.1信息的組織與分類

信息的組織與分類是導航設計的基礎[13]，好的導航能夠將繁復的頁面內容組織起來，梳理出其中的邏輯，按照層級關系，建立起簡潔易懂的欄目信息架構。卡片分類法是一種以用戶為導向的有效的組織信息的方法，可以設計出符合用戶心智模型的信息架構。卡片分類法分為開放式和封閉式兩種[14]。開放式卡片分類法給被試人員足夠的自由度來進行信息歸類，測試者不僅可能會得到豐富的分類結果，而且有力于發現欄目命名存在的問題，所以一般用于信息分類的前期，用于獲取用戶對圖書館服務及資源項目的理解情況。開放式卡片分類法由測試者將寫有圖書館的相關介紹、服務、資源等名稱的卡片完全打亂后分發給被試人員，被試人員可以完全自由地決定把卡片分成幾組，每組有多少張卡片，最后再由被試人員為分好組的卡片命名。在開放式卡片分類階段，能夠發現命名不合理的欄目，能夠獲得被試人員理想的分組命名。例如南方科技大學圖書館網站在開放式卡片分類調查過程中發現，“新館風貌”頁的名稱存在問題，因為對于館員而言，啟動校區的圖書館為舊館，當前使用的圖書館為新館。但是對于學生而言，他們并不知道啟動校區圖書館，所以當前使用的圖書館就稱不上新館，使用“館舍風貌”命名則更為合適；關于欄目的分組命名也有收獲，舊版網站中使用“關于圖書館”欄目，而用戶會更喜歡給它命名為“關于本館”；“資源查找”用戶更喜歡給它命名為“資源導航”等。封閉式卡片分類法可在開放式卡片分類法之后使用，由測試者先確定出欄目分組的個數和名稱，再將屬于這些分組的卡片分發給被試人員，讓被試人員根據自己的期望，把卡片歸類在不同的分組名稱下。如果有些卡片被測人員不知道該將它分到哪個分組名稱下，可以將它拿出來，不一定要把所有卡片分完。封閉式的分類更利于掌控，可以用于對信息架構設計結果的有效性進行驗證。

3.2導航功能模塊設計

虛擬的網絡世界不像現實世界中有明顯的方向感，若沒有清晰的導航和位置信息可能導致用戶迷失方向。成功的導航通過各種標識和路徑的顯示，讓用戶在導航系統中清楚地認識到網站信息結構和自己瀏覽到的位置[15]。導航按照在網站中所處的區域與功能的不同分為：全局導航、局部導航、直接導航、面包屑導航、網站地圖等。全局導航，也就是通常所說的主導航，是網站的一級菜單，通常以橫條的形式設置在網站全局區域較為顯著的位置，提供覆蓋整個網站的通路，能夠展現網站的全貌。用戶通過全局導航可以隨時從網站的最底層頁面到達任何其它頁面，實現各個頁面之間的跳轉。局部導航，也稱為副導航，是全局導航的補充和延伸，專門針對網站二級以下的欄目，在幫助用戶瀏覽網站頁面時起輔助作用，主要用于有序瀏覽目錄內的具體內容。直接導航，是在首頁中設置的直接將用戶引導到網站內任意指定位置的導航，直接導航可以跨越多個層級而直接指向鏈接目標，是為迎合用戶需求而設置的到達頁面的快捷途徑。面包屑導航，這個導航名稱來自于童話故事，面包屑是漢賽爾在進入森林的路上偷偷灑下的，是一種“歷史記錄”的應用方式。面包屑導航能夠呈現用戶當前在網站中所處位置，記錄用戶的瀏覽路徑，表達當前內容的歸屬關系，可以幫助用戶方便地通過路徑返回到上一級頁面。網站地圖，將網站的所有頁面名稱按照結構層次放置在一個頁面中，展現整個網站的信息架構，通過鏈接的方式，幫助用戶在一個頁面中快捷、準確地找到想要的頁面。網站的導航設計就是通過上述不同類型導航的合理設置與相互搭配，最終實現網站的便捷瀏覽、信息的有效獲取。

4結語

網站設計的重中之重不是界面設計的多么美觀，運用的技術多么炫酷，而是網站的設計是否符合用戶體驗，能否讓用戶輕松、快捷的完成操作。基于用戶體驗的網站設計強調以用戶為中心，設計出符合用戶審美體驗、認知特點和使用習慣等與用戶心智模型相契合的系統，但用戶的審美、認知特點、使用習慣以及心智模型都不是一成不變的，而且包含很多隱性的因素，需要經過一系列細致的調查、測試、優化等步驟，才能逐步提升用戶的體驗。

參考文獻：

[1]李小青.基于普遍心理分層理論的Web用戶體驗模型設計[J].情報資料工作,2010,(1):62-65.

[2]畢劍,劉曉艷,張禹.使用響應式網頁設計構建圖書館移動門戶網站———以云南大學圖書館為例[J].現代圖書情報技術,2015,255(2):97-101.

[3]張曉景.網站用戶體驗全程揭秘[M].北京:清華大學出版社,2014.

[4]如何運用視覺表現建立網頁的信息層級[EB/OL].[2015-03-19].

[6]SmashingMagazine.眾妙之門：用戶體驗設計的秘密[M].邱胤炎,林本杰,譯.北京:人民郵電出版社,2014.

[7]吳鵬,張佩佩,甘利人.網站用戶信息獲取中的心智模型研究[J].情報學報,2011,30(9):935-945.

[8]黃群,朱超.基于用戶心智模型的產品設計[J].包裝工程,2009,30(12):133-136.

[9]SusanWeinschenk.設計師要懂心理學[M].徐佳,馬迪,余盈億,譯.北京:人民郵電出版社.2014.

[10]林一,陳靖,劉越,王涌天.基于心智模型的虛擬現實與增強現實混合式移動導覽系統的用戶體驗設計[J].計算機學報.2015,38(2):408-421.

[11]李海濤,宋琳琳.用戶使用網站的心智模型測量方法的選擇及應用[J].情報理論與實踐,2015,38(2):11-16.

[12]孫麗,田才.基于用戶體驗的網站信息構建模型[J].情報科學,2010,28(6):907-910.

[13]劉津,李月.破繭成蝶：用戶體驗設計師的成長之路[M].北京:人民郵電出版社,2014.

[14]蔡劍,詹慶東.基于卡片分類法的網上書店信息構建實證研究[J].圖書情報工作,2011,55(10):121-125.