為什麼移動優先設計很重要? 它的方法和局限性

已發表: 2017-07-12

Mobile first design

為什麼選擇移動優先設計?

隨著蜂窩技術的出現,手機已成為日常生活中不可或缺的一部分。 從搜索信息到在線購買和銷售產品和服務以及娛樂,它們提供觸手可及的便攜性和功能,因此它們的使用非常廣泛。

大多數開發人員傾向於創建面向桌面的應用程序,然後他們簡化移動版本的功能和特性。 即使引入了響應式設計,許多開發人員也喜歡這種方法。

但是隨著移動用戶的不斷增加,開發對移動友好的應用程序變得很有必要,因為它們從這些平台訪問的頻率更高。 市場的新趨勢是先開發適合移動端的版本,然後再開發其他平台

為什麼要優先考慮移動開發?

幾乎每個人都擁有智能手機這一事實清楚地表明,我們需要在日常生活中使用它們。 此外,互聯網不再僅限於桌面; 它已遷移到移動和平板電腦平台,迎合這些用戶對於任何商業計劃都是必不可少的。

雖然可能有 25% 的用戶只通過移動設備訪問互聯網,但有 75% 的用戶不這樣做。 問題來了,為什麼要優先考慮移動平台的開發? 有明確的跡象表明,搜索引擎巨頭谷歌正專注於移動開發,並提供基於首先迎合移動設備的解決方案。 亞馬遜和 eBay 等跨國企業也迎合了大部分通過手機訪問網站的用戶,因此針對手機進行優化對於增強客戶體驗和長期規劃都是明智的決定。

優雅退化還是漸進增強?

關於移動平台的兩個關鍵開發技術是優雅降級和漸進增強。 雖然他們的目標是為移動和其他平台開發,但這些方法本身在本質上是獨一無二的。

優雅降級首先依賴於台式機和筆記本電腦等高端平台的開發。 創建穩定的產品後,由於硬件和軟件的限制,某些特性和功能會被削減,並從原始軟件生成一個流線型、移動友好的版本。 例如,如果應用程序的某些功能對於移動處理而言過於繁重,則會被刪除,並且屏幕尺寸會因顯示器更小而減小。

漸進式增強是一種相對較新的技術,它正在快速流行,因為移動用戶正在增加,因此對該領域增長的重視也是如此。 該產品最初是為移動平台設計的,並創建了一個迎合利基市場的版本,然後為限制較少的機器添加了更多內容和功能。

為什麼漸進增強會獲勝

儘管這兩種方法都有為移動和其他硬件開發的相同目標,但它們的最終結果卻不同。 如果從移動端開始開發,則幾乎沒有硬件和軟件限制,因為處理能力、圖形、功能集成、顯示尺寸和其他功能都可以輕鬆升級。 一旦所有者準備好加倍努力並使設計與其他平台和設備兼容,您就已經擁有令人難以置信的功能、出色的用戶界面和穩定的功能等待集成。 相反,為手機縮小尺寸是一項具有挑戰性的任務,會導致關鍵功能的喪失和不穩定。

另一方面,漸進增強是一種面向移動開發的方法,在該方法中創建項目的同時牢記平台的硬件和軟件約束。 最終產品是高效的,因為已經考慮了限制,提供了極簡方法的核心功能,並且適用於智能手機。 此外,在軟件開發生命週期的後期階段,消除約束和構建應用程序比實施約束更容易。 這允許對限制較少的機器進行產品的輕鬆修改和升級。

移動網頁設計的未來

開發移動友好的解決方案不再只是一種趨勢,它是一種開發技術。 以下是證明移動 Web 開發是一個值得關注的領域的一些事實。

  • 全球有超過 20 億的手機用戶。
  • 移動網絡可在大約 85% 的零售移動設備上使用。
  • 移動應用程序的下載量為 90 億次。
  • 大多數用戶僅使用移動平台訪問網站。 這意味著某些網站只能以適合移動設備的版本訪問。

隨著時間的推移,移動平台的用戶數量和發展都會增加,這需要適應技術發展。

響應式網頁設計

響應式網頁設計和漸進式增強同步工作,因為它們都依賴於智能手機的優化。 響應式網頁設計基於用戶的視口大小(可查看的網頁區域),並通過編寫移動平台的 CSS 並利用媒體查詢根據視口加載更多內容和功能,可以調整軟件的功能對於移動限制。

儘管大多數方法都規定了一種自上而下的方法,其中首先調整較大的特徵,但在調整較小的特徵和內容的同時考慮視口大小和移動限制似乎是可行的。 這樣一來,顯示屏較大的用戶可以查看更多內容,而顯示屏較小的用戶則不受數據擁塞的影響。

移動優先設計的局限性

雖然移動優先設計為移動平台提供了更好的用戶體驗和功能,但它確實有其局限性。 從一開始,就存在不能被推翻的約束,否則程序會失去質量或變得不穩定。 雖然響應式設計可能需要更高水平的技能,但它提供了基於視口的適應性,適合包含數據。

在開發的後期階段消除限制以進行升級可能更容易,但是構建移動優先軟件需要更改某些功能,以便它們適用於其他平台。 這有時會變得很耗時,並且需要將軟件遷移到其他平台的技能。

移動優先值得嗎?

雖然移動優先可能有其局限性,但它提供的優勢不容忽視。 在約束下開發軟件可能會出現問題,但最終產品可以根據規范進行升級和設計。 另一方面,如果不實施該方法,針對移動平台優化軟件會帶來許多問題。 雖然漸進式增強和響應式網頁設計需要技能來實現,但它們提供的產品穩定、功能強大、可用性高,並且可以根據不斷變化的需求進行修改