台北市各個區域租金,每坪租金,平均租屋分佈
功能介紹 :
網頁上方有四個按鈕，分別如下 :
1.平均每坪租金 : 按下"平均每坪租金"按鈕後，下方的直方圖以遞增的方式顯示台北各個地區目前每坪租房租的租金價格。
2.平均租屋坪數 : 按下"平均租屋坪數"鈕後，下方直方圖會變換 x 軸 與 y 軸單位，顯示台北各個地區目前租房的租屋坪數。
3.平均租金 : 按下"平均租金"鈕後，下方直方圖會變換 x 軸 與 y 軸單位，顯示台北各個地區目前租金的價格。
4.清除 : 按下"清除"鈕後，資料就會清除只剩 x 軸 與 y 軸。
台北市房租地圖 (製圖：林雅蓁、林美欣)
設計選擇:
此次設計選擇是直方圖來顯示目前台北市各個區域租金,每坪租金,平均租屋分佈，透過不同顏色的方式來劃分台北市各個區域租金，在按鈕的部分採用白底黑字的方式讓使用者能夠清楚方式互動，在資料的呈現方面採用遞增的方式更能顯示出價錢與區域的關係。
設計過程 :
設計的方式採簡單直覺方式讓使用者一眼就能看出圖形間的差異性，在按鈕的設計也是使用簡單的色系來與使用者互動，直方圖再出現的時候會以陰影在變換成設定的顏色，切換不同的按鈕x 軸 與 y 軸都會重新改變也是讓使用者了解目前所顯示的主題有所變換。
資料來源
好房網
不動產資料分析
案例分享