付費限定
方格精選

網站設計也該與時俱進了:你RWD了嗎?/解聰文

更新 發佈閱讀 4 分鐘

這年頭的網站可以清楚分成兩類:一種是針對現今行動趨勢來做的設計、另一種則是仍在沿用15年前的樣子。今天,網站對於SEO(搜尋引擎最佳化)和跨載具的需求,早已和當年天差地遠;那些仍然沈睡在過去的網站,都早已該改頭換面了。

解聰文
師大國文研究所博士及台大企管碩士,曾任職於奧地利駐台商務代表辦事處;目前是格博品牌行銷公司合夥人,同時擔任品牌國際化及數位行銷資深顧問。tuna.toa

raw-image

一些企業對於投資網站改版的腳步之緩慢,往往令人瞠目結舌。如果你已經不再使用15年前的商品目錄版型,為什麼還會繼續沿用舊的網站架構呢?這些企業換商標logo的速度,恐怕都比更新網站還快吧?

最近我們在亞洲做了一個調查,發現:

有多達27%的企業網站是在2005年之前設計的。

以網路時代的比例來看,2005年到現在大概相當於真實世界裡的1,000年吧。

有許多企業都不知道,改用較具現代感、並且針對載具不同而自動改變版型的回應式設計(responsive web design,簡稱RWD),能對顧客的印象和體驗帶來多大的影響。

响应式网页设计 - 维基百科,自由的百科全书
对于能力更强的移动电话和 PC,可以直接测试浏览器对 HTML/CSS 功能的支持 (识别设备或者用户代理字符串) 的 JavaScript 框架如 Modernizr, jQuery 和…zh.wikipedia.orga

如果您的企業還不太清楚RWD是什麼,以下就是一些重點提要:

以PC作為主要上網工具的時代已經過去

現在,網路上有超過85%的流量來自行動裝置;所以,現在光是「有個網站」是不夠的。網站必須能隨著顯示技術和市場需求持續進步。換言之,應該是:

由上網裝置的演進,決定網站應該是什麼樣子。

目前,RWD設計已經成為網站不可或缺的必要條件;不具備這種「適合行動裝置」設計的網站,甚至會被搜尋引擎降低評等。也就是說,你的網站會被放在(相對於競爭對手)比較後面的位置、也比較難搜尋到產品。

你不妨回頭看看自己的上網習慣:往往是在搭交通工具、候診、或是閒坐時用手機或平板電腦瀏覽;現在典型的使用者行為,大概也都是這樣。

要在標準版網站之外另外做個獨立的行動版,是費錢費工的事情;不僅有更多網頁要維護,而且流量也會被分掉。所以,如果在設計時就考慮到RWD的作法,就可以省掉這些麻煩:用單一、簡潔、功能同樣完整的版面專供行動裝置使用。

從另一個角度來說,所謂「行動」的情境,就是「使用者沒有鍵盤、也不想輸入太多資訊」;所以要讓網站適合行動瀏覽,不僅是在版面和程式方面需要修改,也必須整體重新考慮使用者與網站的互動方式。

(編譯/傅瑞德


raw-image

raw-image

本文已獲作者授權並經本站重新編輯,未經書面許可禁止轉載。本站文章提供付費授權轉載或出版,請參閱授權說明、或來信 [email protected] 洽詢。如果您喜歡這篇文章,請按「喜愛」圖像、也歡迎分享到社群網站上!

以行動支持創作者!付費即可解鎖
本篇內容共 2213 字、0 則留言,僅發佈於吐納商業評論你目前無法檢視以下內容,可能因為尚未登入,或沒有該房間的查看權限。
留言
avatar-img
留言分享你的想法!
avatar-img
吐納商業評論的沙龍
1.4K會員
2.0K內容數
為您送上頂尖作者的最新管理與科技產業思維。
2022/07/07
「管理者」設計流程的真正重點,在於:流程越簡單越不會出錯、沒有作用的動作不要做、尤其是做不到的事情不要讓別人產生期待。
Thumbnail
2022/07/07
「管理者」設計流程的真正重點,在於:流程越簡單越不會出錯、沒有作用的動作不要做、尤其是做不到的事情不要讓別人產生期待。
Thumbnail
2022/07/06
從企業經營管理的角度,來回顧自己這次確診的經歷,我可以斷定許多問題出在政府的組織架構、和其分工合作上。政府組織架構和企業的不同,造成了在防疫過程中不同單位間的整合問題。
Thumbnail
2022/07/06
從企業經營管理的角度,來回顧自己這次確診的經歷,我可以斷定許多問題出在政府的組織架構、和其分工合作上。政府組織架構和企業的不同,造成了在防疫過程中不同單位間的整合問題。
Thumbnail
2022/07/06
在疫情之中,「恐懼製造鏈」充斥每個角落;不管有意或無意、善意或惡意,每天都有人製造恐懼。但恐懼在傳播之後往往會失控,造成可怕的後果。所以每個人都必須瞭解散佈恐懼之後可能造成的惡果、謹慎發言,避免自己遭到反噬。
Thumbnail
2022/07/06
在疫情之中,「恐懼製造鏈」充斥每個角落;不管有意或無意、善意或惡意,每天都有人製造恐懼。但恐懼在傳播之後往往會失控,造成可怕的後果。所以每個人都必須瞭解散佈恐懼之後可能造成的惡果、謹慎發言,避免自己遭到反噬。
Thumbnail
看更多
你可能也想看
Thumbnail
蝦皮分潤計畫讓我在分享旅遊文章時,也能透過推薦好物累積被動收入,貼補旅行基金。這篇文章,除了介紹計畫的操作亮點與心得,也分享我最常應用的案例:「旅行必備小物 TOP5」,包含行李鎖、免洗內衣褲、分裝瓶、折疊衣架與真空壓縮袋,幫助出國打包更輕鬆。想同時記錄旅行、分享好物又創造額外收入的你,千萬別錯過!
Thumbnail
蝦皮分潤計畫讓我在分享旅遊文章時,也能透過推薦好物累積被動收入,貼補旅行基金。這篇文章,除了介紹計畫的操作亮點與心得,也分享我最常應用的案例:「旅行必備小物 TOP5」,包含行李鎖、免洗內衣褲、分裝瓶、折疊衣架與真空壓縮袋,幫助出國打包更輕鬆。想同時記錄旅行、分享好物又創造額外收入的你,千萬別錯過!
Thumbnail
想增加被動收入?加入蝦皮分潤計畫是輕鬆上手的好方法!本文提供完整教學,包含申請流程、賺取分潤技巧,以及實際使用心得分享,助你輕鬆獲得額外收入。
Thumbnail
想增加被動收入?加入蝦皮分潤計畫是輕鬆上手的好方法!本文提供完整教學,包含申請流程、賺取分潤技巧,以及實際使用心得分享,助你輕鬆獲得額外收入。
Thumbnail
響應式網頁設計(RWD)是一種網頁設計方法,其核心在於根據不同的裝置特性來自適應地調整網頁的佈局、圖片和文字等元素,確保各種裝置上提供最佳的瀏覽體驗。RWD的重要性體現在於能夠一站式解決多種裝置的兼容問題,提高用戶滿意度,節省開發和維護成本。
Thumbnail
響應式網頁設計(RWD)是一種網頁設計方法,其核心在於根據不同的裝置特性來自適應地調整網頁的佈局、圖片和文字等元素,確保各種裝置上提供最佳的瀏覽體驗。RWD的重要性體現在於能夠一站式解決多種裝置的兼容問題,提高用戶滿意度,節省開發和維護成本。
Thumbnail
RWD(適應性網頁設計)不僅能提高使用者體驗,還對SEO有深遠影響。透過提升使用者體驗、減少重複內容、加快頁面載入速度、符合移動優先索引和簡化網站管理,RWD設計能顯著提升網站在搜尋引擎中的排名。
Thumbnail
RWD(適應性網頁設計)不僅能提高使用者體驗,還對SEO有深遠影響。透過提升使用者體驗、減少重複內容、加快頁面載入速度、符合移動優先索引和簡化網站管理,RWD設計能顯著提升網站在搜尋引擎中的排名。
Thumbnail
響應式網頁設計(Responsive Web Design,簡稱RWD)是一種設計和開發網頁的方法,旨在使網站能夠根據不同設備和屏幕尺寸的大小,自動調整和適應其外觀和佈局。這種設計方法的目的是提供一致的用戶體驗,無論用戶是在桌面電腦、平板電腦還是手機等設備上訪問網站。
Thumbnail
響應式網頁設計(Responsive Web Design,簡稱RWD)是一種設計和開發網頁的方法,旨在使網站能夠根據不同設備和屏幕尺寸的大小,自動調整和適應其外觀和佈局。這種設計方法的目的是提供一致的用戶體驗,無論用戶是在桌面電腦、平板電腦還是手機等設備上訪問網站。
Thumbnail
RWD網頁設計,也被稱為響應式或回應式網頁設計。隨著越來越多人使用手機和平板電腦上網,RWD的網頁設計在提升用戶的瀏覽體驗方面扮演著關鍵角色。如果用戶第一次訪問網站時發現頁面內容呈現不佳,這往往會給他們留下負面的印象,導致他們離開該網站,轉而尋找其他競爭者的網站。
Thumbnail
RWD網頁設計,也被稱為響應式或回應式網頁設計。隨著越來越多人使用手機和平板電腦上網,RWD的網頁設計在提升用戶的瀏覽體驗方面扮演著關鍵角色。如果用戶第一次訪問網站時發現頁面內容呈現不佳,這往往會給他們留下負面的印象,導致他們離開該網站,轉而尋找其他競爭者的網站。
Thumbnail
RWD即響應式網頁設計(Responsive Web Design),旨在創建能夠在不同設備(如個人電腦、平板和手機)上提供良好瀏覽和互動體驗的網頁。隨著智能設備的普及,用戶越來越多地在各種屏幕大小的裝置上訪問網站,因此,響應式設計成為了確保網站在所有設備上均能高效運行的關鍵。
Thumbnail
RWD即響應式網頁設計(Responsive Web Design),旨在創建能夠在不同設備(如個人電腦、平板和手機)上提供良好瀏覽和互動體驗的網頁。隨著智能設備的普及,用戶越來越多地在各種屏幕大小的裝置上訪問網站,因此,響應式設計成為了確保網站在所有設備上均能高效運行的關鍵。
Thumbnail
手機尺寸不適合複雜的功能介面 RWD 網站在開發上需對多種尺寸裝置進行調校,且要以一網站來呈現,所花費的時間自然比起傳統網站來的長;但比起開發多種版面網站,整體開發時程還是快許多。 網頁載入時間較長
Thumbnail
手機尺寸不適合複雜的功能介面 RWD 網站在開發上需對多種尺寸裝置進行調校,且要以一網站來呈現,所花費的時間自然比起傳統網站來的長;但比起開發多種版面網站,整體開發時程還是快許多。 網頁載入時間較長
Thumbnail
SEO推廣 SEO服務 專業網頁設計 網頁設計公司
Thumbnail
SEO推廣 SEO服務 專業網頁設計 網頁設計公司
Thumbnail
現今,響應式網頁設計已成為網站設計不可或缺的一部分,良好的設計可以為公司帶來豐厚的收益,現在也成為不少公司的首選方案,就讓我們看下去吧!
Thumbnail
現今,響應式網頁設計已成為網站設計不可或缺的一部分,良好的設計可以為公司帶來豐厚的收益,現在也成為不少公司的首選方案,就讓我們看下去吧!
Thumbnail
從2018年開始,Google在網頁的排行上會更著重於網站的手機用戶體驗。這裡介紹針對手機SEO優化的一些小技巧及注意事項。
Thumbnail
從2018年開始,Google在網頁的排行上會更著重於網站的手機用戶體驗。這裡介紹針對手機SEO優化的一些小技巧及注意事項。
Thumbnail
這年頭的網站似乎可以清楚的分成兩類:一種是瞭解現今的行動趨勢、並且針對這個趨勢來做的設計;另一種則是仍在沿用15年前的樣子。今天,網站對於SEO(搜尋引擎最佳化)和跨載具的需求,早已和當年天差地遠,所以那些仍然沈睡在過去的網站,都已經到了該改頭換面的時刻了。
Thumbnail
這年頭的網站似乎可以清楚的分成兩類:一種是瞭解現今的行動趨勢、並且針對這個趨勢來做的設計;另一種則是仍在沿用15年前的樣子。今天,網站對於SEO(搜尋引擎最佳化)和跨載具的需求,早已和當年天差地遠,所以那些仍然沈睡在過去的網站,都已經到了該改頭換面的時刻了。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News