[網站設計]數位典藏與數位學習 國家型科技計畫 - 網站使用性介面設計競賽(2010.05.31)

截止日期：2010.05.31

ACER T230H 23吋寬多點觸控FullHD_HDMI液晶顯示器
指導單位：
行政院國家科學委員會「數位典藏與數位學習之學術與社會應用推廣」之人文與社會發展子計畫

主辦單位：
國立交通大學傳播研究所
協辦單位：
台大新聞所、政大廣電系、中正傳播系

一、競賽目的
藉由改良現有之數位典藏網站設計的過程，以推廣使用性的概念。

二、競賽主題
參賽者可從下列八個數位典藏網站中擇一，針對該網站之介面設計及使用性等網站構成元素進行設計及改版。在網站內容部分，不列入評分標準，參賽者可採用所選定之數位典藏網站內容，但須標明出處；網站介面設計之美感和使用性才是本競賽評選之重點，參賽者可盡情進行創意發想及製作。

• 
  Apple MacBook Air 13吋 1.86GHz 120GB台灣原住民數位典藏
• 山海文化台灣原住民文學數位典藏
• 國立台灣博物館－原住民數位典藏
• 台灣民族誌數位影音典藏
• 中研院民族所數位典藏
• 公民行動影音紀錄資料庫
• 台灣外省人生命記憶
• 榮民文化網

三、獎項及名額

HP EliteBook 8440w(WP369PA) 超強四核獨顯尊爵機(一)第一名：
獎金新台幣15,000元，得獎作品將公布於《數位典藏與數位學習國家型科技計畫》網站之首頁。
(二) 第二名：
獎金新台幣10,000元，得獎作品將公布於《數位典藏與數位學習國家型科技計畫》網站之首頁。
(三) 佳作2名：
獎金新台幣5000元，得獎作品將公布於《數位典藏與數位學習國家型科技計畫》網站之首頁。

四、參賽資格
舉凡對網站設計有興趣之國內外團體或個人，不限年齡、職業及性別皆可以個人或團體形式報名參加。


★設計的法則★當代設計演化論★設計大師談設計五、重要時程
(一) 宣傳報名期間：2010/05/01-2010/05/31
(二) 作品繳交期間：2010/06/01-2010/07/31，以郵戳為憑
(三) 得獎公告時間：2010/08/15

六、報名方式
本競賽採線上報名方式，請在報名期間內連結至以下網址進行報名作業：http://registrano.com/events/172beb

七、繳件方式
(一) 繳件地址
郵寄繳件截止日為2010年07月31日(以郵戳為憑)，請參賽者於繳件期間內將作品以郵寄方式寄至”新竹市大學路1001號人社二館一樓傳播研究所”收，並於信封上註明【數位典藏與數位學習國家型科技計畫─網站使用性介面設計競賽】及【參賽者姓名】。


◇Ann’S◇隨興風格~鏤空設計綁繩靴型涼鞋＊黑(二) 繳件內容

1. 1.作品光碟內容
• (1) 完整網站：
• 頁面建議解析度 1024x768。
• 首頁檔名需設定為index.htm或index.aspx(小寫)，所有檔案名及資料夾名稱需用英文命名。
• 須在Windows及Mac OS作業系統下正常執行，並可以IE、Firefox等瀏覽器進行瀏覽
• (2) 網站企劃書：
  檔案格式：pdf檔
2. 2.作品紙本內容─網站企劃書網站企劃書內容須包含：
• (1) 競賽主題：
• 
  【Lee】黃立行 - 男女精選 襯衫 T恤 任選2件$999台灣原住民數位典藏
• 山海文化台灣原住民文學數位典藏
• 國立台灣博物館－原住民數位典藏
• 台灣民族誌數位影音典藏
• 中研院民族所
• 公民行動影音紀錄資料庫
• 台灣外省人生命記憶
• 榮民文化網
• (2) 設計理念
• (3) 網站架構樹狀圖 (如下圖所示)
3. 參賽同意書 (紙本)
   
   Wii主機+Fit Plus同捆+左右手+感應器+15合1請至下列網址http://oron.com/gfmb5scc1w4b/網站使用性介面設計競賽_參賽同意書.docx.html下載「參賽同意書」填寫，所有參賽成員均須簽名並附上身分證正反面影本。
4. 使用性評估量表 (紙本)
   請至下列網址 http://oron.com/50d5ingq7pn5/ 使用性評估量表.docx.html下載「使用性評估量表」，待網站設計完成，請至少2-3名使用者實際操作該網站，並填寫此「使用性評估量表」，一位使用者填寫一份「使用性評估量表」，最後將所有「使用性評估量表」一併繳交。

八、評選標準
(一) 網站視覺美感呈現30%

版面安排
接近(proximity)	接近原則的基本目的是組織，一旦版面經過組織化，能產生更多吸引人且適當的留白美感。
對齊(alignment)	對齊原則強調，將每個項目並列對齊在頁面上，成為一個結合性單位，目的是整體性與組織化，利用一視覺上線條，將版面每個部分連結一起，產生所謂的整體性美感。
重複(repetition)	重複原則主張重複某些部份已貫穿整個作品，可以視為一致性的概念，其目的是達到整體化與增加視覺趣味性。
對比(contract)	對比原則指兩個不太相同的項目，應該盡量讓他們產生差異化，其目的是產生版面的趣味性吸引人及組織性。
字體設計
大小	運用字體大小產生對比，增加視覺上的美感
重量	利用畫筆的粗細產生變化美感
結構	利用不同字體家族的結構差異產生對比
形式	不同的字母形狀會產生不同的視覺效果
方向	字體傾斜的角度產生對比的美感及趣味性
顏色	適當運用冷暖色系組合，吸引人視覺的注意力
圖像
視覺化程度高
視覺效果的一致性
圖片完整性
在單獨的頁面上不要包含過多的大型圖片
不要讓背景顏色或圖片模糊了文字的內容

(二) 網站使用性50%

Jakob Nielsen十項使用性評估指標
評估指標		衡量準則/屬性
1	系統狀態是可見的	使用過程中系統應讓使用者清楚了解目前系統狀態，在合理時間範圍內給予適當回應。
2	系統與實際使用情況是相近的	系統中用詞、概念與呈現方式應呼應使用者實際使用情形。
3	系統給予使用者極大自主權	系統給予使用者極大的自主權，在選擇錯誤的當下可立即回復原始狀態或重新開始。
4	系統設計一致且符合標準	系統中的使用辭彙、狀態與動作所代表之意涵應具有一致性。
5	系統中的錯誤是可預防的	降低錯誤發生率或系統提供使用者送出指令前再確認的機制，有助於降低錯誤發生率。
6	使用過程中可辨識而非依靠記憶	介面設計是容易識別的，使用者不需特別記憶。系統使用說明應隨時可見且方便查詢。
7	使用上具彈性且有效率	無論是首次使用者或有經驗的使用者皆可在網站上找到符合其需求之使用方式。
8	設計具美感且簡潔	畫面應簡潔，避免不必要資訊的出現干擾使用者。
9	協助使用者了解、診斷並修正錯誤。	所顯示之錯誤訊息應已使用者易於了解的方式呈現，清楚地指出錯誤之處並提供修正方法。
10	線上輔助與文件	提供線上協助，供使用者在任務進行過程中查詢。

(三) 企劃書內容：20%

九、目前暫擬的可能評審名單

視覺設計權威

黃格崇 雲科大數位媒體設計系暨設計運算研究所助理教授 專長：形象系統規劃、教學媒體系統科技、設計教育系統

許峻誠 國立交通大學 傳播與科技學系 助理教授 專長：影像美學、視覺設計

內容專家

羅世宏 國立中正大學傳播學系專任副教授 專長：全球化研究、傳播社會學、傳播政治經濟學、媒體政策

互動設計

鄧怡莘 國立交通大學應用藝術研究所副教授 專長：設計方法、設計運算化、電腦輔助設計、感性工學互動設計、介面設計

林崇偉 國立交通大學傳播與科技學系林崇偉助理教授 專長：數位典藏、人機互動

資工背景

李奇瑋 元智大學資訊傳播學系助理教授 專長：網際網路、影像處理、程式語言、虛擬實境、電腦圖學、人工智慧

更多資訊：

• 數位典藏與數位學習 國家型科技計畫－網站使用性介面設計競賽 @ Registrano