“用戶友好”的網(wǎng)站界面設(shè)計(jì)

段俞戎

（山東師范大學(xué)心理學(xué)院，濟(jì)南 250001）

“用戶友好”的網(wǎng)站界面設(shè)計(jì)

段俞戎

（山東師范大學(xué)心理學(xué)院，濟(jì)南 250001）

現(xiàn)如今網(wǎng)絡(luò)越來(lái)越普及，截至目前，我國(guó)網(wǎng)民規(guī)模已經(jīng)超過(guò)5億人，越來(lái)越多的人通過(guò)網(wǎng)絡(luò)搜索信息。了解一所大學(xué)院系及其開(kāi)設(shè)專業(yè)情況的重要途徑之一便是該院系的官方網(wǎng)站。打開(kāi)這些網(wǎng)站，我們可以看到各個(gè)高校院系的官網(wǎng)欄目設(shè)置大抵相似，主要有“學(xué)院新聞”、“學(xué)院概況”“機(jī)構(gòu)設(shè)置”、“師資隊(duì)伍”、“招生就業(yè)”、“合作交流”、“學(xué)術(shù)科研”、“黨建工作”、“學(xué)生工作”“學(xué)院文化”等。這其中，值得我們格外關(guān)注的一點(diǎn)就是“師資隊(duì)伍”。民國(guó)時(shí)期的清華校長(zhǎng)梅貽琦先生曾說(shuō)過(guò)：“所謂大學(xué)者，非謂有大樓之謂也，有大師之謂也?！睕](méi)有教師，不能成為學(xué)校，沒(méi)有高素質(zhì)的教師隊(duì)伍，就沒(méi)有高水平的辦學(xué)質(zhì)量。教師隊(duì)伍的整體水平標(biāo)志著學(xué)院的辦學(xué)水平，師資隊(duì)伍建設(shè)得好壞，是決定學(xué)生培養(yǎng)質(zhì)量的決定性因素。

用戶友好；網(wǎng)站界面；設(shè)計(jì)

1 引言

從學(xué)院角度看，師資隊(duì)伍網(wǎng)站界面建設(shè)的水平影響著其對(duì)外宣傳的效果；從考生和家長(zhǎng)的角度看，師資隊(duì)伍網(wǎng)站界面起著良好的導(dǎo)向作用；從社會(huì)人士的角度看，師資隊(duì)伍網(wǎng)站起著重要的參考作用。基于用戶對(duì)于師資界面的需求分析以及對(duì)現(xiàn)有師資界面的分析，市場(chǎng)調(diào)研發(fā)現(xiàn)，山東師范大學(xué)心理學(xué)院師資界面過(guò)于簡(jiǎn)單，遠(yuǎn)不能滿足用戶的需求。因此，本研究擬為山東師范大學(xué)心理學(xué)院設(shè)計(jì)一個(gè)新型實(shí)用便捷的師資界面，在保留原有優(yōu)勢(shì)的基礎(chǔ)上，借鑒添加新元素，設(shè)計(jì)新形式，讓用戶擁有更舒適的體驗(yàn)。

2 界面設(shè)計(jì)

在本研究中，對(duì)于“山東師范大學(xué)心理學(xué)院師資隊(duì)伍”進(jìn)行了改進(jìn)，形成了“新版山東師范大學(xué)心理學(xué)院師資隊(duì)伍界面”。原版的師資界面的師資隊(duì)伍處僅呈現(xiàn)了導(dǎo)師姓名，缺少了導(dǎo)師的其他信息，用戶無(wú)法在師資隊(duì)伍的首頁(yè)上直接了解導(dǎo)師的研究領(lǐng)域以及聯(lián)系方式等一系列信息。在新版的師資隊(duì)伍的介紹中，將導(dǎo)師的信息分為不同的界面呈現(xiàn)，將導(dǎo)師信息模塊化。最先在首頁(yè)中呈現(xiàn)的是師資隊(duì)伍總體介紹，其次分別從導(dǎo)師的研究方向、職稱以及基本介紹等三個(gè)方面來(lái)呈現(xiàn)更為詳細(xì)的導(dǎo)師信息。

2.1 首頁(yè)界面功能介紹

在“新版山東師范大學(xué)心理學(xué)院師資隊(duì)伍界面”的首頁(yè)，在其最上面的標(biāo)題欄中單獨(dú)設(shè)置了“師資隊(duì)伍”，相比較原版界面將師資隊(duì)伍放在學(xué)院概況之下的情況，用戶在使用新版界面的時(shí)候更容易找到有關(guān)導(dǎo)師相關(guān)信息的介紹。

在新版界面的首頁(yè)上，從導(dǎo)師的姓名、職稱、導(dǎo)師介紹以及研究方向等方面對(duì)導(dǎo)師信息進(jìn)行了較為全面的介紹，用戶可以從首頁(yè)當(dāng)中直接得到導(dǎo)師的相關(guān)信息。并且，用戶可以按照自己的需求，通過(guò)點(diǎn)擊導(dǎo)師的姓名，進(jìn)入其個(gè)人主頁(yè)，了解導(dǎo)師其他更為詳細(xì)的信息。原版的師資隊(duì)伍的首頁(yè)按照職稱對(duì)老師進(jìn)行分類，僅僅呈現(xiàn)了導(dǎo)師的姓名，缺少了導(dǎo)師相關(guān)信息。在新版師資隊(duì)伍界面與原版師資隊(duì)伍界面的比較中，新版師資隊(duì)伍界面信息呈現(xiàn)得更加一目了然，用戶可以在短時(shí)間內(nèi)獲得大量信息。

另一個(gè)改進(jìn)之處在于，在新版首頁(yè)界面上加入了搜索框，用戶可以根據(jù)自己的需要，搜索自己感興趣的導(dǎo)師及其研究方向，以便使導(dǎo)師信息的獲取更加便捷。

此外，首頁(yè)界面另外按照導(dǎo)師研究方向、職稱以及導(dǎo)師基本介紹下設(shè)了三個(gè)分界面，從三種分類維度各有側(cè)重地呈現(xiàn)導(dǎo)師的信息，并對(duì)其進(jìn)行更加全面地整理，方便用戶對(duì)信息的查詢。

2.2 研究方向界面功能介紹

研究方向界面從心理學(xué)三個(gè)大方向來(lái)對(duì)導(dǎo)師進(jìn)行劃分，此外還詳細(xì)介紹了導(dǎo)師的主要研究領(lǐng)域。從研究方向來(lái)劃分，可以令導(dǎo)師信息呈現(xiàn)得更加系統(tǒng)化、專業(yè)化。其他高校同一領(lǐng)域的研究者，通過(guò)此界面快速了解山東師范大學(xué)心理學(xué)院研究開(kāi)展情況，以及各位導(dǎo)師關(guān)注的研究問(wèn)題，便于研究者間相互交流。因此，這一改進(jìn)具有一定的實(shí)用價(jià)值。

2.3 職稱界面功能介紹

此界面，根據(jù)職稱將導(dǎo)師分為教授、副教授、講師三類。此界面僅提供職稱與姓名兩項(xiàng)信息，極為簡(jiǎn)潔、清晰。利于用戶整體把握學(xué)院的師資力量，了解學(xué)院師資結(jié)構(gòu)。這一界面也是對(duì)原版界面的之中保留和延續(xù)。

2.4 導(dǎo)師介紹界面功能介紹

導(dǎo)師介紹界面是為了方便報(bào)考碩士研究生或申請(qǐng)博士生的用戶了解導(dǎo)師信息而設(shè)置的。在這個(gè)界面中，提供了導(dǎo)師職稱、主要研究領(lǐng)域、郵箱等基本信息。通過(guò)此界面，考生可以有針對(duì)性的根據(jù)老師是否指導(dǎo)博士生或碩士生，導(dǎo)師具體的研究領(lǐng)域自己是否感興趣等指標(biāo)選擇導(dǎo)師。如果發(fā)現(xiàn)了自己感興趣的老師可以通過(guò)郵箱與老師進(jìn)一步交流。也可以通過(guò)點(diǎn)擊老師的姓名進(jìn)入其主頁(yè)，對(duì)老師進(jìn)行更加全面深入的了解。

3 網(wǎng)站界面設(shè)計(jì)的可用性評(píng)價(jià)

3.1 堅(jiān)實(shí)可行的研究基礎(chǔ)

在對(duì)山師心理學(xué)院師資介紹界面進(jìn)行設(shè)計(jì)之前，瀏覽查閱了大量其他相關(guān)網(wǎng)站，包括中科院、北京大學(xué)、曲阜師范大學(xué)等學(xué)校心理學(xué)院官網(wǎng)的師資隊(duì)伍介紹界面，發(fā)現(xiàn)現(xiàn)存網(wǎng)站界面存在很多可以借鑒的系統(tǒng)設(shè)置，比如說(shuō)研究方向、研究小組成員介紹等，而以上所說(shuō)的這些學(xué)校的網(wǎng)站設(shè)計(jì)均是經(jīng)過(guò)大家認(rèn)可的、好評(píng)度較高的界面設(shè)計(jì)，這為我們之后對(duì)于山師師資隊(duì)伍界面的網(wǎng)站設(shè)計(jì)提供了可以借鑒的堅(jiān)實(shí)基礎(chǔ)。

本網(wǎng)站的界面設(shè)計(jì)是在綜合了大量?jī)?yōu)秀網(wǎng)站界面設(shè)計(jì)的基礎(chǔ)上進(jìn)行的此次設(shè)計(jì)，將多種優(yōu)秀設(shè)計(jì)元素相結(jié)合，同時(shí)對(duì)比其他網(wǎng)站以及對(duì)于受眾群體的調(diào)研規(guī)避了原有網(wǎng)站的缺點(diǎn)與不足，在此基礎(chǔ)上重新設(shè)計(jì)了山師心理學(xué)院師資介紹界面。相對(duì)于以往師資介紹界面，本研究所設(shè)計(jì)的師資隊(duì)伍網(wǎng)站界面研究基礎(chǔ)更堅(jiān)實(shí)，而且相對(duì)更新穎、更綜合，多種優(yōu)秀設(shè)計(jì)元素在原有山師心理學(xué)院師資隊(duì)伍介紹網(wǎng)站界面中的引入，可以幫助我們實(shí)現(xiàn)師資介紹界面面向受眾群體的多樣化和分析功能的全面化。

3.2 操作可用性評(píng)價(jià)

界面要具有有效性，且被試能夠高效率達(dá)到目的。首先，界面功能要全面，考慮用戶的偏好，切實(shí)滿足用戶需要；其次界面要操作簡(jiǎn)便，易學(xué)，常用操作按鈕要易于尋找以便于用戶根據(jù)自己需要快速找到鏈接，有鏈接的按鈕、文字等要有特殊標(biāo)志便于用戶尋找，允許可逆操作，允許恢復(fù)，可以返回上一界面；最后，界面要美觀，界面風(fēng)格要具有一致性，簡(jiǎn)潔和諧，符合用戶的思維模式等。

（1）原版山東師范大學(xué)心理學(xué)院師資界面略顯簡(jiǎn)陋，它隸屬于學(xué)院概況的欄目之下，師資力量只是該界面的一部分，不熟悉該系統(tǒng)的用戶如果想查看師資信息，則需要進(jìn)行探索，這一點(diǎn)對(duì)用戶來(lái)說(shuō)有些麻煩。在“新版山東師范大學(xué)心理學(xué)院師資隊(duì)伍界面”的首頁(yè)，在其最上面的標(biāo)題欄中單獨(dú)設(shè)置了“師資隊(duì)伍”，相比較原版界面將師資隊(duì)伍放在學(xué)院概況之下的情況，用戶在使用新版界面的時(shí)候更容易找到有關(guān)導(dǎo)師相關(guān)信息的介紹。而且，本研究涉及的新版山東師范大學(xué)師資界面功能全面，整個(gè)界面都是師資隊(duì)伍的有關(guān)內(nèi)容，相比于山師的界面來(lái)說(shuō)，師資內(nèi)容更加細(xì)化。

（2）原版的界面中存在當(dāng)前欄目的提示，方便用戶定位當(dāng)前所處界面的站內(nèi)位置。界面中師資力量的呈現(xiàn)以職稱分類，包括教授、副教授、講師及助教四部分，每部分呈現(xiàn)了具有相應(yīng)職稱的教師名單，用戶可以從中獲取職稱與教師姓名信息，但呈現(xiàn)的信息太少，需要用戶自己去探索其他信息，這很可能會(huì)增加用戶操作的難度，給用戶帶來(lái)不便。在新版的師資隊(duì)伍的介紹中，我們將導(dǎo)師的信息分為不同的界面呈現(xiàn)，將導(dǎo)師信息模塊化，考慮到用戶的偏好新版界面在左側(cè)列有研究方向、職稱、導(dǎo)師介紹三個(gè)按鈕，用戶可以根據(jù)自己的需求通過(guò)自己已知的信息在相關(guān)分類里進(jìn)行搜索。最先在首頁(yè)中呈現(xiàn)的是師資隊(duì)伍總體介紹，其次分別從導(dǎo)師的研究方向、職稱以及基本介紹等三個(gè)方面來(lái)呈現(xiàn)更為詳細(xì)的導(dǎo)師信息。從研究方向來(lái)劃分，可以令導(dǎo)師信息呈現(xiàn)得更加系統(tǒng)化、專業(yè)化。且每個(gè)教師的關(guān)鍵信息呈現(xiàn)出來(lái)，使用戶搜索了解個(gè)別教師信息更加高效，相比于原版界面，新版界面的功能也更加地全面，可以切實(shí)滿足用戶的需求。

（3）另一個(gè)改進(jìn)之處在于，我們?cè)谛掳媸醉?yè)界面上加入了搜索框，用戶可以根據(jù)自己的需要，搜索自己感興趣的導(dǎo)師及其研究方向，以便使導(dǎo)師信息的獲取更加便捷。這在用戶明確自己想要搜索的導(dǎo)師姓名情況下及大地提高了用戶的搜索效率。

（4）原版界面無(wú)法直接看出各個(gè)按鈕是否有下級(jí)鏈接，而新版界面中，常用操作按鈕都在易于尋找的地方以便于用戶根據(jù)自己需要快速找到鏈接，且有鏈接的按鈕、文字等要有特殊標(biāo)志。新版界面操作結(jié)果立即可現(xiàn)，且允許可逆操作，可以返回上一界面，一旦出現(xiàn)錯(cuò)誤，用戶也可以快速調(diào)整，逐步往正確方向前進(jìn)。其次，新版界面界面風(fēng)格一致，簡(jiǎn)潔和諧，符合用戶的思維模式等。

3.3 受眾群體多樣化

該師資介紹網(wǎng)站面向?qū)ο髷?shù)量較多且對(duì)象類型較為多樣化。首先，雖然本身山東師范大學(xué)心理學(xué)院學(xué)生數(shù)量基數(shù)并不是很大，但通過(guò)這個(gè)網(wǎng)站界面系統(tǒng)，可以給其他學(xué)院、其他學(xué)校提供參考依據(jù)，因此，受眾群體人數(shù)就會(huì)大大增加，不只包括查閱信息的群體，還包括瀏覽借鑒學(xué)習(xí)的群體。其次，本次旨在查閱信息的受眾群體不只包括山東師范大學(xué)心理學(xué)院本科生和研究生，同時(shí)還包括想要報(bào)考山東師范大學(xué)心理學(xué)院的高中生以及大學(xué)生。除學(xué)生以外，還包括想要報(bào)考山東師范大學(xué)心理學(xué)院的學(xué)生家長(zhǎng)以及山師本校和其他有心理學(xué)相關(guān)專業(yè)的外校。以上幾點(diǎn)均表明山東師范大學(xué)心理學(xué)院師資隊(duì)伍介紹網(wǎng)站的受眾群體數(shù)量多和類型廣的特點(diǎn)。

同時(shí)，根據(jù)對(duì)山東師范大學(xué)心理學(xué)院學(xué)生的現(xiàn)場(chǎng)調(diào)研發(fā)現(xiàn)，他們普遍認(rèn)為對(duì)學(xué)校師資隊(duì)伍的了解是非常重要的，不僅可以讓他們對(duì)自己老師的研究方向有一個(gè)更為全面的認(rèn)識(shí)，而且對(duì)整個(gè)學(xué)院的概況也能有一個(gè)基本的了解，但是山師心理學(xué)院現(xiàn)有的師資隊(duì)伍介紹網(wǎng)站不夠完善，內(nèi)容不夠一目了然，操作也不夠方便簡(jiǎn)潔，希望能出現(xiàn)更加系統(tǒng)清晰的介紹來(lái)代替，這樣會(huì)促進(jìn)學(xué)生對(duì)該網(wǎng)站的瀏覽與查詢量。同時(shí)，根據(jù)對(duì)今年剛高考完想要報(bào)志愿的學(xué)生進(jìn)行調(diào)研，發(fā)現(xiàn)他們同樣認(rèn)為師資介紹對(duì)于他們的學(xué)校選擇起到了很好的引導(dǎo)作用，更希望通過(guò)師資介紹了解各位老師的研究領(lǐng)域與方向，這是吸引他們報(bào)考的一個(gè)重要因素，而且在面臨多個(gè)學(xué)校選擇之時(shí)，由于時(shí)間緊迫，他們并不會(huì)詳細(xì)點(diǎn)開(kāi)某個(gè)界面具體研究，而只是在師資介紹的總界面進(jìn)行瀏覽，他們認(rèn)為山師心理學(xué)院師資介紹的界面過(guò)于簡(jiǎn)潔，信息不夠，對(duì)其吸引力不是很大。因此，通過(guò)對(duì)師資隊(duì)伍介紹頁(yè)面的改進(jìn)與完善可以妥善解決上述問(wèn)題，既能夠幫助學(xué)生更加方便的查閱到教師信息，又能增加學(xué)校網(wǎng)站的瀏覽量、吸引力與報(bào)考率。這些都將為山師師資隊(duì)伍網(wǎng)站市場(chǎng)提供巨大的支持。

10.16640/j.cnki.37-1222/t.2016.20.125