《漸進增強——跨平台使用者體驗設計》一1.6 适應未知的裝置

本節書摘來自異步社群《漸進增強——跨平台使用者體驗設計》一書中的第1章，第1.6節，作者 【美】aaron gustafson，更多章節内容可以通路雲栖社群“異步社群”公衆号檢視

然而，還是有人認為，設計思想這東西看不見摸不着，扯那些沒用的是在浪費時間。在web設計師tim kadlec的博文“我們的設計并沒有真正了解web”的後面，有個讀者的留言是這麼說的[15]：

“說得好聽，但是不接地氣。你得算一下捕捉使用者的成本。如果一些使用者根本不是你的目标使用者，不能為你帶來任何收益，那麼，幹嘛為他們進行優化？根據這種設計思想，本質上你是要為所有使用者的體驗負責，無形中會大量增加開發成本。但是，恕我打個比方——我們都知道成衣的尺碼分大中小号，我們大多數人也都是到成衣店試衣，覺得尺碼差不多合身就買回家了。為什麼呢？因為絕大多數人雇傭不起一個裁縫來為自己的每件衣服量體裁衣，這樣成本太高了！除非你能讓我看到這麼做的回報，否則我很難接受這種設計思想。”

tim是這麼回答的：

“我認為，所謂優雅降級式的向下逐級支援，和漸進增強式的向上逐級優化，是完全不同的兩個概念。首先，我說的為所有的裝置優化，并不是我真的在京東下單買下了網站上所有的手機，拿回來一台台測試，來保證所有裝置上的網頁都運作正常。實際上，我們并不需要測試每一台裝置，很多裝置都可以歸為同一個類别，對有限幾個類别的機器進行測試，不會花太長時間。

漸進增強，即向上逐級優化，先在一類舊裝置和浏覽器上實作較為基礎的功能，再為能夠支援較新技術的裝置和浏覽器逐級豐富它們的體驗。比如說，一開始你要考慮到，一些裝置可能對javascript的支援不是很好，那麼你在一開始建構網頁的時候，需要利用html和css的特性，讓網頁在脫離javascript支援的情況下，也能保證内容的可讀以及最起碼的互動可用性。”

在設計和寫代碼的過程中，沒有人能夠預料到使用者在何種使用場景下，使用哪種浏覽器或裝置去通路這個網頁——就算你們的預算再充足，也沒人傻到幹這種出力不讨好的事。就如brad frost所說的，你需要考慮的隻是“支援程度與優化設計之間的平衡”。在一步步進行設計創意的時候，不要讓進階功能傷害到舊裝置的可用性。

漸進增強的思想，是一種平衡各種裝置間互動可用性的思想。在寫代碼的過程中，一些代碼是任何浏覽器或裝置都能解讀的。我們先以健壯的方式寫下這些安全的代碼，保證所有的裝置和浏覽器可以通路，然後再為技術支援程度更高的裝置和浏覽器去優化，是以漸進增強并不要求技術追新，我們希望可以利用現有的技術讓所有的使用者都能獲得可接受範圍内的互動體驗。

如果你應用了漸進增強的思想來設計和編寫網頁，當使用者通過一些你們沒有測試到的奇葩裝置或浏覽器來通路，你會發現，在這些意料之外的裝置上，你的頁面依舊顯示得不錯。舉例來說，2013年，techcrunch進行了一次改版，這次改版并沒有專門為特别小的螢幕進行優化，但是當智能手表流行起來之後，使用者發現，在智能手表上，網頁也顯示得很好（圖1-4）。

漸進增強是面向未來友好設計的核心思想[16]之一。原因就是用這種思想，你可以做到相容未知的裝置。