top of page

WHAT THE DATA!
Taiwanese Data related Projects Integrating site

台灣發生什麼數

UIUX設計、RWD介面

2021

what the data image.png

專案背景

台灣發生什麼數?

Re-lab作為一間將數據整合成有趣好玩的資訊圖表公司,一直專注於讓數據變得平易近人、好玩、且美麗。

在過往的專案中,Re-lab累積了各式各樣關於為了呈現台灣數據的各式主題:其中涵括了活潑易懂的社群媒體「what the data」、探索台灣20年間好壞數據的出版物「台灣數據百閱」、帶領使用者重新以遊戲方式真正認識數據的「數據好朋友」、考驗使用者對於台灣數據認識程度的測驗「台灣認知大考驗」... 我們集結了將近10個專案以及數據相關的文章們,彙整並以有趣的形式呈現出來 - 這個網站便是「台灣發生什麼數」。

user story 2.png

台灣發生什麼數 user story

user map​

網站架構

​​大眾認知「艱深難懂」的數據,在這個網站變成了一座吸引人探索的小島,我們期待使用者在這個網站上的各個區塊探索的時候,都能發掘數據引人入勝的地方。

台灣發生什麼數地圖架構.png

主要主題入口地圖

​設計概念

入場動態

大家一想到「數據」,聯想到的感覺可能都是嚴謹及精明的,但在這個網站,我們的文案口白「島懶員」,取自諧音「島懶」,呈現出的是樹懶有點懶懶有點chill的語氣,跟數據給人的感覺恰巧呈現出一種調皮的對比,因為我們希望翻轉數據給人的既定印象,有了「島懶員」的帶領,大家都可以輕輕鬆鬆地穿梭在數據之中!

​設計概念

頁面架構一致性

這是在規劃此網站視覺遇到的一大挑戰:彙整過去累積的各種專案,而因為這些專案彼此之間的主視覺風格有相當大程度的差異,以不影響原本的主視覺呈現為前提,將它們和諧的整併在一起,同時又要考量工程師製作上的可擴增性,經過好幾次的修改優化,我們以由上往下「封面圖片 > CTA按鈕 > 專案說明 > CTA按鈕」的順序呈現這些頁面,並且在背景裡使用該專案的視覺素材做搭配,為了達到「即便各專案視覺風格不同,但使用者仍知道自己在同一個網站裡」之效果。

架構說明.png

​總結&反思

好玩且架構清楚的彙整網站

網站主軸定義為「好玩,要怎麼同時清楚地引導使用者在其中探索?

  1. 好玩意象呈現
    - 扣合數據」小島」意象 -> ”火山“、”數學符號“、”紙張“
    - 扣合好玩」意象 -> 各式動圖,並以”手寫字“呈現各主題

  2. 引導使用者
    - 島懶員輕鬆語氣說明引導,扣合「好玩」氛圍,帶領使用者進入數據小島
    - 一致的架構呈現,幫助使用者可預期專案呈現架構,不至於混亂

好玩架構示意圖.png
bottom of page