有關響應式Web設計的7點啟發(fā)
開發(fā)者視角中的優(yōu)秀并不意味著用戶也有同樣的感受。國外知名電子商務網(wǎng)站Lot18的高級前端開發(fā)人員Vince Allen，特別撰文講述了采用響應式設計開發(fā)Lot18的背后故事和7條經(jīng)驗。全文如下：
為Lot18這樣迅猛發(fā)展的電子商務公司工作是件激動人心的事情。知道幾個月后，在開發(fā)團隊面臨一項重大決擇的時候，我們狂熱的情緒才逐漸平復下來。我們的困擾是：是在網(wǎng)站的原有引擎(該引擎很有可能網(wǎng)站發(fā)布后不會有超過幾個月就難以為繼)上繼續(xù)開發(fā)還是重新搭建全新的平臺(可以使用數(shù)年)，我們選擇了后者，只用了三個半月填鴨式地完成了一年的工作。
我們也知道我們的訪客越來越多地使用多樣性的方式來訪問Lot18，并且這種趨勢在逐漸增加。Web響應式設計是我們開發(fā)戰(zhàn)略的核心，但是它使得我們不得不顛覆原本開發(fā)工作中的思維模式。
以下是我們在短時間內(nèi)開發(fā)響應式網(wǎng)站得出的7點心得。
1. 要做的工作太多，找到主線
作為一個開發(fā)人員，總是需要適應不同的設備、瀏覽器和操作系統(tǒng)—從不缺工作。但是，為每個平臺創(chuàng)建一個APP對于一個小公司來說并不是以個可持續(xù)戰(zhàn)略。在開發(fā)、測試和部署每個代碼塊時，盡量簡化和合理流程中的每個步驟。這樣在關鍵時刻，使疲勞的你可以把精力集中到關鍵路徑上。
2.業(yè)務***
對于電子商務網(wǎng)站來說，假期購物季是最忙的—尤其是對專注于食物和紅酒的網(wǎng)站來說。數(shù)以千計的顧客籌劃派對，選禮物，我們不能推斷出，是不是每個買家都坐在電腦旁，或者，能夠花時間搜索響應的App，下載使用。
假設所有特定的用戶都會使用同樣類型的設備，用戶每次訪問網(wǎng)站或者被邀請到Lot18用戶的朋友都使用相似的設備，作出的這樣的推測是不靠譜的。采取響應方式提升業(yè)務優(yōu)先權，并把我們重新定位成開發(fā)團隊。我們更加接近用戶的體驗，并不只是關注我們自己的時間表。
3.不要追求跨平臺，專注于開發(fā)功能
不針對每個平臺進行開發(fā)，我們可以花更多的時間在為新網(wǎng)站開發(fā)功能上。舉個例子，隨著我們不斷地調(diào)整我們的校驗系統(tǒng)，我們可以把精力放在某個UI/UX策略上，而不用擔心某個特定設備的構造。這樣，開發(fā)團隊將會更加專注于功能的開發(fā)，并且更高效。
4. 每個人都是QA
在小公司里，每個人都很忙，可能沒有時間排查新版本中的bugs和意外的復雜情況。在開發(fā)新響應式設計的時候，我們遇到非常棒的解決方法：每個人可以利用自己的閑暇時間測試網(wǎng)站。
如果某個人想按照進度測試網(wǎng)站，他們可以在上下班途中使用自己的手機或者平板—或者在家中用電視進行測試。這樣更好，這種形式的測試更接近我們的用戶使用網(wǎng)站的方式。
5.保持本地Apps和移動Web的一致
近期，Lot18將會發(fā)布一款本地iPhone App。和大多數(shù)本地Apps一樣，只不過這是為iPhone設計的，使用起來感覺大方自然。
然而，即使專注于某個App的用戶也會通過email，Twitter，F(xiàn)acebook訪問移動網(wǎng)站。響應式網(wǎng)站需要提供本地和移動web體驗的一致性、并強化整個品牌的體驗。
6.開發(fā)新的響應功能
網(wǎng)站發(fā)布之后，我們觀察到人們在預覽網(wǎng)站的時候，出現(xiàn)的一種新行為。一旦他們意識到網(wǎng)站對他們做出響應，他們開始進入游戲狀態(tài)。
響應能力為網(wǎng)站的體驗增加了更多因素，并隨著用戶使用不同的設計—或者從一種模式換到另一種模式，給用戶提供不同的外觀。
我見到的是情緒化的反應，可以被解釋成“這太有意思了!”?？偟恼f，這是正面的評價。
7.你需要作出可靠的分析
***，在比較統(tǒng)計數(shù)字的時候，很高興得知用戶與同樣的內(nèi)容進行交互。我們有了更多角度來觀察用戶的行為，從評測結(jié)果來看，這一點已經(jīng)給我們帶來了積極的變化。
我們最近發(fā)布遇到的最棒的事情就是，對于我們來說，這不再是一個“真正的”Lot18.com。相反，所有的訪客在Lot18的體驗—不管使用的是什么設備—都是有特別的收獲。因此，我們的開發(fā)團隊更靠近業(yè)務邏輯，能夠作為用戶服務這一部分的擴展，提供更好的在線商店體驗—在激烈競爭的電子商務網(wǎng)站中，這是個突出的優(yōu)點。
原文出處：netmagazine
譯文出處：webapptrend
【編輯推薦】
