什麼是網頁設計中的“優雅的退化”?

網頁設計行業總是在變化,部分原因是網頁瀏覽器和設備總是在變化。 由於我們作為網頁設計師和開發人員的工作是通過某種網絡瀏覽器查看的,因此我們的工作將始終與該軟件有共生關係。

網站設計者和開發者一直面臨的挑戰之一不僅是網頁瀏覽器的變化,而且還有用於訪問他們網站的各種不同的網頁瀏覽器。 如果網站的所有訪問者肯定會使用最新最好的軟件,那將是非常好的,但事實並非如此(可能永遠不會)。 您網站的部分訪問者將使用瀏覽器查看網頁,這些瀏覽器非常陳舊,缺少更新式瀏覽器的功能。 例如,微軟IE瀏覽器的老版本一直是許多網絡專業人士的焦點。 儘管該公司已經放棄了對一些最老的瀏覽器的支持,但仍然有人會使用它們 - 你可能想與之開展業務並溝通的人!

現實情況是,使用這些過時的網頁瀏覽器的人們通常甚至不知道他們已經過時了軟件,或者他們的網頁瀏覽體驗可能因為他們的軟件選擇而受到損害。 對他們來說,那個過時的瀏覽器就是他們長期以來用來訪問網站的東西。 從網絡開發人員的角度來看,我們希望確保我們仍然可以為這些客戶提供可用的體驗,同時創建能夠在當今更加現代化,功能豐富的瀏覽器和設備中出色工作的網站。 “優雅的退化”是一種處理各種不同瀏覽器(新舊)的網頁設計的策略。

從現代瀏覽器開始

一個網站設計,建立優雅降級首先考慮到現代瀏覽器設計。 該網站是為了利用這些現代Web瀏覽器的功能而創建的,其中許多“自動更新”功能可確保人們始終使用最新版本。 然而,優雅地降級的網站對舊版瀏覽器也有效。 當那些較舊的,功能較少的瀏覽器查看該網站時,它應該以仍然有效的方式降級,但可能具有較少的功能或不同的顯示視覺效果。 雖然這種提供功能較差或不太好看的網站的概念可能會讓你覺得奇怪,但事實是人們甚至不知道他們錯過了。 他們不會將他們所看到的網站與“更好的版本”進行比較,只要網站能夠滿足他們的需求,並且不會在功能上或視覺上損壞,您的狀態就會很好。

漸進式增強

優雅退化的概念在很多方面與您可能聽說過的另一種網頁設計概念類似 - 漸進式增強。 優雅的退化策略與漸進式增強的主要區別在於您開始設計的地方。 如果您從最小公分母開始,然後為您的網頁添加更多現代瀏覽器的功能,那麼您正在使用漸進式增強功能。 如果您從最現代的尖端功能開始,然後縮小尺寸,則可以使用優雅的降級功能。 最終,無論您是使用漸進增強還是優雅降級,最終的網站都可能會提供相同的體驗。 實際上,任何一種方法的重點都是創建一個適用於現代瀏覽器的網站,同時仍然為舊的Web瀏覽器和繼續使用它們的客戶提供可用的體驗。

優雅的退化並不意味著告訴讀者,“下載最新的瀏覽器"

許多現代設計師不喜歡優雅的降級方法的原因之一是因為它經常變成讀者下載最現代的瀏覽器以供頁面工作的需求。 這不是優雅的退化。 如果您發現自己希望編寫“下載瀏覽器X以使該功能正常工作”,那麼您已經離開了優雅降級的境界,並轉而採用以瀏覽器為中心的設計。 是的,在幫助網站訪問者升級到更好的瀏覽器方面無疑是有價值的,但這往往是很多要問的問題(請記住,許多人不明白下載新瀏覽器的情況,而且他們這樣做的要求可能會嚇倒他們走了)。 如果你真的想要他們的業務,告訴他們離開你的網站去下載更好的軟件是不太可能的。 除非您的網站具有需要特定瀏覽器版本或更高版本的關鍵功能,否則強制下載通常會成為用戶體驗中的交易斷路器,應該避免這種情況。

一個好的經驗法則是遵循相同的規則,以適應漸進式增強:

  1. 編寫有效的,符合標準的HTML
  2. 使用外部樣式表進行設計和佈局
  3. 使用外部鏈接的腳本進行交互
  4. 確保即使是沒有CSS或JavaScript的低級瀏覽器也能訪問內容

考慮到這一過程,您就可以走出去,構建最前沿的設計! 只要確保它在功能較差的瀏覽器中降級,同時仍在工作。

你需要去多遠?

許多Web開發人員有一個問題,那就是瀏覽器版本應該支持多久? 這個問題沒有切入和乾涸的答案。 這取決於網站本身。 如果您查看網站的流量分析,您會看到使用哪些瀏覽器訪問該網站。 如果您看到使用某個較舊瀏覽器的人群中有相當比例的人,那麼您可能會希望支持該瀏覽器,否則可能會失去該業務。 如果你看看你的分析,看到沒有人使用舊瀏覽器版本,那麼你可能很安全,決定不用擔心完全支持過時的瀏覽器並對其進行測試。 因此,對於您的網站需要支持多久的問題,真正的答案是 - “無論您的分析結果如何,您的客戶都在使用它。”

Jennifer Krynin的原創文章。 由Jeremy Girard在8/9/17編輯。