開發者視角中的優秀並不意味著使用者也有同樣的感受。國外知名電子商務** lot18 的高階前端開發人員vince allen，特別撰文講述了採用響應式設計開發lot18的背後故事和7條經驗。
全文如下：
為lot18 這樣迅猛發展的電子商務公司工作是件激動人心的事情。知道幾個月後，在開發團隊面臨一項重大決擇的時候，我們狂熱的情緒才逐漸平復下來。我們的困擾是：是 在**的原有引擎（該引擎很有可能在**發布幾個月後就難以為繼）上繼續開發還是重新搭建全新的平台（可以使用數年），我們選擇了後者，只用了三個半月填 鴨式地完成了一年的工作。
我們也知道我們的訪客越程式設計客棧來越多地使用多樣性的方式來訪問lot18 ，並且這種趨勢在逐漸增加。 web 響應式設計是我們開發戰略的核心，但是它使得我們不得不顛覆原本開發工作中的思維模式。
以下是我們在短時間內開發響應式**得出的 7 點心得。
1. 要做的工作太多，找到主線
作 為乙個開發人員，總是需要適應不同的裝置、瀏覽器和作業系統——從不缺工作。但是，為每個平台建立乙個 app 對於乙個小公司來說並不是乙個可持續戰略。在開發、測試和部署每個**塊時，盡量簡化和合理流程中的每個步驟。這樣在關鍵時刻，使疲勞的你可以把精力集中 到關鍵路徑上。
2. 業務第一
對於電子商務**來說，假期購物季是最忙的——尤其是對專注於食物和紅酒的**來說。數以千計的顧客籌畫派對、選禮物，我們無法確定，是不是每個買家都坐在電腦旁，或者，能夠花時間搜尋響應的 app，並**使用。
假設所有特定的使用者都會使用同樣型別的裝置，使用者每次訪問**或者被邀請到lot18 使用者的朋友都使用相似的裝置，作出的這樣的推測是不靠譜的。採取響應方式提公升業務優先權，並把我們重新定位成開發團隊。我們更加接近使用者的體驗，並不只是****自己的時間表。
3. 不要追求跨平台，專注於開發功能
不針對每個平台進行開發，我們可以花更多的時間在為新**開發功能上。舉個例子，隨著我們不斷地調整我們的校驗系統，我們可以把精力放在某個ui/ux 策略上，而不用擔心某個特定裝置的構造。這樣，開發團隊將會更加專注於功能的開發，並且更高效。
4. 每個人都是 qa
在小公司裡，每個人都很忙，可能沒有時間排查新版本中的bugs 和意外的複雜情況。在開發新響應式設計的時候，我們遇到非常棒的解決方法：每個人可以利用自己的閒暇時間測試**。
如果某個人想按照進度測試**，他們可以在上下班途中使用自己的手機或者平板——或者在家中用電視進行測試。這樣更好，這種形式的測試更接近我們的使用者使用**的方式。
5. 保持本地 apps 和移動 web 的一致性
近期，lot18 將會發布一款本地 iphone app 。和大多數本地 apps 一樣，只不過這是為 iphone 設計的，使用起來感覺更自然。
然而，即使專注於某個app 的使用者也會通過 email、twitter、facebook 訪問移動**。響應式**需要提供本地和移動 web 體驗的一致性、並強化整個品牌的體驗。
6. 開發新的響應功能
**發布之後，我們觀察到人們在預覽**的hciqfiw時候，出現的一種新行為。一旦他們意識到**對他們做出響應，他們開始進入遊戲狀態。
響應能力為**的體驗增加了更多因素，並隨著使用者使用不同的設計，或者從一種模式換到另一種模式，給使用者提供不同的外觀。
我見到的是情緒化的反應，可以被解程式設計客棧釋成「這太有意思了！」。總的說，這是正面的評價。
7. 你需要作出可靠的分析
最後，在比較統計數字的時候，很高興得知使用者與同樣的內容進行互動。我們有了更多角度來觀察使用者的行為，從評測結果來看，這一點已經給我們帶來了積程式設計客棧極的變化。
我們最近發布遇到的最棒的事情就是，對於我們來說，這不再是乙個「真正的」lot18.com 。相反，所有的訪客在 lot18 的體驗 —— 不管使用的是什麼裝置 —— 都有特別的收穫。因此，我們的開發團隊更靠近業務邏輯，能夠作為使用者服務這一部分的擴充套件，提供更好的**商店體驗 —— 在激烈競爭的電子商務**中，這是個突出的優點。
原文出處：seven lessons learned from responsive web design
編譯：iteye
本文標題: 有關 web 響應式設計的 7 點啟發
本文位址: /news/exp/44063.html
有關響應式Web設計的7點啟發
開發者視角中的優秀並不意味著使用者也有同樣的感受。國外知名電子商務 lot18的高階前端開發人員vince allen，特別撰文講述了採用響應式設計開發lot18的背後故事和7條經驗。全文如下 為lot18這 樣迅猛發展的電子商務公司工作是件激動人心的事情。知道幾個月後，在開發團隊面臨一項重大決擇的...
響應式web設計
initial scale 1.0 script 不使用width px 只使用百分比寬度width xx 或者width auto 字型也不能使用絕對大小 px 而只能使用相對大小 em 如 font normal 100 helvetica,arial,sans serif 字型大小是頁面預設大...
響應式web設計
響應式網頁設計是時下網頁設計領域最熱門的話題之一，該概念由著名網頁設計師 ethan marcotte 在2010年5月份提出，其目標是要讓設計的 能夠響應使用者的行為，根據不同終端裝置自動調整尺寸。簡而言之，就是乙個 能夠相容多個終端 而不是為每個終端做乙個特定的版本。那麼，怎麼實現響應式設計呢？...