盡管不是所有人確信響應(yīng)式Web設(shè)計(jì)是未來(lái)的方向，但是響應(yīng)式Web設(shè)計(jì)已經(jīng)獲得全世界Web設(shè)計(jì)師的廣泛支持。 而我們?cè)S多人還是通過(guò)簡(jiǎn)單使用響應(yīng)式Web設(shè)計(jì)來(lái)解決不同大小屏幕的布局問(wèn)題——這解決了普通設(shè)計(jì)量用戶體驗(yàn)差的問(wèn)題。在我頭幾個(gè)響應(yīng)式Web設(shè)計(jì)項(xiàng)目中，按我的工作方式已經(jīng)犯了很多錯(cuò)誤。 這里有我或其他響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)師曾經(jīng)犯的3個(gè)錯(cuò)誤。

[[74015]] 

陷阱 1: 網(wǎng)站加載時(shí)間過(guò)長(zhǎng)

構(gòu)建響應(yīng)式網(wǎng)站的缺點(diǎn)之一是你被迫將太多的資源壓縮在一個(gè)頁(yè)面中。你需要這些資源以便在不同設(shè)備上展示你的網(wǎng)站。大部分響應(yīng)式網(wǎng)站在頁(yè)面加載之前首先加載這些資源。毫無(wú)疑問(wèn)，這個(gè)過(guò)程需要耗費(fèi)大量時(shí)間。

[[74016]] 

針對(duì)大部分使用筆記本、PC訪問(wèn)你網(wǎng)站的用戶來(lái)說(shuō)，似乎沒(méi)什么問(wèn)題。但如果在智能手機(jī)加載你的網(wǎng)站需要5至7秒之久，那么你將失去大量用戶。智能手機(jī)用戶不喜歡等，即便是1秒鐘——短短的等待將產(chǎn)生致命的后果。所以，如何處理該問(wèn)題呢？參照***實(shí)踐，刪減贅余，使用conditional loading這樣的先進(jìn)技術(shù)。

陷阱 2: 為小屏幕設(shè)備刪減內(nèi)容

為智能手機(jī)提供更少的內(nèi)容，已被廣泛采納。故意為移動(dòng)用戶提供低質(zhì)量的用戶體驗(yàn)，無(wú)疑是在折損你網(wǎng)站的利益。實(shí)際上，用戶總是在不停地切換設(shè)備來(lái)完成各種任務(wù)。這就意味著，如果用戶在他們的智能手機(jī)上找不到某一特定內(nèi)容，那你也就失去了銷售機(jī)會(huì)。

[[74017]] 

更好的解決方案是以一種緊湊的、易于導(dǎo)航的格式顯示所有信息。在設(shè)計(jì)中，可能需要花費(fèi)更多努力，但這是值得去做的。請(qǐng)記住，即便你用CSS隱藏了特定信息，它仍會(huì)被下載的。所以要為移動(dòng)用戶提供完整的Web體驗(yàn)，不要丟棄任何東西。

陷阱 3: 忽視各設(shè)備間的相通之處

響應(yīng)式Web設(shè)計(jì)不僅僅針對(duì)PC和智能手機(jī)。在進(jìn)行設(shè)計(jì)時(shí)，還要考慮到其他的眾多設(shè)備。用戶如何與平板電腦、互聯(lián)網(wǎng)電視、智能手機(jī)進(jìn)行交互，都需要考慮在內(nèi)。這并不是說(shuō)你要為所有的設(shè)備創(chuàng)建一個(gè)本地化的UI體驗(yàn)，但你可以根據(jù)各設(shè)備的環(huán)境為它們創(chuàng)建一個(gè)響應(yīng)式導(dǎo)航，再分別創(chuàng)建出用戶易于理解的設(shè)計(jì)。

總結(jié)

雖然響應(yīng)式Web設(shè)計(jì)仍處于發(fā)展初期，但已經(jīng)有很多指導(dǎo)和***實(shí)踐，當(dāng)你創(chuàng)建可跨設(shè)備工作的設(shè)計(jì)時(shí)可以采用。對(duì)于那些希望為使用不同設(shè)備的用戶提供***Web體驗(yàn)的設(shè)計(jì)師來(lái)說(shuō)，則需要更多的思考與努力。