JavaScript is required

關卡資訊關卡資訊

Mission 1 - 立委競選官網

影音介紹

各組別投稿時間

UI 組投稿區間:10/30(一) 12:00 PM ~ 11/9(四) 12:00 PM

前端組投稿區間:11/9(四) 12:00 PM ~11/19(日) 12:00 PM

User story (使用者故事)

一位正準備競選的立委候選人,需要好的形象官網,為他塑造好的形象,使用者故事如下:

  • 我是台灣人,我想從網站的首頁,獲得立委的政見主張資訊
  • 我是台灣人,我想從網站的首頁,明確看到小額捐款的指引(call to action)

立委文案提供

為避免授權爭議,立委資料請用虛擬人物為代表,大會這裡有準備了一個 立志為貓咪謀權益的虛擬候選人文案,可以參考 notion 網頁文案 來設計介面,並可透過 AI 產圖。

資源提供

大會有 Google 到一些立委與總統與候選人的競選官網,提供給會眾參考,以下用筆畫進行排序:

立場聲明

本屆大會並無與任何政黨合作,歡迎各政黨組隊投稿參賽 🙌
若參賽者有影射或謾罵立委行為,大會將保留退稿權益

版權宣告

建議參賽者以虛擬立委人物進行投稿,若要挑選真實立委候選人,需在投稿處欄位提供是否有獲得授權。

Mission 2 - 總統即時開票全台地圖

影音介紹

各組別投稿時間

UI 組投稿區間:11/9(四) 12:00 PM ~ 11/19(日) 12:00 PM

前端組投稿區間:11/19(日) 12:00 PM ~ 11/29(三) 12:00 PM

User story (使用者故事)

參賽者來設計總統大選數據圖表呈現

  • 我是台灣人,我想透過圖表檢視市、區、里的歷史數據分布
  • 我是台灣人,我想透過手機、PC 也能友善地獲得歷史選舉資訊

關卡資訊

顯示總統歷史大選數據,在圖表呈現方式上,可以嘗試用圓餅、長條、3D、台灣地圖等等形式來進行設計。

在資料來源,僅能用以下兩種方式來設計:

  1. 參考任一屆的中選會歷屆總統資料,亦可整合多屆進行歷史數據比較

    1. 1996 年
    2. 2000 年
    3. 2004 年
    4. 2008 年
    5. 2012 年
    6. 2016 年
    7. 2020 年
  2. 總統候選人與數據皆為虛擬人

    Q:是否可以用目前總統候選人做為示意?

    A:避免違反選舉罷免法,這部分請不要用 2024 總統候選人,以避免撞到選舉緘默期,影響選舉公平性

圖表靈感資源提供

給 UI 設計師的資源,可觀察除了各地區得票數外,還提供實用數據資料方便民眾分析

給前端工程師的資源

評審門檻

僅限 Web 瀏覽器應用來開發, Android、iOS APP 不在本活動評審範圍內

評審機制

初選:將由六角學院前端、UI 評審進行第一波篩選,並於 12/8(五) 公布佳作、入圍名單

決選:針對入圍獎進行最後篩選,並於 12/22(五) 由評審進行直播公布名單!

以下為各組評審權重介紹,但評審仍可依個人喜好,進行自由加分。

前端個人組評審權重

  1. 操作可行性 50% (介面是否好操作)
  2. 前端程式碼 Code Review 50% (架構可讀性、功能完整性)

UI 個人組權重

  1. 主題適切性 33%
  2. 使用者體驗 33%
  3. UI 視覺設計 33%

團體組

  1. UI/UX 設計 45% (UI 介面設計是否傳達清楚)
  2. 操作可行性 50%

權重說明

  1. UI/UX 設計:使用者介面 / 體驗是否符合需求
  2. 操作可行性:前端技術與 UI 整合之可行度,未來之擴充與穩定度

評審門檻自我檢核表

參賽者可透過下表進行自我檢核,評量是否有達到參賽條件:

UI 個人、團體組

  • 是否主題符合「使用者故事」
  • 是否有在期限內投稿
  • 選填加分:請在標示文件上,提供設計理念、額外擴充 UI 功能介紹,形式不拘
  • 選填加分:設計交付文件是否完整,能夠讓工程師理解,例:網格系統、主色輔助色

前端個人、團體組

  • 是否有將程式碼上傳到 GitHub repo ,GitHub commit 將以最近一版為準進行評審檢視,未在期限前有 commit 紀錄視同放棄
  • GitHub repo 需附上 README.md (範例) ,附上是否有整合第三方服務、並簡述程式架構,提供執行流程方便評審檢視
  • 是否有在期限內投稿
  • 若您是前端個人組,請勿使用團體組 UI 來投稿

備註:假使您志在參加,想專注練自己想練的,也可投稿,但就不在評審範圍內