上圖為圖書館舊網頁
各位同學大家好：
舊的圖書館網頁已經正式退休了，也已經將舊網頁所有的功能連結 移至 服務總覽 頁籤下，而舊的圖書館網頁目前放在首頁的 服務總覽 > 圖書館展示區 > 圖書館舊網頁（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...
Read more.
發表文章
