開發(fā)者視角中的優(yōu)秀并不意味著用戶也有同樣的感受。國(guó)外知名電子商務(wù)網(wǎng)站? Lot18? 的高級(jí)前端開發(fā)人員Vince Allen，特別撰文講述了采用響應(yīng)式設(shè)計(jì)開發(fā) Lot18 的背后故事和7條經(jīng)驗(yàn)。?

全文如下：?

為L(zhǎng)ot18 這樣迅猛發(fā)展的電子商務(wù)公司工作是件激動(dòng)人心的事情。知道幾個(gè)月后，在開發(fā)團(tuán)隊(duì)面臨一項(xiàng)重大決擇的時(shí)候，我們狂熱的情緒才逐漸平復(fù)下來。我們的困擾是：是 在網(wǎng)站的原有引擎（該引擎很有可能在網(wǎng)站發(fā)布幾個(gè)月后就難以為繼）上繼續(xù)開發(fā)還是重新搭建全新的平臺(tái)（可以使用數(shù)年），我們選擇了后者，只用了三個(gè)半月填 鴨式地完成了一年的工作。?

我們也知道我們的訪客越來越多地使用多樣性的方式來訪問Lot18 ，并且這種趨勢(shì)在逐漸增加。 Web 響應(yīng)式設(shè)計(jì)是我們開發(fā)戰(zhàn)略的核心，但是它使得我們不得不顛覆原本開發(fā)工作中的思維模式。?

以下是我們?cè)诙虝r(shí)間內(nèi)開發(fā)響應(yīng)式網(wǎng)站得出的 7 點(diǎn)心得。?

1.? 要做的工作太多，找到主線 ?

作為一個(gè)開發(fā)人員，總是需要適應(yīng)不同的設(shè)備、瀏覽器和操作系統(tǒng)——從不缺工作。但是，為每個(gè)平臺(tái)創(chuàng)建一個(gè) APP 對(duì)于一個(gè)小公司來說并不是一個(gè)可持續(xù)戰(zhàn)略。在開發(fā)、測(cè)試和部署每個(gè)代碼塊時(shí)，盡量簡(jiǎn)化和合理流程中的每個(gè)步驟。這樣在關(guān)鍵時(shí)刻，使疲勞的你可以把精力集中 到關(guān)鍵路徑上。?

2.? 業(yè)務(wù)第一 ?

對(duì)于電子商務(wù)網(wǎng)站來說，假期購物季是最忙的——尤其是對(duì)專注于食物和紅酒的網(wǎng)站來說。數(shù)以千計(jì)的顧客籌劃派對(duì)、選禮物，我們無法確定，是不是每個(gè)買家都坐在電腦旁，或者，能夠花時(shí)間搜索響應(yīng)的 App，并下載使用。?

假設(shè)所有特定的用戶都會(huì)使用同樣類型的設(shè)備，用戶每次訪問網(wǎng)站或者被邀請(qǐng)到Lot18 用戶的朋友都使用相似的設(shè)備，作出的這樣的推測(cè)是不靠譜的。采取響應(yīng)方式提升業(yè)務(wù)優(yōu)先權(quán)，并把我們重新定位成開發(fā)團(tuán)隊(duì)。我們更加接近用戶的體驗(yàn)，并不只是關(guān)注我們自己的時(shí)間表。?

3.? 不要追求跨平臺(tái)，專注于開發(fā)功能 ?

不針對(duì)每個(gè)平臺(tái)進(jìn)行開發(fā)，我們可以花更多的時(shí)間在為新網(wǎng)站開發(fā)功能上。舉個(gè)例子，隨著我們不斷地調(diào)整我們的校驗(yàn)系統(tǒng)，我們可以把精力放在某個(gè)UI/UX 策略上，而不用擔(dān)心某個(gè)特定設(shè)備的構(gòu)造。這樣，開發(fā)團(tuán)隊(duì)將會(huì)更加專注于功能的開發(fā)，并且更高效。?

4.? 每個(gè)人都是 QA ?

在小公司里，每個(gè)人都很忙，可能沒有時(shí)間排查新版本中的bugs 和意外的復(fù)雜情況。在開發(fā)新響應(yīng)式設(shè)計(jì)的時(shí)候，我們遇到非常棒的解決方法：每個(gè)人可以利用自己的閑暇時(shí)間測(cè)試網(wǎng)站。?

如果某個(gè)人想按照進(jìn)度測(cè)試網(wǎng)站，他們可以在上下班途中使用自己的手機(jī)或者平板——或者在家中用電視進(jìn)行測(cè)試。這樣更好，這種形式的測(cè)試更接近我們的用戶使用網(wǎng)站的方式。?

5.? 保持本地 Apps 和移動(dòng) Web 的一致性 ?

近期，Lot18 將會(huì)發(fā)布一款本地 iPhone App 。和大多數(shù)本地 Apps 一樣，只不過這是為 iPhone 設(shè)計(jì)的，使用起來感覺更自然。?

然而，即使專注于某個(gè)App 的用戶也會(huì)通過 email、Twitter、Facebook 訪問移動(dòng)網(wǎng)站。響應(yīng)式網(wǎng)站需要提供本地和移動(dòng) Web 體驗(yàn)的一致性、并強(qiáng)化整個(gè)品牌的體驗(yàn)。?

6.? 開發(fā)新的響應(yīng)功能 ?

網(wǎng)站發(fā)布之后，我們觀察到人們?cè)陬A(yù)覽網(wǎng)站的時(shí)候，出現(xiàn)的一種新行為。一旦他們意識(shí)到網(wǎng)站對(duì)他們做出響應(yīng)，他們開始進(jìn)入游戲狀態(tài)。?

響應(yīng)能力為網(wǎng)站的體驗(yàn)增加了更多因素，并隨著用戶使用不同的設(shè)計(jì)，或者從一種模式換到另一種模式，給用戶提供不同的外觀。?

我見到的是情緒化的反應(yīng)，可以被解釋成“這太有意思了！”。總的說，這是正面的評(píng)價(jià)。?

7.? 你需要作出可靠的分析 ?

最后，在比較統(tǒng)計(jì)數(shù)字的時(shí)候，很高興得知用戶與同樣的內(nèi)容進(jìn)行交互。我們有了更多角度來觀察用戶的行為，從評(píng)測(cè)結(jié)果來看，這一點(diǎn)已經(jīng)給我們帶來了積極的變化。?

我們最近發(fā)布遇到的最棒的事情就是，對(duì)于我們來說，這不再是一個(gè)“真正的” Lot18.com ?。相反，所有的訪客在 Lot18 的體驗(yàn) —— 不管使用的是什么設(shè)備 —— 都有特別的收獲。因此，我們的開發(fā)團(tuán)隊(duì)更靠近業(yè)務(wù)邏輯，能夠作為用戶服務(wù)這一部分的擴(kuò)展，提供更好的在線商店體驗(yàn) —— 在激烈競(jìng)爭(zhēng)的電子商務(wù)網(wǎng)站中，這是個(gè)突出的優(yōu)點(diǎn)。?

原文出處： Seven lessons learned from responsive web design

有關(guān) Web 響應(yīng)式設(shè)計(jì)的 7 點(diǎn)啟發(fā)