在互聯(lián)網(wǎng)時代，任何一個人都可以去掌握、去了解、去運(yùn)用技術(shù)，技術(shù)的可易用性、可操作性可以讓設(shè)計(jì)師了解作品到產(chǎn)品的實(shí)現(xiàn)過程。在由 IxDC 主辦的2013中國交互設(shè)計(jì)體驗(yàn)周上，微軟的用戶體驗(yàn)總監(jiān)梁山鷹分享了他關(guān)于設(shè)計(jì)與技術(shù)的觀點(diǎn)。從史前到近代，設(shè)計(jì)與技術(shù)的關(guān)系不斷變化，一直以來我們直觀感受到的都是技術(shù)在改變世界。我們會看到很多由工程師創(chuàng)建的公司改變了我們的生活習(xí)慣，直到近二三十年，設(shè)計(jì)與技術(shù)的關(guān)系才稍稍融洽，我們不斷看到設(shè)計(jì)與技術(shù)的融合，打造出精致的產(chǎn)品影響著我們的生活。
作為設(shè)計(jì)師，如何通過運(yùn)用技術(shù)來表達(dá)和實(shí)現(xiàn)自己的創(chuàng)意，在這里通過吸收梁山鷹和青蛙設(shè)計(jì)的一些觀點(diǎn)，來談一下自己的理解。本文中的技術(shù)不再局限于互聯(lián)網(wǎng)技術(shù)，擴(kuò)大一下范圍，但并不是想要強(qiáng)調(diào)設(shè)計(jì)需要研究技術(shù)，而是去了解、去運(yùn)用。主要有三個角度：重新解讀來應(yīng)用現(xiàn)有的技術(shù)；設(shè)計(jì)需求來推動技術(shù)的前進(jìn)；無限創(chuàng)意來表達(dá)未來的科技。
重新解讀來應(yīng)用現(xiàn)有的技術(shù)
這里分享一個青蛙設(shè)計(jì)的案例。我們在乘坐地鐵的時候，進(jìn)地鐵前要左翻右翻找地鐵卡，尤其是帶著包包的女生，從大包翻出小包，找到地鐵卡刷卡。這一系列的過程只有一個目的：刷卡進(jìn)站。
青蛙設(shè)計(jì)的創(chuàng)意總監(jiān) Rainer Wessler 在交互設(shè)計(jì)體驗(yàn)周上分享的是把上海地鐵卡下中的芯片提取出來，并加以改進(jìn)，做到手環(huán)中。現(xiàn)場沒有拍到圖片，找了一個同樣是青蛙設(shè)計(jì)的作品，但是這個作品要復(fù)雜的多，這里只討論地鐵卡的情景應(yīng)用。如下圖，被稱為 Relay 的紐約地鐵系統(tǒng)向?qū)汁h(huán)。
青蛙設(shè)計(jì)將地鐵卡中的芯片融合進(jìn)漂亮的手環(huán)或者戒指中，進(jìn)地鐵只需要一抬手便可，縮短了整個刷卡進(jìn)程，并且簡化了操作方式，而且還把手環(huán)做的很漂亮。對于現(xiàn)有的技術(shù)，設(shè)計(jì)師可以通過重新解讀產(chǎn)品的使用場景、使用方式、交互行為、用戶動機(jī)，來重新定義產(chǎn)品，讓復(fù)雜的技術(shù)更簡單的應(yīng)用。生活中有不少產(chǎn)品在技術(shù)實(shí)現(xiàn)上沒有問題，但是在實(shí)際應(yīng)用中，我們可以讓其更人性化更方便。隨著可穿戴設(shè)備的發(fā)展，接觸式體驗(yàn)也將會成為設(shè)計(jì)師的關(guān)注點(diǎn)。把現(xiàn)有的技術(shù)遷移到可穿戴設(shè)備上，就需要不一樣的角度去思考用戶體驗(yàn)，全新設(shè)計(jì)來滿足人們的需求。
設(shè)計(jì)需求來推動技術(shù)的前進(jìn)
在網(wǎng)頁發(fā)展前期，標(biāo)準(zhǔn)還是 CSS 2 的時代，CSS 3 還未定義，網(wǎng)頁設(shè)計(jì)師們很喜歡用圓角矩形，但是為了達(dá)到圓角的效果，用一般的CSS寫出來會非常麻煩，而且還有很多問題，Google 第一位 Visual Designer Douglas bowman 推出了一項(xiàng)技術(shù)叫 Sliding Doors of CSS，把這個問題簡化并解決了。
Douglas bowman 本身是一名設(shè)計(jì)師，但是他想出了一般的工程師想不到的解決方案。當(dāng)技術(shù)發(fā)展遇到瓶頸，限制設(shè)計(jì)的時候，設(shè)計(jì)師可以去思考和解決技術(shù)上的問題。
在整個技術(shù)發(fā)展的浪潮中，設(shè)計(jì)師還起到的一個很重要的作用就是選擇合適的規(guī)范。
我們都知道 JavaScript 是由 Netscape 公司發(fā)明的，在 CSS 還沒有成為標(biāo)準(zhǔn)的時候，他們推出了 JavaScript-Based Style Sheets，希望 W3C 能夠批準(zhǔn)這個標(biāo)準(zhǔn)，當(dāng)時制定標(biāo)準(zhǔn)的會議中有一半的是工程師，他們看了之后覺得很有道理。幸好還有另一半是設(shè)計(jì)師，他們就看了之后就一頭霧水。我們就是想要人人都可以很簡單的寫出來的 CSS，可以很方便的運(yùn)用它。而 JSSS 搞的這么復(fù)雜、麻煩，由于設(shè)計(jì)師的選擇，幸好這個標(biāo)準(zhǔn)沒有通過，才有CSS的標(biāo)準(zhǔn)統(tǒng)一方便設(shè)計(jì)的表達(dá)。在同一時代可能會有很多種相似的技術(shù)出現(xiàn)，作為設(shè)計(jì)師要去選擇更為有利的技術(shù)方案，去推動技術(shù)的前進(jìn)。
傳統(tǒng)印刷行業(yè)里面，我們想用什么字體就用什么字體，07 年之前，在網(wǎng)絡(luò)字體上我們的選擇有限，在網(wǎng)頁設(shè)計(jì)上挑戰(zhàn)就很大，由于設(shè)計(jì)師的推動，網(wǎng)絡(luò)字體這項(xiàng)技術(shù)才應(yīng)運(yùn)而生。而我們的電子設(shè)備越來越多，屏幕大小不一，網(wǎng)頁設(shè)計(jì)師想要在不同的設(shè)備上提供一致的內(nèi)容，保持風(fēng)格統(tǒng)一，于是自適應(yīng)網(wǎng)頁設(shè)計(jì)(Responsive Web Design)也有設(shè)計(jì)師和工程師一起推動來提供的解決方案。我們看到越來越多的設(shè)計(jì)師在技術(shù)的發(fā)展中起到了很重要的作用，他們和開發(fā)人員一起合作，共同打造產(chǎn)品、制定規(guī)范。設(shè)計(jì)與技術(shù)雙劍合璧來引領(lǐng)科技發(fā)展。
今天來看 HTML 5 和 CSS 3 的很多規(guī)范，其中很多是設(shè)計(jì)師在設(shè)計(jì)中遇到瓶頸，需要這樣的技術(shù)出現(xiàn)，進(jìn)而推動技術(shù)前進(jìn)，技術(shù)發(fā)展也是為設(shè)計(jì)服務(wù)的。設(shè)計(jì)師不一定非要用代碼來具體實(shí)現(xiàn)，但可以了解一些技術(shù)的作用，以及最新的技術(shù)會帶來哪些特性，這些新的特性將會給用戶創(chuàng)造怎樣的新穎的體驗(yàn)。在技術(shù)的發(fā)展方向上，選擇更有利于設(shè)計(jì)實(shí)現(xiàn)的方案，這就需要設(shè)計(jì)師來推動。拋開不談互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)的遇到的技術(shù)，在硬件產(chǎn)品上，現(xiàn)在也有很多自適應(yīng)自學(xué)習(xí)的產(chǎn)品，根據(jù)用戶的使用習(xí)慣來自行調(diào)節(jié)，智能控制，設(shè)計(jì)師在設(shè)計(jì)的時候應(yīng)充分思考該怎么運(yùn)用這些技術(shù)，把交互做的更人性化，怎樣更好的運(yùn)用這些特性來為用戶服務(wù)。技術(shù)具體實(shí)現(xiàn)的原理不需要設(shè)計(jì)師掌握，但是技術(shù)通過什么樣的方式能更好的表達(dá)是設(shè)計(jì)師的選擇。
無限創(chuàng)意來表達(dá)未來的科技
設(shè)計(jì)師們是一群有創(chuàng)造力的人，可能在面對不同的資源，不同的老板，不同的開發(fā)團(tuán)隊(duì)，會做出很多妥協(xié)，創(chuàng)意會由于各種情況而被限制，資源是有限的，協(xié)調(diào)是要有成本的。設(shè)計(jì)師既要戴著枷鎖跳舞，又想突破技術(shù)制約。對于設(shè)計(jì)師而言，概念設(shè)計(jì)的不確定性就顯得頗具價(jià)值，把新興理念和現(xiàn)有知識的整合、交融及再創(chuàng)造，包含了過去、現(xiàn)在以及未來的產(chǎn)品體驗(yàn)。概念作品也許還不能馬上走向市場，但是當(dāng)你在做概念設(shè)計(jì)或者尋找靈感的時候，概念設(shè)計(jì)依然可以帶給人們啟迪。這些設(shè)計(jì)也許在有點(diǎn)不切實(shí)際，但我們可以看到一個設(shè)計(jì)理念是如何逐漸演化和成長的。
做創(chuàng)造性的概念設(shè)計(jì)，設(shè)計(jì)師需要考慮更多關(guān)于用戶-產(chǎn)品交互情景方面的信息。比如青蛙設(shè)計(jì)提出未來的人們將有更大的能力來解讀數(shù)據(jù)，并且會善于利用自己的數(shù)據(jù)。我們每天會產(chǎn)生大量的數(shù)據(jù)，走過的路，吃過的飯，逛過的店……設(shè)計(jì)師要看到數(shù)據(jù)背后的價(jià)值，并且讓數(shù)據(jù)的呈現(xiàn)方式更簡約，數(shù)據(jù)的收集和處理可以由技術(shù)來實(shí)現(xiàn)，那么在什么場景下，用戶會用到這些數(shù)據(jù)，我們該用何種方式來呈現(xiàn)數(shù)據(jù)處理的結(jié)果，這都需要設(shè)計(jì)師去思考。同時針對這一點(diǎn)，設(shè)計(jì)師如何設(shè)計(jì)出產(chǎn)品來讓用戶更樂意收集和解讀自己的數(shù)據(jù)。設(shè)計(jì)師不給自己一個實(shí)現(xiàn)老板的需求的限制，去盡情的表達(dá)創(chuàng)意，最后再收縮，由粗到精，由模糊到清晰，由抽象到具體，不斷進(jìn)化自己的 idea。
在做概念設(shè)計(jì)的時候更多的從人們的感受和動機(jī)出發(fā)，而非產(chǎn)品本身。蘋果的首席設(shè)計(jì)師 John Ive 在接受采訪時曾說，他的設(shè)計(jì)方法是打破原有的框架，比如設(shè)計(jì)一個飯盒，就先抹去飯盒的概念，只想這個器皿的最佳使用方式和設(shè)計(jì)形式。我們做了大量的用戶需求分析，用戶體驗(yàn)調(diào)研，但是創(chuàng)造性的產(chǎn)品往往是調(diào)研不出來的，iPhone之前沒有用戶會想到我以后的手機(jī)是這個樣子的，F(xiàn)acebook 之前也沒有用戶迫切的需求從社交網(wǎng)絡(luò)上看到自己朋友的每天的生活狀態(tài)。在一個新興理念還沒有完全確定的時候，設(shè)計(jì)師的概念性的表達(dá)將會影響其發(fā)展。永遠(yuǎn)別忘了 Dieter Rams 設(shè)計(jì)十誡的第一誡：Good design is innovative。我們始終是需要創(chuàng)意來前進(jìn)的。
那么對于設(shè)計(jì)師而言，面對技術(shù)，要思考現(xiàn)有技術(shù)在表達(dá)上有哪些不人性化的地方，了解并把最新的科技帶到自己的產(chǎn)品中，影響并推動技術(shù)向前行，用創(chuàng)意來表達(dá)對技術(shù)的需求。最后是梁山鷹這次主題演講deck(下載地址)的最后一頁，供各位設(shè)計(jì)師參考。
