誰都無法回避移動設(shè)備的大勢所趨,現(xiàn)下網(wǎng)站設(shè)計上也有大量心的概念來迎合移動設(shè)備。但是傳統(tǒng)的單獨網(wǎng)站,沒辦法在移動設(shè)備層出不窮的浪潮中站穩(wěn)腳跟。無論是在個人電腦、筆記本、智能手機、平板電腦、大屏幕手機、智能電視、上網(wǎng)本以及其它有前景的設(shè)備,都需要讓人眼前一亮的設(shè)計。
響應(yīng)式布局是這種情況下唯一理智的方式。
盡管不是所有人確信響應(yīng)式Web設(shè)計是未來的方向,但是響應(yīng)式Web設(shè)計已經(jīng)獲得全世界Web設(shè)計師的廣泛支持。而我們許多人還是通過簡單使用響應(yīng)式Web設(shè)計來解決不同大小屏幕的布局問題——這解決了普通設(shè)計量用戶體驗差的問題。大腕互聯(lián)在一些響應(yīng)式網(wǎng)站設(shè)計項目中,總結(jié)出3點設(shè)計師們曾經(jīng)犯過的錯誤:
1: 網(wǎng)站加載時間過長
構(gòu)建響應(yīng)式網(wǎng)站的缺點之一是你被迫將太多的資源壓縮在一個頁面中。你需要這些資源以便在不同設(shè)備上展示你的網(wǎng)站。大部分響應(yīng)式網(wǎng)站在頁面加載之前首先加載這些資源。毫無疑問,這個過程需要耗費大量時間。
針對大部分使用筆記本、PC訪問你網(wǎng)站的用戶來說,似乎沒什么問題。但如果在智能手機加載你的網(wǎng)站需要5至7秒之久,那么你將失去大量用戶。智能手機用戶不喜歡等,即便是1秒鐘——短短的等待將產(chǎn)生致命的后果。所以,如何處理該問題呢?參照最佳實踐,刪減贅余,使用conditional loading這樣的先進技術(shù)。
2: 為小屏幕設(shè)備刪減內(nèi)容
為智能手機提供更少的內(nèi)容,已被廣泛采納。故意為移動用戶提供低質(zhì)量的用戶體驗,無疑是在折損你網(wǎng)站的利益。實際上,用戶總是在不停地切換設(shè)備來完成各種任務(wù)。這就意味著,如果用戶在他們的智能手機上找不到某一特定內(nèi)容,那你也就失去了銷售機會。
更好的解決方案是以一種緊湊的、易于導(dǎo)航的格式顯示所有信息。在設(shè)計中,可能需要花費更多努力,但這是值得去做的。請記住,即便你用CSS隱藏了特定信息,它仍會被下載的。所以要為移動用戶提供完整的Web體驗,不要丟棄任何東西。
3: 忽視各設(shè)備間的相通之處
響應(yīng)式Web設(shè)計不僅僅針對PC和智能手機。在進行設(shè)計時,還要考慮到其他的眾多設(shè)備。用戶如何與平板電腦、互聯(lián)網(wǎng)電視、智能手機進行交互,都需要考慮在內(nèi)。這并不是說你要為所有的設(shè)備創(chuàng)建一個本地化的UI體驗,但你可以根據(jù)各設(shè)備的環(huán)境為它們創(chuàng)建一個響應(yīng)式導(dǎo)航,再分別創(chuàng)建出用戶易于理解的設(shè)計。
最后關(guān)于響應(yīng)式布局總結(jié)
雖然響應(yīng)式Web設(shè)計仍處于發(fā)展初期,但已經(jīng)有很多指導(dǎo)和最佳實踐,當(dāng)你創(chuàng)建可跨設(shè)備工作的設(shè)計時可以采用。對于那些希望為使用不同設(shè)備的用戶提供頂尖Web體驗的設(shè)計師來說,則需要更多的思考與努力。