星期一, 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

1 意見:

blog marketing 提到...

飞龙搬家公司,是一家专业性北京搬家公司,企业诚信,员工搬运专业,是北京搬家公司行业的后起新秀,公司长期为搬家免费纸箱。欢迎重询!
公兴上海搬场公司是经工商,税务,交通部注册的一家专业性的上海搬家公司,诚实信誉,工作细心,服务热情;为上海搬场,上海搬家的企业,如有需求,敬请垂询本搬场公司
海胜数码快印有限公司,致力于数码印刷,诚实信誉,实力雄厚,技术专业,设备先进,设计新颖,是北京数码印刷行业中新秀一支,愿做北京数码快印需求者的忠诚合作伙伴!
佳佳乐月嫂服务中心,精心提供月嫂服务,育儿嫂服务,育婴师服务,本中心月嫂,育儿嫂,育婴师,均通过健康体验,经过严格培训,持
证上岗.
华夏国际机票预定中心,全程代销各航机票
,特价机票,北京特价国际机票,留学生机票,打折机票,打折的价格,增值的服务
, 国际机票预订中心精心哈护你的远航!
星云科技,诚信于教育;研究出电子起电机,语音室,语言实验
,数字探究实验室,数字化实验室,探究实验室,系列探究实验配套设施,望广大院校前来考察!
北凝科技,废汽,余热回收,热力除氧改造,凝结水
治理专家,其推出的,定连排,烟囱余热回收器,乏汽回收,低位热力除氧器,凝结水回收器,冷凝水,
等系列产品.
北京防水堵漏公司、专业承接防水
防水堵漏地下室防水地下室堵漏北京防水北京防水堵漏北京防水公司北京防水网.防水堵漏专家! 工作心细,滴水不漏!
 北京爱福石材养护有限公司是专业从事石材翻新,石材结晶,石材护理,石材清洗,石材养护的企业,专业提供:石材翻新,石材结晶,石材清洗,石材护理,石材养护,石材无缝处理,石材防护,石材防滑,石材病症预防处理,石材修补,石材日常保养等业务.服务专线010-82922015