不知道大家有沒有發現，最近政府網站開始大動作的進行RWD(響應式網頁)改版 ，例如：電子發票網站、中央氣象局…等，今天選了「中央氣象局」的首頁來和大家分享，透過哪些功能、元件的優化可以降低更多的操作難度。
相信有在搭配數據分析做規劃調整的PM都能漸漸發現，以PC瀏覽網頁的user逐漸下降，取而代之的是來自人手一隻的行動裝置，再進一步的分析，大家有沒有發現，in-app-webview的user也在大幅的提升(不過這又是另一個議題，有機會再來跟大家好好談談這一塊)。
當mobile first變成是user第一次接觸產品網站的第一線，行動版的網站就更為重要，而究竟要不要做RWD，其實也要審慎的為自己網站進行評估，若系統結構或使用流程過於複雜的網站，就強烈的不建議使用RWD，建議還是使用行動裝置網站(所謂的M版or Msite→每間公司的稱呼不同)來進行製作。
好！回到這篇的主題，今天在查氣象的時候，發現中央氣象局的網站終於改版了~~立即點了響應式的新版官網進去，可以看到截然不同的設計風格，以及更有重點的表達內容。
進到RWD的官網，相當煥然一新，明確的告訴user，你所在的城市，以及目前的溫度、降雨機率以及今晚到凌晨以及明天的天氣狀況，在第一屏裡該告訴你的都說明了，和過去一進到網站，用大地區做分類的內容，更能讓user第一眼得到自己需要的資訊(想必這個外包公司也是做足了功課)
這裡，我只針對第一屏的首頁進行優化，有些人一定會說，改得很好啊還有什麼好優化！如果會這樣說的人，那表示你PM的執著度還不夠XDDD
首先，我們看到了網站左上角的區塊，在PC版裡面，這些元件都需要mouse over才有辦法了解這些功能是要讓user做什麼。
另外要更換地區需要到畫面最右邊的台灣地圖，進行地區的點選，再來你可能需要對台灣各縣市的地圖相當熟悉，才能查詢到自己想要查的城市。
當操作了某個功能，頁面會做一些小提醒或是警告，但仔細看其實提示的位置實在相當不明顯，已經超出目前的視線範圍。
針對以上這些小地方，我做了以下的調整
- 針對左半部進行了重新排版與元件規劃
(1) 城市切換：除了可透過地圖進行切換城市以外，也可以透過下拉選單快速的找尋想要查詢的城市 (在Mobile版本，可以看到他們也是這樣操作，延伸應用到PC版，可以降低user對地圖操作的障礙)
(2) 重新調整加到最愛的功能，大家使用這麼久的PC Browser操作，都知道加到我的最愛是點擊星星，何不運用大家都知道的icon設計來呼應這裡的加到最愛呢？
(3) 查看這個城市更多的內容，利用向右的雙向箭頭來指引，其實在重繪的過程，也有想說使用文字的方式來引導user，但仔細想了一下，目前頁面的文字閱讀都是由左到右，此時有一段文字是從上到下的排列，是否會讓user頭昏腦障？ 但設計本身就非常主觀，在做網站或是優化前後，數據輔助判斷、驗證也是一件非常重要的事！
其實我個人是覺得下圖這個功能有點多餘，若這功能是老闆或業主強力要求的功能，或許可以在之後上線後，透過GA或是hotjar 等數據工具去分析判斷。
其實我常和後輩同事分享一個觀念
規劃網站需要把自己脫離規劃者這個角色，把自己當做使用者。
很多人都說這是一件很難的事情，但我認為這是需要不斷的練習，不斷的將自己丟進使用者的角色中，才會找到真正的問題中心。
回到我認為多餘的這個功能，原有的功能是讓user透過將某個地區加入常用城市，直接點選城市即可前往查看詳細的資訊；但PM追根究抵的精神就來了，使用氣象局網站的人，真的都會像使用天氣app的user一樣，會加入一些常往返的城市嗎？ 初步的解析，若這個平台只是單純的讓user做查詢，其實可考慮放棄這個功能！
不過，既然他們都做了這個功能，我們也來優化看看吧~
(4) 在未點擊編輯功能之前，user仍可透過點選城市的tag，前往該城市的詳細資訊頁，這裡我保留原有的設計。在編輯城市方面，利用編輯icon，讓user可進行常用城市的編輯，目前僅先設計了刪除城市的功能(這裡我刪除了「設為主位置」的功能) ，而直接default顯示第一個城市的資料。
這樣的設計可以減化頁面上過多重複的圖示功能
(5) 將功能提醒標示，移至視線範圍內；依現行的版面設計，最多只能接納4組城市，在4組城市滿了以後，仍保留加到最愛的功能，並將提醒的訊息移至user的視線範圍內，讓user可以更清楚的知道現在發生了什麼事。
(6) 重新調整了左半邊第一屏的內容，將原有日出/日落以及空氣品質的資訊拆分成左右兩邊，將更重要的空氣品質資訊放在左邊視線，將日出/日落的資訊移至右方；做這樣調整的主要原因是讓user不會被廣告所影響，可以更專注的看完整個城市所要呈現的基本資訊，最後才是長幅的廣告版面。
針對PC版的小優化建議就暫時寫到這裡，下一次再分享mibile版本的優化；整體來說，對於中央氣象局這次這麼大跳躍的改版，也讓我們漸漸發現，政府也開始慢慢重視數位使用者，也漸漸的願意讓專業的公司、單位著手進行調整。
在我過去經歷過金流(第三方支付)網站的建置、旅行社網站的RWD改版、以及某電商網站的UX實作，會發現當你越來越接近消費者時，才會知道真正的使用者比我們心中想像的還更不懂這些功能操作，所以學著如何撇除過於 fancy的設計與功能，找回最初、最直接的呈現方式，有時候也會有意外的收獲！
如果喜歡我的文章請用力的給我5連擊的👏
