Web響應式設計案例:響應式設計開發Lot18

來源:互聯網
上載者:User

文章描述:有關 Web 響應式設計的 7 點啟發.

開發人員視角中的優秀並不意味著使用者也有同樣的感受。國外知名電子商務網站 Lot18 的進階前端開發人員Vince Allen,特別撰文講述了採用響應式設計開發Lot18的背後故事和7條經驗。

全文如下:

為Lot18 這樣迅猛發展的電子商務公司工作是件激動人心的事情。知道幾個月後,在Team Dev面臨一項重大決擇的時候,我們狂熱的情緒才逐漸平複下來。我們的困擾是:是 在網站的原有引擎(該引擎很有可能在網站發布幾個月後就難以為繼)上繼續開發還是重新搭建全新的平台(可以使用數年),我們選擇了後者,只用了三個半月填 鴨式地完成了一年的工作。

我們也知道我們的訪客越來越多地使用多樣性的方式來訪問Lot18 ,並且這種趨勢在逐漸增加。 Web 響應式設計是我們開發戰略的核心,但是它使得我們不得不顛覆原本開發工作中的思維模式。

以下是我們在短時間內開發響應式網站得出的 7 點心得。

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

作 為一個開發人員,總是需要適應不同的裝置、瀏覽器和作業系統——從不缺工作。但是,為每個平台建立一個 APP 對於一個小公司來說並不是一個可持續戰略。在開發、測試和部署每個代碼塊時,盡量簡化和合理流程中的每個步驟。這樣在關鍵時刻,使疲勞的你可以把精力集中 到關鍵路徑上。

2. 業務第一

對於電子商務網站來說,假期購物季是最忙的——尤其是對專註於食物和紅酒的網站來說。數以千計的顧客籌劃派對、選禮物,我們無法確定,是不是每個買家都坐在電腦旁,或者,能夠花時間搜尋響應的 App,並下載使用。

假設所有特定的使用者都會使用同樣類型的裝置,使用者每次訪問網站或者被邀請到Lot18 使用者的朋友都使用相似的裝置,作出的這樣的推測是不靠譜的。採取回應程式式提升業務優先權,並把我們重新置放成Team Dev。我們更加接近使用者的體驗,並不只是關注我們自己的時間表。

3. 不要追求跨平台,專註於開發功能

不針對每個平台進行開發,我們可以花更多的時間在為新網站開發功能上。舉個例子,隨著我們不斷地調整我們的校正系統,我們可以把精力放在某個UI/UX 策略上,而不用擔心某個特定裝置的構造。這樣,Team Dev將會更加專註於功能的開發,並且更高效。

4. 每個人都是 QA

在小公司裡,每個人都很忙,可能沒有時間排查新版本中的bugs 和意外的複雜情況。在開發新響應式設計的時候,我們遇到非常棒的解決方案:每個人可以利用自己的閑暇時間測試網站。

如果某個人想按照進度測試網站,他們可以在上下班途中使用自己的手機或者平板——或者在家中用電視進行測試。這樣更好,這種形式的測試更接近我們的使用者使用網站的方式。

5. 保持本地 Apps 和移動 Web 的一致性

近期,Lot18 將會發布一款本地 iPhone App 。和大多數本地 Apps 一樣,只不過這是為 iPhone 設計的,使用起來感覺更自然。

然而,即使專註於某個App 的使用者也會通過 email、Twitter、Facebook 訪問移動網站。響應式網站需要提供本地和移動 Web 體驗的一致性、並強化整個品牌的體驗。

6. 開發新的響應功能

網站發布之後,我們觀察到人們在預覽網站的時候,出現的一種新行為。一旦他們意識到網站對他們做出響應,他們開始進入遊戲狀態。

響應能力為網站的體驗增加了更多因素,並隨著使用者使用不同的設計,或者從一種模式換到另一種模式,給使用者提供不同的外觀。

我見到的是情緒化的反應,可以被解釋成“這太有意思了!”。總的說,這是正面的評價。

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

最後,在比較統計數位時候,很高興得知使用者與同樣的內容進行互動。我們有了更多角度來觀察使用者的行為,從評測結果來看,這一點已經給我們帶來了積極的變化。

我們最近發布遇到的最棒的事情就是,對於我們來說,這不再是一個“真正的”Lot18.com 。相反,所有的訪客在 Lot18 的體驗 —— 不管使用的是什麼裝置 —— 都有特別的收穫。因此,我們的Team Dev更靠近商務邏輯,能夠作為使用者服務這一部分的擴充,提供更好的線上商店體驗 —— 在激烈競爭的電子商務網站中,這是個突出的優點。

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



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。