2010年9月10日 星期五

創新精神,再進化!

emg分享案例:
2010光寶創新獎活動網站設計

案例簡介:
已邁入第十年的光寶創新獎,提供了青年學子一個自由創作的科技舞台,並邀來國際設計大師擔任評審,擴充該獎項的格局和視野;2007年,光寶創新獎更將自己定位為「華人設計界的奧斯卡獎」,舉辦方針朝向世界大獎的目標邁進。

2009年,名象有幸獲得「光寶創新獎-人氣王票選活動網站」製作機會,今年則接下整體活動的網站規劃,挑戰較去年更為加倍,不僅在視覺上要符合「綠海。進化」的主題,也因應環保e化精神,在功能上做出了創新突破。

2010光寶創新獎活動網頁首頁。
共有三種語言介面可供選擇,左上方的活動文案,也使用Flash呈現三種語言版本。

設計重點:
2010光寶創新獎網站設計理念以主視覺 (由「兜創意」設計) 為元素,除了獎項沿革、競賽規則等訊息外,整體設計乃以參賽者為主軸,讓使用者介面 (UI) 達到最佳化,使活動網站不只是資訊呈現與取得的地方,也可成為參賽者的好幫手。

點選語言版本後,進入之首頁。
上方以一排功能選項,帶出獎項訊息、競賽主題等資訊;中央的動態圖片顯示重要新聞;下方的「最新訊息」提供更詳盡的文字補充。右下方「人氣王票選」則為票選期間特別規劃的區塊,便於民眾投票,更有催票的緊張感。

基於上述的設計理念,今年參賽者專區有以下幾點的創新設計:
1. 為落實主辦單位愛地球原則、取消傳統的裱版審查過程,而打造了e化平台:參賽者可直接由網站上傳參賽作品的電子裱版圖。
2. 參賽者可在網站任何頁面登入。
3. 參賽者可由參賽作品列表得知所填資訊進度 (如:裱版圖是否上傳) 與賽程進度 (如:作品是否入圍)。
4. 可在登入後於原登入區塊得知最新競賽進度 (如:目前是否已進入評選時間)。

內頁:最新消息。頁面最下方有社群分享功能,增加活動訊息傳遞的靈活性。
 
參賽者登入後,可自行上傳參賽作品並進行管理。

因創新獎活動時間長達半年以上,避免整體網站於活動後期予人單調的感覺,在特別規劃首頁可由網站管理者自行更新的Flash Banner圖文區塊,隨著活動的不同階段,替換相呼應的內容並讓Banner可連結至相關的網站資訊頁面。

在活動後期的人氣王票選活動,以Flash動態方式增加使用者在瀏覽票選作品的便利性,以及票選公平性,在投票時若為參賽者可協助將個人資訊帶入投票頁節省投票時需重覆填寫個人資料的時間。

人氣王票選設計。藉由目前人氣排行榜,讓參賽者能掌握自己作品目前的支持度,進行拉票。

人氣王參選作品。

此次光寶創新獎活動網頁設計,從綠化為出發,再進化到符合參賽者使用的人性需求,不論頁面規劃、功能/程式的設計,都感受得到名象網路事業部同事們投入的努力。從前期製作,到每個活動階段不同需求的展現,不只展現設計上的專業,也肯定了我們在執行力、配合度的表現!