總統大選 & UI

Ted Deng
Ted Deng
Jul 10, 2017 · 4 min read

總統大選落幕,誰輸誰贏我倒是平常心看待,最讓我注目的是其實是各家開選票的顯示方式跟細節,這次可以說是百家爭鳴,看得很過癮,以下簡單分享一下。

CNN(RWD)

CNN 2016 總統大選網站連結

CNN 的每洲開票顯示方式與其他家不同,他用非常平均的區塊顯示,排列成美國地圖,對比傳統的洲區劃分,好處是過小的洲也跟其他州一樣容易被看見跟被點選,底下也標示清楚各個狀態代表什麼。

點選其中一個區塊,會展開第一階段的訊息,顯示該區的各個候選人得票率。

再點進去一層,進入第二階段的訊息,顯示該州個區的投票分佈。

手機版也能清楚地觀看訊息。

GOOGLE

Google 只要搜尋 election 2016 就能即時收看戰況,基本的資訊也是相當足夠,開票的夠即時又正確,但是在 UI 上比較少能去凸顯的地方,但是便利性跟即時性算是首選,並且沒有語言上的問題。

THE GUARDIAN

這間完全用 Pixel Art 來表現,算是在眾多開票網站中算是有創意的。

同樣還有 RWD 的設計,點擊各個人物還有垃圾話政見發表,算是一個小彩蛋。

日本經濟新聞

https://vdata.nikkei.com/newsgraphics/president2016-live/?n_cid=DSPRM1489

但是最後在視覺上,要頒獎給日本經濟新聞,絕對是所有開票網站裡面最狂的。

還有 RWD 喔wwwww

不愧是地球大總統的選舉,引起全球的關注,但是我比較失望的是 facebook 似乎沒有參一腳,雖然很多間新聞開 fb 直播開票,或是趣味投票,但是 fb 如果有投入的話,絕對是能主導整個大選資訊的分享量,也許跟他們的理念有關,也或許他們本身就沒有打算參戰,這也只有他們自己才知道了。

這是我目前看到的網站,如果有看到更狂的網站或 UI 也歡迎分享!

Ted Deng

Written by

Ted Deng

UI & Visual Designer @ COBINHOOD https://www.dcted.work/

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade