面向未來的友好設(shè)計(jì)：Future Friendly
一年前翻譯了本文的一部分，最近終于翻譯完成。雖然此設(shè)計(jì)思想的提出已經(jīng)好幾年了，但是還是覺得應(yīng)該在國內(nèi)推廣一下，讓大家知道“內(nèi)容策略”，“移動(dòng)優(yōu)先”，“響應(yīng)式設(shè)計(jì)”，“原子設(shè)計(jì)”等設(shè)計(jì)思想和技術(shù)的根源。這些概念最早其實(shí)是由luke wroblewski，brad frost等人在同一個(gè)設(shè)計(jì)思想框架下提出的。筆者經(jīng)“面向未來的友好設(shè)計(jì)(Future Friendly Web Design)”設(shè)計(jì)理念聯(lián)合創(chuàng)始人Jason Grigsby授權(quán)，將此設(shè)計(jì)思想框架首次翻譯為中文版本。
能力所限，敬請(qǐng)指正，歡迎傳播，轉(zhuǎn)載時(shí)請(qǐng)請(qǐng)注明出處。
一、前言
今天，聯(lián)網(wǎng)的移動(dòng)設(shè)備數(shù)量正在疾速增長(zhǎng)，人們的上網(wǎng)習(xí)慣也在不斷改變，移動(dòng)互聯(lián)網(wǎng)的浪潮方興未艾，作為設(shè)計(jì)師和開發(fā)者，需要了解以下幾個(gè)現(xiàn)狀：
- 設(shè)備的碎片化問題凸顯。未來將誕生越來越多差異化的可訪問Web的設(shè)備，人們將通過各種奇葩網(wǎng)絡(luò)環(huán)境來使用它們；
- 因移動(dòng)設(shè)備間的設(shè)計(jì)還原能力差異巨大，我們既往千辛萬苦沉淀的規(guī)范、工作流程、基礎(chǔ)框架將無法滿足設(shè)備間差異化的設(shè)計(jì)需要；
- 解決方案總是優(yōu)于規(guī)范而先出來的，在找到跨設(shè)備、跨平臺(tái)的通用解決方案之前，我們只能著手為若干目標(biāo)設(shè)備尋求單獨(dú)的針對(duì)性解決辦法；
- 跨平臺(tái)的通用標(biāo)準(zhǔn)的建立是漫長(zhǎng)而曲折的。在尋求解決辦法的過程中難免磕磕絆絆，一個(gè)標(biāo)準(zhǔn)化的解決方案需要在不斷試錯(cuò)的過程中逐步誕生。
擁抱未來
道路是曲折的，前方是光明的。今后網(wǎng)絡(luò)和設(shè)備環(huán)境的發(fā)展會(huì)為我們帶來什么，我們無法確知。但是無論如何，我們應(yīng)該做到：
- 相信未來，擁抱未知；
- 在設(shè)計(jì)工作中學(xué)習(xí)和應(yīng)用一些適應(yīng)未來的設(shè)計(jì)思想，即面向未來的友好設(shè)計(jì)思想；
- 用上述思想去幫助和影響他人。
二、 思考
我們的設(shè)計(jì)應(yīng)該對(duì)未來更加友好一些。我們應(yīng)該通過對(duì)未來的預(yù)測(cè)，選擇適合的技術(shù)，為人們創(chuàng)造出既滿足今天需要，又能夠適應(yīng)未來變化的產(chǎn)品或價(jià)值。以下是一些有關(guān)產(chǎn)品、設(shè)計(jì)和技術(shù)的理論思考，如果你對(duì)這些理論有新的見解，或者另有蹊徑，請(qǐng)不吝分享出來。
專注于內(nèi)容
我們不要去追求在所有設(shè)備上展現(xiàn)全部的內(nèi)容，我們需要判斷哪些內(nèi)容是用戶想要看到的，然后通過合理的方法重新組織起來去適應(yīng)用戶的設(shè)備。要知道，用戶依賴自己的一雙慧眼去篩選自己需要的內(nèi)容是需要大量做功的。我們可以通過一系列設(shè)計(jì)和技術(shù)方案使用戶在各種設(shè)備上都能夠輕松愉快地獲取內(nèi)容和服務(wù)。這種差異化的內(nèi)容組織或設(shè)計(jì)方案，可以借鑒下面三種思想：以用戶為中心環(huán)繞的數(shù)據(jù)
現(xiàn)在的用戶往往擁有多個(gè)可聯(lián)網(wǎng)的設(shè)備，這些設(shè)備間能夠進(jìn)行數(shù)據(jù)互通，就像iCloud一樣，如果你使用iPad側(cè)修改通訊錄，登錄同一個(gè)帳號(hào)的手機(jī)馬上就可以獲取到你在iPad上修改的內(nèi)容。面向未來的友好設(shè)計(jì)中將此稱之為“以用戶為中心環(huán)繞的數(shù)據(jù)”，主要可以參考以下幾點(diǎn)：- 根據(jù)設(shè)備的特點(diǎn)，在不同的設(shè)備上使用獨(dú)特而靈活的方式來訪問數(shù)據(jù)；
- 同一服務(wù)在多設(shè)備上的數(shù)據(jù)要遵守一定的規(guī)范；
- 注重?cái)?shù)據(jù)長(zhǎng)期的完整性；
- 內(nèi)容中引用的參考文獻(xiàn)必須有意義且可以長(zhǎng)久訪問；
- 每個(gè)設(shè)備均應(yīng)提供讀寫操作（對(duì)內(nèi)容或內(nèi)容來源的編輯）。
內(nèi)容的組織
經(jīng)過合理組織的內(nèi)容是設(shè)計(jì)的核心。既然我們只能讓內(nèi)容去適應(yīng)林林總總的設(shè)備，我們就有必要盡可能地了解設(shè)備間的差異、約束和限制。然后根據(jù)每種設(shè)備的特點(diǎn)去針對(duì)性地進(jìn)行設(shè)計(jì)。未來是多變的，適應(yīng)方式也是多樣的。唯有大膽探索，合理預(yù)測(cè)，才能找到合適的解決方案。無論是高端的智能機(jī)，還是受較大限制的老舊設(shè)備，設(shè)備間內(nèi)容互通的設(shè)計(jì)方案同樣也是面向未來的友好設(shè)計(jì)的一部分。
識(shí)別未知的設(shè)備
面對(duì)著各種不同類型的設(shè)備，設(shè)計(jì)工作無疑是個(gè)艱巨的挑戰(zhàn)。履行web的標(biāo)準(zhǔn)化無疑是簡(jiǎn)化設(shè)計(jì)工作的最好辦法，與之同時(shí)，根據(jù)每種不同設(shè)備的識(shí)別信息，進(jìn)行個(gè)性化的調(diào)整，是完成設(shè)計(jì)工作必要的補(bǔ)充。將當(dāng)前需要適應(yīng)的設(shè)備進(jìn)行分類，并將分類方法應(yīng)用到今后可能出現(xiàn)的新設(shè)備上。
運(yùn)用各種設(shè)備來建立你自己的Web生態(tài)系統(tǒng)
在我們的數(shù)碼生活中，每種設(shè)備具有每種設(shè)備的優(yōu)勢(shì)。所以我們會(huì)選擇適合的設(shè)備做適合的工作。當(dāng)我們高效利用自己手中的若干設(shè)備為自己的生活服務(wù)時(shí)，這些設(shè)備就組成了一個(gè)環(huán)繞我們的web生態(tài)系統(tǒng)。在這個(gè)生態(tài)系統(tǒng)中，設(shè)備之間的關(guān)系并不是割裂的。而且只有在這個(gè)生態(tài)系統(tǒng)中，每個(gè)設(shè)備才能最大化地發(fā)揮它的作用。而我們需要考慮的，就是如何利用這個(gè)生態(tài)系統(tǒng)來提高我們工作的能力和效率。三、參與
歡迎加入“面向未來的友好設(shè)計(jì)”。現(xiàn)在你是我們的一份子了。你可以在你的工作中運(yùn)用，或者向他人推廣這種設(shè)計(jì)思想。比方說你可以做如下的一些事情：在設(shè)計(jì)前先思考一下我們的設(shè)計(jì)哲學(xué)
“面向未來的友好設(shè)計(jì)”描述的是一種設(shè)計(jì)原則，而不是一種特別的技術(shù)實(shí)現(xiàn)方案。具體的技術(shù)隨著時(shí)間推移，可能會(huì)發(fā)展繁榮抑或過時(shí)衰亡。同樣也沒有任何一種方法、技術(shù)，或者流程可以像萬金油一樣解決一切問題。“面向未來的友好設(shè)計(jì)”是一種設(shè)計(jì)哲學(xué)，這種思想應(yīng)該是融會(huì)在技術(shù)之中的。使用“面向未來的友好設(shè)計(jì)”這個(gè)名稱
當(dāng)你在設(shè)計(jì)工作中和同伴討論相關(guān)原則的時(shí)候，多使用“面向未來的友好設(shè)計(jì)”這個(gè)名稱，向同伴們推廣這個(gè)概念以及概念背后的原則。在微博中添加#ffly標(biāo)簽，以及使用“面向未來的友好設(shè)計(jì)”的專用logo (.eps 或 .ai)。傳播概念
向你的伙伴、下屬、老板介紹“面向未來的友好設(shè)計(jì)”概念，分享我們的網(wǎng)站。新概念的推廣肯定是有阻力的。嘗試將我們的設(shè)計(jì)概念和商業(yè)目標(biāo)、用戶體驗(yàn)、關(guān)系鏈提升等硬指標(biāo)聯(lián)系在一起去解釋，也許就可以爭(zhēng)取到大多數(shù)人的認(rèn)同。選擇符合“面向未來的友好設(shè)計(jì)”的技術(shù)實(shí)現(xiàn)方案
檢查一下現(xiàn)在的項(xiàng)目目標(biāo)，并且選擇符合“面向未來的友好設(shè)計(jì)”的技術(shù)方案去實(shí)現(xiàn)它。“面向未來的友好設(shè)計(jì) - 思想” 中有你所需的學(xué)習(xí)資源。很多作者也在不斷豐富著我們的理論和技術(shù)文章，我們誠摯邀請(qǐng)你來檢查我們的工作，同時(shí)期待著你的分享：- andrea trasatti
- brian leroux
- bryan rieger
- brad frost
- jason grigsby
- jeremy keith
- josh clark
- luke wroblewski
- lyza d. gardner
- scott jehl
- scott jenson
- stephanie rieger
- tim kadlec
更多
更多信息可以關(guān)注“面向未來的友好設(shè)計(jì)”的推特@future_friendly或者這份由Dave Olsen不斷維護(hù)更新的技術(shù)實(shí)踐文章列表。“面向未來的友好設(shè)計(jì)”倡導(dǎo)者名單
個(gè)人整理的一些“面向未來的友好設(shè)計(jì)”資源
博客
- 響應(yīng)式Web設(shè)計(jì)創(chuàng)始人 Ethan Marcotte
- 移動(dòng)優(yōu)先的先行者 Luke Wroblewski
- “面向未來的友好設(shè)計(jì)”概念的主要倡導(dǎo)者 Brad Frost
書
- Erin Kissane: "內(nèi)容策略的元素 The Elements of Content Strategy"
- Ethan Marcotte: "響應(yīng)式設(shè)計(jì) Responsive Web Design"
- Luke Wroblewski: "移動(dòng)優(yōu)先 Mobile First"
- Karen Mcgrane: "移動(dòng)設(shè)備上的內(nèi)容策略 Content Strategy for Mobile"
文章
- JOHN ALLSOPP: 網(wǎng)頁設(shè)計(jì)之道 A Dao of Web Design(2000.4.7)
- Luke Wroblewski: 移動(dòng)優(yōu)先 Mobile First(2009.11.3)
- Ethan Marcotte: 響應(yīng)式設(shè)計(jì) Responsive Web Design(2010.5.25)
- Luke Wroblewski: RESS: 響應(yīng)式設(shè)計(jì)+服務(wù)器端的支持 RESS: Responsive Design + Server Side Components(2011.9.12)
- Mark Boulton: 關(guān)于響應(yīng)式設(shè)計(jì)的工作流程 Responsive Summit: Workflow(2012.2.24)
PPT
另外還有本人講述響應(yīng)式設(shè)計(jì)的歷史和發(fā)展的PPT：“響應(yīng)式設(shè)計(jì)：Rebuild as Design”，其中附錄的一些資源可以作為參考
“Future Friendly Web Design”設(shè)計(jì)思想原文：http://futurefriend.ly
浙公網(wǎng)安備 33010602011771號(hào)