2014-11-29

評即時開票網站

選舉日的下午剛好沒事,所以找點事情作,於是就想來分析比較一下各個即時開票網站的 UI / UX / whatever… [逃]

選了六個網站,分別是:

前面是電視媒體的網站、後面是平面媒體的網站,至於其他先後順序完全無意義。

觀察時間從 16:2x~18:2x,環境為 Win7 + Chrome 39(沒有任何 plugin),螢幕解析度是 1920 * 1080。基本上只評論輸入網址後看到的東西,沒有參雜其他操作。

TVBS

  • 首頁顯示範圍:台北市長
  • 顯示台灣地圖:無
  • 手動更新按鈕:有
  • 最後更新時間:有
  • 得票比率的文字或圖表:無
  • 資料來源:沒有明確列出

提供的資訊量很少,完全沒打算提供其他圖表輔助。layout 簡單到差點以為看的是放大過後的手機版(說不定還真的是 XD)。

三立

  • 首頁顯示範圍:台北市長
  • 顯示台灣地圖:無
  • 手動更新按鈕:無
  • 最後更新時間:無,但有顯示幾秒後刷新。
  • 得票比率的文字或圖表:無
  • 資料來源:三立、TVBS、民視、中視、中選會

提供「xx 秒後刷新」的資訊遠比顯示「最後更新時間」來得好(根本沒列出最後更新時間的網站,去死吧 [指])。提供的資訊貌似很多,但只是列出不同資料來源的開票數,實在沒太大意義。

layout 中規中矩,不太能吐槽、但是也找不出可以稱讚的部份。

東森

  • 首頁顯示範圍:六都、每區最多顯示三位候選人得票數
  • 顯示台灣地圖:無
  • 手動更新按鈕:有
  • 最後更新時間:應該沒有
  • 得票比率的文字或圖表:無
  • 資料來源:應該是多家,挑某一家的資料顯示

網頁技術大概是六個網站當中最落後的,PHP 不意外 [喂]。懶得用一些工具檢測,純粹肉眼觀察可能不太準確,但大抵上「資料更新」是整個頁面重新 refresh(WTF),然後 server 似乎又不夠強壯、static resource 可能也沒塞 cache 相關 header(WTF),常常 CSS 沒 load 進來導致頁面裸奔、圖檔出不來。甚至看到好幾次某一塊區域資料出不來還出現很 raw 也很 low 的 database error 訊息。

layout 也一無可取之處,藍綠色底圖固定在最上頭、高度居然只有大概 800px 左右,以下全部留白。真不知道到底是哪家網頁公司可以在這年頭做出這樣子的作品而且東森居然還讓他驗收過……

自由時報

  • 首頁顯示範圍:基隆、台北、台中、彰化、雲林、嘉義、澎湖。每區均顯示全部候選人得票數
  • 顯示台灣地圖:有
    • 移到各縣市會跳出 tooltip 顯示該區全部縣市長候選人的得票數
    • 點選後列出八個資料來源的得票數、轄內行政區地圖
  • 手動更新按鈕:無
  • 最後更新時間:有,而且是各區各自獨立的更新時間
  • 得票比率的文字或圖表:無
  • 資料來源:七都資料來源不盡相同,例如台北市用 TVBS、台中市用中天。

整體看起來挑不出什麼毛病,畫面乾淨、運作正常、layout 簡單但是一目了然…… 都在正常水準之上。唯一的問題就是為什麼要列那七個縣市?既不是六都、好像也不是激烈戰區,完全看不出選擇依據…… [抓頭]

聯合報

  • 首頁顯示範圍:直轄市、縣市候選人全部列出
  • 顯示台灣地圖:有
    • 移到各縣市會跳出 tooltip 顯示該區全部縣市長候選人的得票數
    • 無法點選
    • 地圖可以放大縮小,但是沒啥變化。
  • 手動更新按鈕:無
  • 最後更新時間:無
  • 得票比率的文字或圖表:長條圖
  • 資料來源:沒有明確列出

聯合報最大的敗筆就是那張地圖。有一堆無謂的功能(DnD、縮放)沒有給予對應的效果,然後操作反應緩慢、縮放之後 DnD 還有可能自己跳回去 default 的縮放 level…… WTF

聯合報的亮點在於他有提供長條圖、還幫忙算出 / 畫出「預估當選門檻」的灰色虛線,讓開票不是只有數字 / 比率跳動,還能讓人體會到「還剩多遠」的目標感。

中國時報

  • 首頁顯示範圍:六都目前最高票的候選人
  • 顯示台灣地圖:有
    • 移到各縣市會跳出 tooltip,顯示領先的候選人以及政黨得票率
    • 點選後列出前三名候選人得票長條圖、政黨得票圓餅圖、轄內行政區地圖
  • 手動更新按鈕:無
  • 最後更新時間:無
  • 得票比率的文字或圖表:文字顯示得票率
  • 資料來源:沒有明確列出

唯一徹底以政黨為呈現角度的網站、也是唯一用即時開票資訊在地圖上顯示領先政黨顏色的網站。是好是壞很難講,也許對於台灣民眾來講反而直覺有效?另外只顯示領先者的得票數、得票比率,我覺得不是很好的設計。

資料更新似乎也是整頁 refresh(有 blink、relayout 的現象),但呈現效果沒有像東森那樣悲劇就是了。

其他

自由時報跟中國時報的地圖都是用 SVG 作的(聯合報懶得看),我們終於徹底脫離 Flash 了嗎? XD