根據DailyTech的統計,到2015年,移動互聯網的用戶數量將會超過桌面用戶。除了智能手機之外,使用平板電腦甚至是電視機進行上網的用戶也在持續增加。在這種形勢下,怎樣讓我們的網站盡量兼容各種類型的設備,并確保優良的用戶體驗,這將是越來越重要的問題。
通過響應式的設計開發方式,我們可以使網站頁面隨瀏覽設備的不同而自行響應,動態的調整布局結構、元素規格樣式,將相同的內容以不同的格式呈現給不同設備的用戶。
如果你對響應式Web設計還不大了解,可以先參考閱讀我們之前的關于響應式設計的概念、組成要素及基本實現思路
方面的文章,全方位預熱一下。
什么情況下適宜采用響應式Web設計的方式
當客戶提出產品功能移動化的需求時,有一些解決方案可供我們選擇,包括原生客戶端應用、Web應用等;究竟怎樣的方式更合適,還是取決于具體的需求情況。另外也要考慮網站本身是否需要實施移動化。雖然響應式站點并不能算是一種純粹的移動化解決方案,但是,在某些情況下,這種方式是非常值得考慮的。
你心里沒譜
設計開發一個全新的移動版本站點或是客戶端應用,整個過程是有很大挑戰性的。除非產品正式上線,否則你無法真正了解它是否會成功。與其單純的為了移動化而花費資源打造移動版本站點或是開發客戶端應用,不如先花些心思將原本的網站打造的更具彈性,使其在各種主流移動設備中都擁有盡量優秀的用戶體驗。
你想節約成本
要打造響應式站點,自然離不開有經驗的交互、視覺設計及前端開發人員。所需的資源,尤其是時間方面,比起普通網站來說大約增加20%到30%的樣子;但比起單獨打造移動版本的網站,或是設計開發客戶端應用的成本來說,卻要低很多。從維護的角度來說,也會輕松很多。
你希望網站可以兼容未來的新設備
所謂的移動版本站點,通常是針對某類具體規格的設備進行單獨打造的,彈性比較差。新的移動設備層出不窮,傳統的移動版本站點需要不斷的進行更新維護,才能盡量保證在新設備中工作良好。響應式設計可以根據設備瀏覽環境的具體規格進行判斷,使用不同的呈現方式來展示內容,無需針對某種特定的規格進行維護,適應性更好。