聯合目錄網頁改版工作2005年12月

  進入聯合目錄團隊,接觸到網頁改版工作,團隊設定的改版目標為“尊重、不生氣”,這個目標可以涵括許多面向,同時要照顧瀏覽者(一般人、感官障礙者、專業背景人士)、內容提供者(各機構計畫)、網頁製作者的需求:

一、內容:現行聯合目錄的資料匯入工作是以Dublin Code十五欄位做資料匯入,當瀏覽者在網站以全文搜尋或DC搜尋時,因學名、俗名的差異,或沒辦法鍵入精準查詢字串,通常不是找不到資料,便是找到大筆數不相關的資料,如此瀏覽者容易挫折、難以呈現聯合目錄所擁有的豐富內容、也難以聯結內容需求者與內容提供者;團隊先前構想“關鍵字”及“特色藏品”便利搜尋方法,網頁改版工作在內容呈現上便注重於“關鍵字”及“特色藏品”欄位的首頁擺設,及在全文搜尋結果版面中改善“過濾器”(filter)幫助瀏覽者集中搜尋的區域,現行網頁過濾器有兩種,一為鍵入字符合“藏品資料內容”者,另一為鍵入字符合“分類架構名稱”者,前者會過濾出詳細但累贅的大串類別清單,所以改版工作將其功能改變為鍵入字符合“內容主題”並顯示筆數,以期循序漸進引導瀏覽者找到所需資料。

二、功能:現行網頁中 “時間分類”、“地理分類”功能雖然強大,但是因為典藏資料內容不全(典藏內容在時間、地理上不ㄧ定有意義,或資料缺少)、機構計畫匯入資料時間不一,造成有功能、內容,卻檢索不到資料的情況,或是檢索介面功能不夠直覺,在時間檢索的功能上,因需下載網站上提供的程式安裝後才能進行檢索,一般使用者害怕不明程式對電腦可能造成的損害,望而卻步,為了改善上述問題,將以Flash作為介面的開發軟體,以目前IE6.0使用者眾的情況下,可普遍解決下載程式的顧慮,並以“直覺使用”作為介面設計的主軸,設計出所見即所用的功能介面,當然,資料匯入的齊全,相信團隊將會全力督促自我及各機構、計畫,釐清機構、計畫對於資料未能在聯合目錄網站呈現及使用者對於數典計畫資料缺乏的誤解。

三、網頁程式碼:雖然CSS(Cascading Style Sheet)的網頁排版技術在Macromedia DreamWeaver2時便已問世,但是一直未能成為主流(至少在台灣如此),網頁設計師大多使用表格標籤(<table>、<tr>、<td>)分割網頁版面來製作目眩神迷的視覺效果,這種方法普遍存在改版不易、障礙者使用困難的問題;過去舊方法製作網站,每當要改版,如視覺呈現、頁面版型、網頁增刪等,都需花上大量的時間與人力去重新製作新的版面,網頁製作者重複著機械化的流程去生產網頁、變更一頁頁的程式碼,浪費許多時間與人力,障礙者面對一大串無意義的標籤、標記,網頁內被切割成難以理解,使用困難相對增加,甚至是無法使用;為了減少維護、改版所花費的龐大成本及便利障礙者的使用(可從行政院無障礙網路空間服務網http://enable.nat.gov.tw/index.jsp獲得相關規範),內容發展總計畫黃冠華為內容發展引進新的CSS技術,並且已在內部網站試行,聯合目錄的改版借重冠華製作網頁的經驗,以CSS排版技術進行所謂“文本分離”的網頁改版,現已將HTML標籤設置(文)、CSS排版(本)規劃完成,未來網頁維護與改版,在網站功能不變的情況下,只需變更調整CSS檔的內容即可完成整個網站的改版,而且在抽離CSS檔案後,可呈現完整的文字模式網頁,便利障礙者的使用,至於網站是否設計成“裝置獨立”(意指使用者能使用個人點選器,不是只能使用滑鼠等)之網頁,在子平為文時,並不清楚相關程式撰寫,將以此為目標,將聯合目錄網頁建置為真正的無障礙網站。

  因為子平於94年12月新加入團隊,對於事務並不熟悉,在改版過程中雖發展數個版型方向,但是幾乎中途夭折,經冠華的大力協助下,規劃目前告一段落,現將一個月來的工作經驗試述如下,以呈現未來網頁維護與改版可能發生的相同問題:

一、網頁使用不便的問題確認:現行網頁使用不便的問題多集中於建立、匯入資料的完整與否、介面操作直覺度、瀏覽者設定、資料呈現方式等,改版工作如果單從某一個問題切入,將窒礙難行,第一次參加地理檢索改版會議時-2005.12.5,就獲得“不是功能不好,是沒資料(地理意義而言)”的訊息,所以,雖然介面操作不夠直覺是現行地理檢索介面的缺點,但是沒有資料卻是致命關鍵,在這方面,團隊應反求諸己及機構計畫,不過,要求機構計畫在其數位典藏品標註地理位置有極大困難。

二、改版時間表與呈現內容的確立:二月份成果展迫在眉睫、冠華與資訊所工作繁重不能全時程支援聯合目錄改版工作的情況下,時間表和呈現內容確立更形重要,目前聯合目錄雖能及時將完整架構提交資訊中心置入程式,但時間表的建立意指在工作時間區塊中,團隊是否達成時間查核點的工作進度目標設定,目標設定應由團隊共同開會討論決定,例如網頁介面何時完成、與資訊中心開會的時間、如何進行聯合目錄網站宣傳等等;時間表和網頁呈現內容的訂定也關係到團員是否對於團隊工作內容熟悉,以我為例,不熟悉聯合目錄內容,思考版面內容呈現的擺設就有所侷限,一致的時間表就能修正個人執行專案的速度以符合進度。

三、最初且一致的文本,一致的命名:上文曾經描述這次的改版動作將以CSS技術作為主軸,進行所謂“文本分離”的改版設計,未來不論網頁的數量,CSS檔案只會有一個(意指HTML、PHP或JSP與CSS的關係是多對一,非一對一),在維護、改版事務上方便迅速,為達成節省人力、物力,不論採用HTML、PHP或JSP等何種語法,DIV標籤最初的劃分與命名事先規劃安排,嚴謹討論決定標記標籤的順序、ID、類別、開始與結束,CSS撰寫階層安排,在多人分工下,皆需有一致的規劃。

加入書籤
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Hemidemi
  • MyShare
  • Live
  • Technorati
  • TwitThis
  • RSS
  • Funp
  • Haohao
  • MySpace
  • plunk

回應

*
請輸入圖片中的文字
按下圖片中的文字取得錄音檔

Click to hear an audio file of the anti-spam word

  • Loading...


    Loading...

    Login






    註冊 | 忘記密碼

    Register





    A password will be mailed to you.
    登入 | 忘記密碼

    Retrieve password





    A confirmation mail will be sent to your e-mail address.
    登入 | Register