城市開創 x 今周刊 | RWD一頁式網頁設計
Background

適逢各縣市首長正式上任屆滿一百天,以城市開創為主題,採訪各縣市首長對於自身縣市的了解以及未來展望,為一頁式RWD網頁形式。

主視覺以「科技感」為主題,以火箭發射為象徵開始著手設計。



My Role
Web UX / UI Design | Visual Design | Logotype
Logotype

製作時遇到的問題:

在『首長專訪』的部分,

PC版上是以一個完整的台灣地圖讓User選取不同的縣市區塊來切換右側的介紹內容,

但是在手機版上也採用放置一個台灣地圖的則會有一些問題點:

1.放置大大的地圖:雖然礙於手機直式瀏覽的空間有較多的限制,但還是希望User能夠在一屏之內就可以看見選擇處且能直接應對到介紹內容,若是放置台灣地圖,光是地圖的版面就會佔滿一屏的畫面,User操作時會變成點選地圖之後會發現不了地圖下方的文字內容,而閱讀完所選縣市的文字內容後,也需要往上滑才能回到地圖區塊來作切換,這樣的操作稍嫌麻煩且不夠直覺。

2.放置縮小的地圖:點選的縣市區塊會太小,手指難以操作!

解決方法:

最後在與主管以及PM討論之後,捨棄了在手機版頁面放置地圖的想法,直接改成了以下拉選單方式來選擇不同的縣市,這樣的操作方式既直覺又方便,且達成將內容集中在一屏內即可操作的想法。

此網頁目前還在線上,連結如下:

https://reurl.cc/jdVvN1


謝謝你的閱讀!

This site was made on Tilda — a website builder that helps to create a website without any code
Create a website