普通移動網(wǎng)頁設計與響應式網(wǎng)頁設計，那個更適合你

BLOG日志內(nèi)其實已經(jīng)介紹過許多自適應網(wǎng)站設計的訣竅，像是表格與自適應的愛恨情仇，Youtube嵌入影片ifram的自適應調(diào)整方式，都是現(xiàn)代網(wǎng)站必須的。不過！就是這個but ，到底我們是從原始人的觀點（網(wǎng)絡世界五到十年應該算是夠原始了吧？），真的所有的Responsive Web Design都符合行動優(yōu)先（Mobile First）的思維嗎？

看看一些數(shù)據(jù)，為何移動設備上的瀏覽如此重要：

圖片出自We Are Social

移動設備上網(wǎng)的占比，早在2016年超過電腦，2017年調(diào)查也顯示，中國使用手機購物，也超過了用電腦購物的人（嘿，這一定是所有廠商最想看到的使用者行為吧）。上圖的We Are Social每季度的報告，再再告訴我們，用手機上網(wǎng)的使用者已經(jīng)遠遠超過使用電腦的使用者了。

RESPONSIVE WEB DESIGN 的概念真的萬用？

Responsive Web Design 的概念就是將網(wǎng)站內(nèi)容視作「水」一般，放到不同的容器（解析度），就會呈現(xiàn)不同的樣子。但假使我今天只是要喝口水，有人卻用澡盆幫你裝過來，將會是做何感想？

所以企業(yè)們要考量自己的網(wǎng)站的使用者型態(tài)，來決定網(wǎng)站如何設計。舉例來說，今天你是間B2B 公司，使用者主要瀏覽你網(wǎng)站的時間集中在白天下午的上班時段，也多是用筆電、桌上型電腦來瀏覽，那么自適應 的設置，就可以符合網(wǎng)站內(nèi)可能大量資料、規(guī)格的呈現(xiàn)，且在電腦相對大屏幕上得到最適體驗。

但今天換做一個親子內(nèi)容網(wǎng)站，多數(shù)使用者可能使用平板、手機在晚上時段瀏覽，且使用者年齡可能多為8-15 歲（雖然此項數(shù)據(jù)不容易在流量分析軟體看出來）。那么以網(wǎng)站為前提的網(wǎng)站設計，即便是做的很好的自適應 也不見得可以讓使用這在手機這類的移動設備上，得到最好的體驗。

行動優(yōu)先的思維不可缺少

想要在移動設備上，得到最好的體驗，就得劃破原來的框架，在設計最初，就啟用行動優(yōu)先（Mobile First）的思維，讓我們看一下這兩者差異：

這兩種設計思維是完全不一樣的，目前來說，仍是個有利弊，但以「行動優(yōu)先」來設計，仍是未來設計的大趨勢（畢竟竟是往人潮多的地方走），就讓我們來看看兩者有何優(yōu)劣？

響應式網(wǎng)站設計RESPONSIVE WEB DESIGN

優(yōu)勢：
－資訊量龐大的網(wǎng)站，且呈現(xiàn)許多結構化資料，商品細節(jié)等
－可以具備較多動態(tài)效果、互動性設計選擇較廣泛
－SEO架構較符合搜尋引擎喜好
－網(wǎng)站設計成本相對低廉，已經(jīng)具備許多預設好模版

缺點：
－對手機、平板體驗，僅能做到「次好」的
－對于多變的手機觸控操作方式、手機版廣告，需要花費心力重新布局、設計

整體來說，響應式網(wǎng)站設計身為跨時代的解決方案，時值今日還是非常管用的，許多WordPress 模版也都有一定程度的響應式設計，但隨著裝置推陳出新，新的解析度，新的手機操作方式，都為網(wǎng)站設計帶來新的風潮。

以電腦版本的自適應 設計下，還是很適合承載大量資訊，像是規(guī)格表、比較表格、影片、特殊動畫等等。在自適應 概念下，有些電腦上才有的互動/動畫效果，也多傾向手機不顯示。

行動優(yōu)先設計MOBILE FIRST DESIGN

優(yōu)勢：
－較開發(fā)一個手機App便宜
－專為手機操作流程優(yōu)化，完整的手機、平板體驗
－未來趨勢潮流（某些類型網(wǎng)站主要群眾超過75%使用移動設備瀏覽）

缺點：
－不適合承載資訊量龐大的網(wǎng)站
－使用電腦的體驗，需要花心力完善

其實多數(shù)網(wǎng)站使用自適應 設計，在瀏覽上也絕無問題，但許多研究顯示，人們使用手機、電腦的目的和時間、時段，差距仍存在著，用行動優(yōu)先的思考模式，就是試圖去做到像是：網(wǎng)站類App 體驗、更快的讀取速度（也就是為何Google 要推行AMP 網(wǎng)站）、更大的字體、每次看動都可以輕易看到行動呼吁（Call to Action）等等。

想要在人們通勤時、上廁所、睡前都抓住人們的眼球？從行動優(yōu)先這樣的概念發(fā)起，準不會錯！

趨勢和內(nèi)容決定你的網(wǎng)站設計方式

過去，行動網(wǎng)站的SEO 可能不被如Google 這類的搜尋網(wǎng)站所喜愛，自2016 年以降，Google 不斷提升行動搜尋的重要性，包含Google 搜尋在手機上的成果，到近期使用率越來越高的語音輸入、十月份正式進入中國的Google 語音助理，這早已不再是行動優(yōu)先設計的劣勢。

圖片來源：資策會于2018年作的調(diào)查

雖然做到極致的Responsive Design 應該也可以在移動設備上也有98% 的體驗，但就如同所有設計一般，早期階段的框架和觀點，往往決定了后續(xù)的成品。如果還停留在從「電腦網(wǎng)站」調(diào)整「手機版適用頁面」，勢必局限住許多僅能在手機上完成的操作方式。

但是要如何選擇「行動優(yōu)先」亦或「響應式網(wǎng)站設計」呢？遵循你的使用者足跡就沒錯了！

以80/20 法則來說，如果八成的目標群眾都是用桌上型裝置瀏覽，當然可以使用自適應 的設置，反而言之，當有八成的使用者以移動設備瀏覽網(wǎng)站，行動優(yōu)先的設計就是必要的。

但當使用者差不多的時候怎么辦呢？預測潮流就是你決定的重要指標。

從2011 的每天0.8 小時移動設備使用時間，到了隔年即增長至每天1.6 小時。2017 已經(jīng)來到了4 個小時左右，是為超過兩倍的成長。

雖然手機使用時間大幅增加，但研究顯示，人們使用電腦的時間，其實與過去差不了多少，代表手機使用時間可能是吃掉其他休閑，像是閱讀、睡前的時間等等，當人們使用電腦時，多數(shù)還事許多有目的性的活動。

那么，瀏覽網(wǎng)站的方式，廣告擺設的內(nèi)容、位置是不是就可以因此分開？我睡前看手機的時候，肯定不想看到推廣我CRM 系統(tǒng)的廣告；上班時間找新聞資訊網(wǎng)，也不可能點擊昨晚逛網(wǎng)拍看過的衣服和玩具……聰明有電商頭腦如你，想必已經(jīng)知道該怎么做了吧？

新聞標題：普通移動網(wǎng)頁設計與響應式網(wǎng)頁設計，那個更適合你
URL標題：http://www.bm7419.com/news16/80866.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、電子商務、靜態(tài)網(wǎng)站、企業(yè)建站、App開發(fā)、網(wǎng)站維護

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)