星期一, 4月 14, 2008

轉型-由「資料搜尋導向」轉為「服務導向」的圖書館新網頁上線囉~

題目:轉型-由「資料搜尋導向」轉為「服務導向」的圖書館新網頁上線囉~


上圖為圖書館舊網頁

各位同學大家好:

舊的圖書館網頁已經正式退休了,也已經將舊網頁所有的功能連結 移至 服務總覽 頁籤下,而舊的圖書館網頁目前放在首頁的 服務總覽 > 圖書館展示區 > 圖書館舊網頁(2007.02.15~2008.04.11)正式走入歷史囉。



上圖為圖書館新網頁
其實這次會要更新網頁除了最主要是為了:
1.讓同學易於使用,以明顯的圖示與簡潔的頁面讓同學容易注意到有哪些功能可以使用。
(有些四技四年級的同學也是看到了逾期罰款的圖示,才知道說:喔,原來圖書館網頁上可以線上「續借書籍」及「查詢逾期罰款」…冏~)

2.轉以服務為網頁主要訴求(推薦服務為進入網站的第一個頁籤),而不再是一堆頁籤分散同學使用的注意力。

3.將主要的服務抽取出來放大強調,另外,也將所有服務與功能連結收納於服務總覽 (純文字介面)。(這樣可以見樹,也可見林,讓同學知道有哪些主要的服務可以使用,也可以到服務總覽清楚看到所有功能的清單一覽表)


上圖為圖書館新網頁在 高螢幕解析度1440x900 下的抓圖畫面

還有其他的技術因素如下:
1.舊網頁只能在 1024x768 的螢幕解析度下才能正常顯示,一但高於此解析度,網頁的嵌入元件與圖表位置會亂掉。新網頁則修正這個缺點 ,新網頁即使到1440x900的高解析度下仍可自動調整網頁元件的位置,可完全正常顯示網頁。

2.我分析舊網頁(完整首頁)的統計資料,發現大約有每個月大約有4-6個頁籤的是滑鼠點閱率是最高的,代表同學的注意力,頂多4-6頁籤的設計應可達到最大的滿足點,所以超過六個以上的頁籤,會造成注意力的過度分散與點選的不踴躍。
( 後來我看到了「蘋果電腦(http://www.apple.com/)」的網站,也才恍然大悟,為什麼他們不使用超過六個以上的頁籤設計了。)

3.舊網頁只能相容於IE瀏覽器,若使用其他瀏覽器(如Firefox),則會造成元件的位置錯落。但新版的圖書館網頁已經設計成可以相容於所有主流的瀏覽器(如Internet Explorer、Mozilla Firefox ,Apple Safari,Greenbrower,Maxthon),用哪個瀏覽器,切換到多高的解析度應都沒問題。

4.Srink(縮減)、Hide(隱藏)、Enbody(賦加)-簡單化三法則。
4.1 Srink(縮減):
從舊版網頁的12個頁籤,降低為新版的4個頁籤,大大減少網頁維護與更新的難易度。也減少了同學在不同頁籤網頁中切換搜尋的時間。

4.2 Hide(隱藏):
一次若提供太多資訊與連結在一個網頁上,視覺上會覺得很雜亂,所以,我用Javascript+CSS寫出了四個實際頁籤,但是虛擬成單一頁籤(跟舊網頁的程式寫法觀念完全是逆過來的)。 同一時間,只會顯示一個頁籤,另外的三個頁籤則隱藏起來,但是當你切換成原本的頁籤時,該頁籤上的網頁內容仍然是你剛才看過的頁面的內容,並沒有重新loading該頁面(與傳統的網頁切換便要整頁重新讀取完全不同),故可以保留剛才閱讀過的畫面(比如說捲動畫面的位置都可以被記錄起來),也可以Cross- Reference(交互參照)。 (若是傳統網頁,一旦切換成另一頁籤,畫面就要重新loading,無法保留之前所瀏覽的頁面狀態與紀錄)

4.3 Enbody(賦加):
一次呈現的資訊量不會太多,而卻比傳統網頁是點選之後才loading的情況快很多。因為在你看第一個頁籤(推薦服務)的那幾秒鐘,後面三個頁籤已經將所有需要的網頁loading進來了,所以即使是有許多圖像,仍不會讓使用者覺得還需要等待網頁loading的情形。這算是我玩的一點視覺上的小魔術^^ (實際上是都要花時間loading,但是讓人感覺不出來其他頁面有在loading,這是我的設計的核心觀念 之一),也就是賦加了方便性與不用花時間等待的優點。

現在,請上網搜尋「和春技術學院圖書館」

您就可以看到以服務為導向,新版的圖書館網頁囉~~
希望新版的圖書館網頁能讓大家得到更多的服務,與得到更多的方便。

撰文者:圖書館館員 鄧世昌

參考文獻:
1.『從簡單的法則發現簡單的藝術』,
網址: http://blog.pixnet.net/birdpool/post/14538185
2.『簡單的法則』,作者:前田約翰(John Maeda) 
網址http://www.books.com.tw/exep/prod/booksfile.php?item=0010358782

HEMiDEMi Technorati Del.icio.us MyShare個人書籤 Yahoo

0 意見: