2019-11-20 分類: 網(wǎng)站建設(shè)
BLOG日志內(nèi)其實已經(jīng)介紹過許多自適應(yīng)網(wǎng)站設(shè)計的訣竅,像是表格與自適應(yīng)的愛恨情仇,Youtube嵌入影片ifram的自適應(yīng)調(diào)整方式,都是現(xiàn)代網(wǎng)站必須的。不過!就是這個but ,到底我們是從原始人的觀點(網(wǎng)絡(luò)世界五到十年應(yīng)該算是夠原始了吧?),真的所有的Responsive Web Design都符合行動優(yōu)先(Mobile First)的思維嗎?
看看一些數(shù)據(jù),為何移動設(shè)備上的瀏覽如此重要:
圖片出自We Are Social
移動設(shè)備上網(wǎng)的占比,早在2016年超過電腦,2017年調(diào)查也顯示,中國使用手機購物,也超過了用電腦購物的人(嘿,這一定是所有廠商最想看到的使用者行為吧)。上圖的We Are Social每季度的報告,再再告訴我們,用手機上網(wǎng)的使用者已經(jīng)遠(yuǎn)遠(yuǎn)超過使用電腦的使用者了。
Responsive Web Design 的概念就是將網(wǎng)站內(nèi)容視作「水」一般,放到不同的容器(解析度),就會呈現(xiàn)不同的樣子。但假使我今天只是要喝口水,有人卻用澡盆幫你裝過來,將會是做何感想?
所以企業(yè)們要考量自己的網(wǎng)站的使用者型態(tài),來決定網(wǎng)站如何設(shè)計。舉例來說,今天你是間B2B 公司,使用者主要瀏覽你網(wǎng)站的時間集中在白天下午的上班時段,也多是用筆電、桌上型電腦來瀏覽,那么自適應(yīng) 的設(shè)置,就可以符合網(wǎng)站內(nèi)可能大量資料、規(guī)格的呈現(xiàn),且在電腦相對大屏幕上得到最適體驗。
但今天換做一個親子內(nèi)容網(wǎng)站,多數(shù)使用者可能使用平板、手機在晚上時段瀏覽,且使用者年齡可能多為8-15 歲(雖然此項數(shù)據(jù)不容易在流量分析軟體看出來)。那么以網(wǎng)站為前提的網(wǎng)站設(shè)計,即便是做的很好的自適應(yīng) 也不見得可以讓使用這在手機這類的移動設(shè)備上,得到最好的體驗。
想要在移動設(shè)備上,得到最好的體驗,就得劃破原來的框架,在設(shè)計最初,就啟用行動優(yōu)先(Mobile First)的思維,讓我們看一下這兩者差異:
這兩種設(shè)計思維是完全不一樣的,目前來說,仍是個有利弊,但以「行動優(yōu)先」來設(shè)計,仍是未來設(shè)計的大趨勢(畢竟竟是往人潮多的地方走),就讓我們來看看兩者有何優(yōu)劣?
優(yōu)勢:
-資訊量龐大的網(wǎng)站,且呈現(xiàn)許多結(jié)構(gòu)化資料,商品細(xì)節(jié)等
-可以具備較多動態(tài)效果、互動性設(shè)計選擇較廣泛
-SEO架構(gòu)較符合搜尋引擎喜好
-網(wǎng)站設(shè)計成本相對低廉,已經(jīng)具備許多預(yù)設(shè)好模版
缺點:
-對手機、平板體驗,僅能做到「次好」的
-對于多變的手機觸控操作方式、手機版廣告,需要花費心力重新布局、設(shè)計
整體來說,響應(yīng)式網(wǎng)站設(shè)計身為跨時代的解決方案,時值今日還是非常管用的,許多WordPress 模版也都有一定程度的響應(yīng)式設(shè)計,但隨著裝置推陳出新,新的解析度,新的手機操作方式,都為網(wǎng)站設(shè)計帶來新的風(fēng)潮。
以電腦版本的自適應(yīng) 設(shè)計下,還是很適合承載大量資訊,像是規(guī)格表、比較表格、影片、特殊動畫等等。在自適應(yīng) 概念下,有些電腦上才有的互動/動畫效果,也多傾向手機不顯示。
優(yōu)勢:
-較開發(fā)一個手機App便宜
-專為手機操作流程優(yōu)化,完整的手機、平板體驗
-未來趨勢潮流(某些類型網(wǎng)站主要群眾超過75%使用移動設(shè)備瀏覽)
缺點:
-不適合承載資訊量龐大的網(wǎng)站
-使用電腦的體驗,需要花心力完善
其實多數(shù)網(wǎng)站使用自適應(yīng) 設(shè)計,在瀏覽上也絕無問題,但許多研究顯示,人們使用手機、電腦的目的和時間、時段,差距仍存在著,用行動優(yōu)先的思考模式,就是試圖去做到像是:網(wǎng)站類App 體驗、更快的讀取速度(也就是為何Google 要推行AMP 網(wǎng)站)、更大的字體、每次看動都可以輕易看到行動呼吁(Call to Action)等等。
想要在人們通勤時、上廁所、睡前都抓住人們的眼球?從行動優(yōu)先這樣的概念發(fā)起,準(zhǔn)不會錯!
過去,行動網(wǎng)站的SEO 可能不被如Google 這類的搜尋網(wǎng)站所喜愛,自2016 年以降,Google 不斷提升行動搜尋的重要性,包含Google 搜尋在手機上的成果,到近期使用率越來越高的語音輸入、十月份正式進入中國的Google 語音助理,這早已不再是行動優(yōu)先設(shè)計的劣勢。
圖片來源:資策會于2018年作的調(diào)查
雖然做到極致的Responsive Design 應(yīng)該也可以在移動設(shè)備上也有98% 的體驗,但就如同所有設(shè)計一般,早期階段的框架和觀點,往往決定了后續(xù)的成品。如果還停留在從「電腦網(wǎng)站」調(diào)整「手機版適用頁面」,勢必局限住許多僅能在手機上完成的操作方式。
但是要如何選擇「行動優(yōu)先」亦或「響應(yīng)式網(wǎng)站設(shè)計」呢?遵循你的使用者足跡就沒錯了!
以80/20 法則來說,如果八成的目標(biāo)群眾都是用桌上型裝置瀏覽,當(dāng)然可以使用自適應(yīng) 的設(shè)置,反而言之,當(dāng)有八成的使用者以移動設(shè)備瀏覽網(wǎng)站,行動優(yōu)先的設(shè)計就是必要的。
但當(dāng)使用者差不多的時候怎么辦呢?預(yù)測潮流就是你決定的重要指標(biāo)。
從2011 的每天0.8 小時移動設(shè)備使用時間,到了隔年即增長至每天1.6 小時。2017 已經(jīng)來到了4 個小時左右,是為超過兩倍的成長。
雖然手機使用時間大幅增加,但研究顯示,人們使用電腦的時間,其實與過去差不了多少,代表手機使用時間可能是吃掉其他休閑,像是閱讀、睡前的時間等等,當(dāng)人們使用電腦時,多數(shù)還事許多有目的性的活動。
那么,瀏覽網(wǎng)站的方式,廣告擺設(shè)的內(nèi)容、位置是不是就可以因此分開?我睡前看手機的時候,肯定不想看到推廣我CRM 系統(tǒng)的廣告;上班時間找新聞資訊網(wǎng),也不可能點擊昨晚逛網(wǎng)拍看過的衣服和玩具……聰明有電商頭腦如你,想必已經(jīng)知道該怎么做了吧?
新聞標(biāo)題:普通移動網(wǎng)頁設(shè)計與響應(yīng)式網(wǎng)頁設(shè)計,那個更適合你
URL標(biāo)題:http://m.newbst.com/news16/80866.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站營銷、電子商務(wù)、靜態(tài)網(wǎng)站、企業(yè)建站、App開發(fā)、網(wǎng)站維護
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容