適應未來發展 Web如何設計才更友好？

原文鏈接：For a Future-Friendly Web

是時候考慮針對未來，設計出體驗友好的 Web 了。現在終端設備種類繁多，如臺式機、筆記本、上網本、平板電腦、多功能手機、智能手機等等，而這僅僅是一個開始。技術更新換代的速度在加快，我們的工作流程、標準及基礎設施正在觸及它們所能承受的極限。這個相互聯通的時代不斷創造著新的挑戰，同時也醞釀著巨大的機會。

誰也無法預知，在未來將會發生什么。如果有人說可以創造出永不過時的事物，這又將是多么愚蠢的事啊。雖然我們無法提前預知應對這種多樣化發展的解決方案，但作為 Web 的創造者，我們可以做一些準備來更好地應對未來。

首先，我們必須承認和擁抱未來的這種不可預知性，從而以友好地態度面對未來。我們不應該存在僥幸的假設：這種混亂只是暫時的，一段時間之后，一切將回歸正常。伴隨著每天越來越多連接設備的出現，我們正進入一個多樣化長存且持續變化的時代。這些事實要求我們重新思考我們所創造的內容、產品與用戶交互的環境及我們所提供服務。

推出與用戶密切相關的服務

人們閑扯的精力正在快速減少。據研究報告顯示平均每個美國人一天可消費掉 34GB 有價值的內容，所以出于需要，每個人正尋找各種方法減少噪音的干擾。自動轉帳服務減少了實體郵箱中過往的垃圾。通過 DVR、Netflix Instant、Ad Block Plus 和 BitTorrent，用戶不必再受節目空檔時間及廣告的干擾，還可以自由選擇內容。像 Instapaper、Readability、Safari Reader 和 Flipboard 之類的工具可以幫助用戶遠離紛雜的社交工具、Blogroll、廣告及討厭的 Overlay。

移動也是該相關性的巨大推動力。大部分美國人睡覺前最后接觸的是手機，而他們醒來后做的第一件事同樣是拿起手機。我們與移動設備有著密切的關系，所以我們希望它們可以成為我們自身的延展。我們希望它們僅發布我們需要的內容與功用。單單沒有足夠的時間、寬帶、屏幕面積等，我們仍受到很多外在困擾。

作為 Web 設計者，我們應該擁抱這些發展趨勢，尊重用戶的時間，去創造有價值地體驗。

專注于用戶最關心的事

設備將會越來越多樣化，而用戶關注范圍也將逐漸縮小，對此，我們應當如何應對呢？要想更好地適應未來，可能我們需要做的最重要的事便是“專注”。我們必須精準地找到對用戶和客戶來說最重要的事。

在過去幾年里，我們只是一味地增添內容和功能，而忽視了對網站結構的梳理。最終導致網站和服務變得十分臃腫、笨重，而無法適應當前快速發展的需要。頁面超慢的加載速度、凌亂而繁瑣的導航條、雜亂的工具欄，還有一些不太完善的功能，讓用戶備受煎熬。

要想解決這些問題，我們必須對所提供的服務內容進行深入分析，并建立強大的內容策略以保證我們所提供的內容對用戶和客戶來說有切實地意義。產品新增的每個功能、每行代碼及所包含的角本，都應該目的明確，且與網站的內容架構息息相關。我們必須果斷地去除糟粕，提供強大的、以用戶為中心的體驗。

前福特和克萊斯勒 CEO Lee Iacocca 每當要決定汽車的某項性能、附屬產品或計劃是該繼續還是該放棄時，他都會問“它可以發揮怎樣的作用？”。當我們考慮添加某項內容和功能時，我們也應該學著向 Iacocca 先生那樣追問“它可以發揮怎樣的作用？”，以測試我們的產品與服務。這樣真得可以增強用戶體驗嗎？通過怎樣的方式可以使我們的商業更好？

甩掉一些無用負載，從中解放出來開發更具核心地位、用戶確實需要的功能，從而讓我們的產品在競爭中脫穎而出。從用戶的愿景出發，提供更簡潔、更快速、更流暢的使用體驗。

“用戶的耐性是有限的，更何況面對小屏幕的移動設備。除非你專注于設計，否則用戶可能還沒來得及了解你的產品，就已經放棄了它。”—Marcos Lara

如果我們想更敏捷地跟上各種變化發展的步伐，我們就要甩掉一些包袱。專注于我們的用戶體驗，讓它變得更簡單。

設計出如“水”般的產品

無論你準備好與否，用戶已經開始在多設備上與我們的產品交互了。而很多情況下，這些設備，在我們設計這些產品時，還沒有出現。而這也促使了移動交互設計專家 Josh Clark 表示，我們應該把我們的產品想象成水，它可以倒入多種不同的容器中。

不要試圖覆蓋所有平臺

很多情況下，企業只會單純地應對擺在面前的問題，比如新的設備、瀏覽器、本地平臺、社交媒體渠道等等。這樣我們就會像流水線上的工人一樣，忙亂地遷移到不斷增長的各種渠道上。我們不應追趕蜂擁而至的各種平臺，更應意識到我們的產品內容需要拓展到更多領域，并在內容的基礎架構上做投資。而這是對未來的一種投資。

內容與表示層分離實現平臺無縫遷移

要創造更具響應性的內容，就需要舍棄以前所見即所得、Web 頁文字編排工具，換用更加模塊化、跨平臺、富含元數據的系統。更好的內容管理工具、更強大的 API 能產生更便攜的數據內容，不依賴某種特定技術，更容易適應未來的發展。

“內容的可移植性，保證了其移植到所有平臺上可以存活并繁榮發展。”——Daniel Jacobson

NPR 的 COPE（Create Once Publish Everywhere）系統已經成為下一代內容管理系統的典范。它可以將內容與表示層分離開來，從而使內容可以在 Web 頁、本地應用及各種環境中展示。開發者仍可使用標記語言來編寫內容，但最終會被 CMS 轉換成一種跨平臺的語言進行保存。該系統避免了存儲標記語言、表示層樣式，并將內容加以模塊化，這樣內容更輕便，并能以最好的樣式去適應某一特殊環境。更重要的是，NPR 不必一一在出現的平臺上對他們的系統進行全方位的測試。

提供更簡潔、更靈活的數據，可以使我們的產品及服務在未來有一個更好的生存機會。

漸進增強——新的方法論

“如水般的內容”正影響著 Web 用戶體驗的設計及建設。人們正使用著不同種類的設備，而種類也將越來越多，這也注定了產品在各設備上的性能、元素樣式及解決方案無法達成統一、標準化。

根據摩爾定侓，隨著時間的遷移，器件會越來越快、越來越強大，其成本也將大大降低。用戶也將獲得低成本，性能“足夠好”的 Web 終端設備。

“技術專業人士都知道摩爾定侓，但通常會忘記一個重要方面：在性能增長的同時，其成本也會降低。” ——Scott Jenson

終端設備領域的門檻很低（免費的操作系統、廉價的硬件），將導致大量廉價的互聯設備涌入市場。正如 iPad 5 肯定比 iPad 2 具有更好的性能，我們需要考慮提供不同性能的產品：優秀的、粗糙的，及介于兩者之間的性能狀態。因為這些屏幕背后的是希望獲得交互、探索、學習、享受的人。

為了滿足這種多樣化，我們需要將漸進增強的能力提高一個等級。除了探索新特性，我們還需再進一步，產品要能基于設備屏幕的大小、寬帶、 JavaScript 支持情況及設備性能的情況進行自我適應、漸進增強。放棄某些安逸的假設，以移動優先為設計思想，構建一種核心體驗，我們便能構建一個穩定的基礎去支持更多的平臺。在很多情況下，最核心的體驗獲得了較好的效果，漸進增強將幫我們把產品推給更多的用戶。

結構化的內容可適應未來多平臺環境

一切將從標記語言開始。即便是最討厭的瀏覽器也能識別標記語言。HTML5為增強用戶體驗敞開了大門。面對眾多的移動設備不斷發生的變化，我們意識到根本的、簡潔的、強大的標記語言是跨眾多平臺開發最好的利器。

“移動設備市場正不斷發生著變化。性能也在持續改變。可能只有結構化的內容可以移值到未來的平臺上。”——Stephen Hay

具有靈活性的樣式，可適應多屏幕

現在我們已經意識到，Web 頁的寬并非只能限定在 960px 大小，我們正逐漸回歸 Web 所具有的流動特性。多虧有響應式 Web 設計，它提供了具體的技術去適應各種尺寸大小的屏幕，同時保證設計布局和表現樣式保持在同等水平。可能更重要的是，響應式設計提供了我們急需的開發語言，依靠它，我們在討論設計方案時不必再單獨考慮屏幕的大小及硬件環境。

面對設備多樣化的挑戰，響應式 Web 設計并非是萬能的（并非像它所聲稱的那樣），但它卻是重要的一步。我們仍需通過上下文環境、源代碼、輸入方式、媒介等方式解決內容層次結構問題。

定位不同平臺開拓平臺優勢

移動設備及其他新出現的平臺在屏幕大小上各不相同，可靈活適應的布局結構將變得極其重要。各平臺均有自己的優勢及限制，開發者必須謹慎選擇。雖然對內容提供統一的訪問方式相當重要，但這并不意味著我們應該為所有平臺的用戶提供可以適應所有平臺的同一尺寸的服務。

理解用戶使用產品的環境

用戶正以越來越多的方式與我們的產品進行交互，用戶的使用環境直接影響著我們產品的設計目標。我們不應該簡單地根據用戶的設備就砍倒某些內容或功能，我們應該了解用戶使用該產品的環境。根據它來確定需要加強和優化的地方。一個整天忙碌的用戶如何從你的服務中獲益？用戶憑什么要在他們的 TV 上訪問你的網站？筆記本用戶訪問我們的網站和平板電腦用戶有怎樣的不同？通過詢問這些問題可以幫助我們確定優先考慮的目標，避免與機會擦肩而過。

充分利用設備的性能

現在有些瀏覽器已經支持觸屏控制、地理定位及硬件加速。希望未來的瀏覽器可以訪問設備更多的 API。這將為基于設備的性能提高用戶體驗提供更多機會。例如，我們常常忘記移動電話是用來打電話與發送消息的通訊工具。我們應該如何利用這些特性更好的吸引用戶呢？

現在，一些設備可以打電話。而未來的設備可能會接入類 Kinect 的手勢感應功能、語音輸入，甚至其他仍在構思中的功能。現在新興的多屏幕，為我們實現各屏幕之間的交互提供了令人激動的機會。讓我們完成這些新功能，讓 Web 成為新的、令人興奮的地方。

結語

設計出對未來友好的 Web，這一思想包含很多內容：Web 標準、內容策略、漸進增強、響應式設計等等。這比任何一個方法、技術更強大。它可以幫助我們跳出現有項目的范圍思考問題，幫助我們為充滿創新、持續改變的未來做好準備。