網頁趨勢
RWD響應式網站
RWD 三字來自於 Responsive Web Design 的縮寫,中文又稱為適應性網頁、響應式網頁設計、回應式網頁設計、多螢網頁設計 這幾種說法。
RWD網站使用CSS3,以螢幕寬度百分比控制畫面的彈性變化,不同解析度自動變換頁面佈局編排,讓不同的裝置設備如桌機、手機、iPad…都可用最好的視覺體驗正常瀏覽網站。同時已被公認為是網頁設計開發技術的主流趨勢。
根據財團法人台灣網路資訊中心2018年台灣網路報告,行動上網突破七成(76.9%),使用手機隨時查詢資訊已是共同認同的經驗。
官網目標
行動版網頁不是把
畫面等比縮小就好
沒有RWD的網頁,在手機版的瀏覽必須透過手指放大縮小的移動才能瀏覽網頁全貌,不好用的網站,無法有效率地傳達訊息,而且在Google SEO計分標準也將因不符合行動索引優先的標準而降低評分。因此不要再認為手機可以看到網站就好,更要注重是否符合行動裝置的瀏覽最佳化準則。
客製功能
園區地圖及店家資訊
呈現再優化
從大樓方位,樓層及來訪者需求,將園區地圖與店家資訊整合於同一頁面,滿足查詢需求角度。編排配置上也將隨著瀏覽裝置的變化,橫向自動變為直向。
線上報名
列表式資訊及
線上報名表格處理
RWD 網站與後台CMS (Content management system) 搭配,頁面設計大都以塊狀式資訊呈現,除橫直向變化外,在橫向則數亦可依據裝置寬度自動調整最佳顯示則數。
報名表格設計力求簡單,表格的高度應注意填寫資料從鍵盤到手指的使用經驗差異。
活動行事曆
前後台搭配RWD版
活動資訊呈現
無論是單一場次還是多場次活動,網站都經過精心設計,以確保使用者能夠輕鬆瀏覽並快速找到所需資訊。流暢的界面與直觀的導航,讓查詢和報名過程變得格外簡單,用戶只需幾個點擊即可完成操作。不論活動規模或複雜程度,網站均提供一致的便捷體驗,讓每位訪客都能享受無縫的操作流程,從而提高參與度與用戶滿意度。