回上頁

中國信託金融園區

RWD友善手機瀏覽
實體活動1指速報名

往下 RWD友善手機瀏覽,實體活動1指速報名

網頁趨勢

RWD響應式網站

RWD 三字來自於 Responsive Web Design 的縮寫,中文又稱為適應性網頁、響應式網頁設計、回應式網頁設計、多螢網頁設計 這幾種說法。

RWD網站使用CSS3,以螢幕寬度百分比控制畫面的彈性變化,不同解析度自動變換頁面佈局編排,讓不同的裝置設備如桌機、手機、iPad…都可用最好的視覺體驗正常瀏覽網站。同時已被公認為是網頁設計開發技術的主流趨勢。

根據財團法人台灣網路資訊中心2018年台灣網路報告,行動上網突破七成(76.9%),使用手機隨時查詢資訊已是共同認同的經驗。

官網改版

官網目標

行動版網頁不是把
畫面等比縮小就好

沒有RWD的網頁,在手機版的瀏覽必須透過手指放大縮小的移動才能瀏覽網頁全貌,不好用的網站,無法有效率地傳達訊息,而且在Google SEO計分標準也將因不符合行動索引優先的標準而降低評分。因此不要再認為手機可以看到網站就好,更要注重是否符合行動裝置的瀏覽最佳化準則。

中信金融園區專案內容重點在於園區介紹、地點、交通資訊、建築景觀特色、商場資訊、冬天戶外滑冰場的線上報名機制,以下列出幾個RWD 網站的設計重點說明。

客製功能

園區地圖及店家資訊
呈現再優化

從大樓方位,樓層及來訪者需求,將園區地圖與店家資訊整合於同一頁面,滿足查詢需求角度。編排配置上也將隨著瀏覽裝置的變化,橫向自動變為直向。

園區地圖及店家資訊呈現再優化

線上報名

列表式資訊及
線上報名表格處理

RWD 網站與後台CMS (Content management system) 搭配,頁面設計大都以塊狀式資訊呈現,除橫直向變化外,在橫向則數亦可依據裝置寬度自動調整最佳顯示則數。

報名表格設計力求簡單,表格的高度應注意填寫資料從鍵盤到手指的使用經驗差異。

列表式資訊及線上報名表格處理 報名表格

活動行事曆

前後台搭配RWD版
活動資訊呈現

無論是單一場次還是多場次活動,網站都經過精心設計,以確保使用者能夠輕鬆瀏覽並快速找到所需資訊。流暢的界面與直觀的導航,讓查詢和報名過程變得格外簡單,用戶只需幾個點擊即可完成操作。不論活動規模或複雜程度,網站均提供一致的便捷體驗,讓每位訪客都能享受無縫的操作流程,從而提高參與度與用戶滿意度。

前後台搭配RWD版的行事曆活動資訊呈現 前後台搭配RWD版的行事曆活動資訊呈現