有關響應式Web設計的7點啟發

2021-06-08 08:51:26 字數 1186 閱讀 1342

開發者視角中的優秀並不意味著使用者也有同樣的感受。國外知名電子商務**lot18的高階前端開發人員vince allen,特別撰文講述了採用響應式設計開發lot18的背後故事和7條經驗。全文如下:

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

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

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

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

作為乙個開發人員,總是需要適應不同的裝置、瀏覽器

2.業務第一

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

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

4. 每個人都是qa

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

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

6.開發新的響應功能

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

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

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

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

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

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

有關 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月份提出,其目標是要讓設計的 能夠響應使用者的行為,根據不同終端裝置自動調整尺寸。簡而言之,就是乙個 能夠相容多個終端 而不是為每個終端做乙個特定的版本。那麼,怎麼實現響應式設計呢?...