響應式設計似乎是一個輝煌的解決方案,以增加移動用戶應對,但什么是它的利弊,什么必須考慮,以使其有效?
移動瀏覽的增長
據濟南網站建設統計從移動瀏覽網頁已經到達一個大的方式,只會變得更大。 2012年至2016年的智能手機用戶,在英國的數量將增加一倍以上,從1920萬到4190萬,根據eMarketer的預測。
國標人群的平板所有權為13%,其中非iPad所有權穩步上升,在市場上的Andr??oid平板電腦的日益普及(益普索森喜朗)
購物和瀏覽移動設備上:66%的平板電腦擁有者取得了他們的設備購買,而44%的人在最近幾個月做了同樣的從他們的智能手機,根據eDigitalResearch和IMRG。
但90%的網站為移動不優化,甚至更大的公司都無法滿足移動需求作為英國最大的100廣告60%的人沒有一個移動優化的網站。
響應式設計
一種解決方案是構建單獨的移動和桌面的網站,但另一種方法是“響應”的設計。 這是一種方式取決于屏幕的尺寸來顯示以不同的方式在各種設備上的內容。 它涉及到建立一個網站,并使用樣式表格式化基于瀏覽器大小的內容。
這種方法的,他們主要優點是:
- 你只需要建立和維護一個網站
- 該網站顯示以及在所有平臺上,所以應該更容易使用
- 很多用戶使用手機的一切 – 他們沒有不同的目標或希望在移動不同的旅程
- 谷歌喜歡移動優化網站
有些缺點是:
- 如果用戶有特定于移動目標則是難以保持平衡的臺式機和移動設備的競爭的需要
- 用戶行為不同的觸感和刷卡設備(移動)與點比較,然后單擊設備(臺式機)。 這是很難建立行之有效的接口在這兩種情況
- 對于響應式設計的網站運行良好,你必須想移動第一。 這可能是難以接受的桌面優化現有的網站(以及認為’桌面’的組織文化),并更改為針對移動進行優化。
- 需要為小屏幕可能不是最好的大屏幕簡單的圖像和布局
什么考慮
盡管有缺點,但毫無疑問,響應式設計是很多網站一個很好的解決方案,但他們必須設計并實施好。 要考慮的問題包括:
- 是否采用一個完全響應式設計(很多國家)與自適應布局(有限狀態數)
- 在設計的數量和斷點的大小
- 在何處放置,以及如何處理,網址導航
- 數和列的大小/網格在不同的分辨率
- 在不同的分辨率的文字大?。憫虐妫?/li>
- 圖像類型
- 有什么功能和內容隱藏在小分辨率
- 兼容性與舊的瀏覽器所要求的水平
如何在Web可用性可以幫助
如果響應式設計是你正在尋找的東西,然后網絡可用性可以幫助多種方式。 我們可以:
- 幫助您開發一個響應式設計策略
- 用戶測試自己的響應式設計原型在各種平臺
- 創建響應式設計原型,甚至是設計他們,如果需要