如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里

從電視機到互聯(lián)網(wǎng)，從臺式機到手機，再到今天的穿戴式設(shè)備，新技術(shù)發(fā)展的同時，設(shè)計發(fā)生了哪些改變？設(shè)計師如何面對這種變化？來看螞蟻金服UED總監(jiān)梁山鷹在UCAN 上的演講。

從“信息高度公路”到 “AR/VR”

一個山谷里如果下雨，一粒水滴究竟會滴向哪里，其實是不可預(yù)測的。但是它的大致方向是不可避免的?！獎P文·凱利

20多年前比爾蓋茨寫過這么一本書——《未來之路》。在當時的中國，“信息高速公路”這個帶有新科技概念的名詞火速傳播開來，其實和現(xiàn)在的情況有點類似，現(xiàn)在每個人都在說AR、VR、AI人工智能，所有人都在談，可并不了解它究竟代表什么意義。

20多年過去了，我們現(xiàn)在回頭看所謂的信息高速公路是什么，很好理解。它運用了互聯(lián)網(wǎng)這個新技術(shù)，以前所未有的廣度、深度和便捷性，全世界的人和信息全都串聯(lián)在了一起。

互聯(lián)網(wǎng)承載的主體是信息。如果我們回過頭來看信息的載體：硬件所發(fā)生的一些變化，會看到一些趨勢和特性，那么我在這里和大家一起來探討一下。

一. 所謂主動信息

人類獲取信息的方式一直都在以主動形態(tài)替代被動形態(tài)，以更方便快捷而準確的方式獲取個人所期望的信息。什么意思呢？20多年以前，我們信息的載體：媒體，主要是報紙、雜志、廣播、電視?；ヂ?lián)網(wǎng)作為一個新的媒介出現(xiàn)的時候，它自然而然就把前面一種形態(tài)變成了被動形態(tài)，而互聯(lián)網(wǎng)設(shè)備是一種主動形態(tài)。

大家回想一下二三十年以前，我們接受信息的方式是什么？接受新聞的方式是什么？——7點鐘的時候全家守坐在電視機前，電視里的羅京邢志斌正襟危坐，傳達來自中央的指示，全國、全世界都發(fā)生了什么?；ヂ?lián)網(wǎng)時代，當你安上電腦連上網(wǎng)之后，主動查詢來自全世界各地的信息。這就把之前傳統(tǒng)媒體的狀態(tài)變成了被動狀態(tài)。

可再往后面去看，桌面電腦和以筆記本電腦為首的Mobile狀態(tài)比起來，它自己也變成了一個被動形態(tài)。你在家安上一個桌上電腦，不可能背著這個電腦滿世界跑。筆記本放在書包里，到辦公室，回到家里隨時連上網(wǎng)都可以進行信息接收和傳遞，所以這又是主動替代被動形態(tài)的過程。

我們來到移動互聯(lián)網(wǎng)時代。手機從兜里一拿出來，幾乎不需要漫長的開機過程就可以完成信息的傳遞。和打開筆記本電腦這種比較被動的狀態(tài)比起來，這又是一個主動替代被動的過程。

我們當前所處的時代是移動手機作為霸主地位存在的時代，可為什么這幾年我們都要講穿戴式設(shè)備。因為如果我們有了手表或者智能眼鏡，甚至是智能的耳機，這又是一個主動替代被動的過程。為什么？當我擁有這些穿戴式設(shè)備的時候，我接收和傳遞信息的時候甚至不需要把手機從口袋里拿出來——它可以通過手表、眼鏡、耳機直接傳達給我。

穿戴式設(shè)備第一波出來的是智能手表，后面出來的是大家都在談的智能或者VR眼鏡、耳機這類設(shè)備，我統(tǒng)稱為智能助手。

那么，什么樣的設(shè)備或者狀態(tài)會替代智能助手，或者說把智能助手變?yōu)楸粍訝顟B(tài)？我稱之為AI Everywhere。不管個人在什么時間、什么地點，無需攜帶物理設(shè)備，AI或者Sensors都可以感知到我是誰，我需要什么信息，而主動推送給我。這肯定會是在很久之后發(fā)生的事情，但可以肯定的是，這又是主動替代被動形態(tài)的過程。

在這個漫長的過程里，我們可以看到媒體的變化。

• 傳統(tǒng)的被動接受媒體有CNN、CCTV、時代周刊。
• 桌上電腦和互聯(lián)網(wǎng)銜接的時候是什么？是雅虎，是門戶網(wǎng)站，所謂主動查詢媒體，用Directory的形式供用戶查詢信息。
•  當筆記本開始普及的時候，也正好是主動搜索媒體出現(xiàn)的時候，比如Google、百度。
• 當移動手機開始普及的時候，出現(xiàn)的是主動推送媒體，比如Facebook、微信。但這里有一個問題，它什么都給你推送，不管你愿意不愿意。大家在朋友圈里看到很多“不轉(zhuǎn)不是中國人”，家庭群里成天發(fā)的養(yǎng)生之道，都會推送給你。
• 當穿戴式設(shè)備出現(xiàn)的時候，隨之而來的是主動輔助媒體，Siri、Google Now。
• 再往下，智能助手來臨的時候，主動智能媒體將會出現(xiàn)，但是現(xiàn)在并沒有一個成熟的霸主出現(xiàn)。
• 最后一個是主動XX媒體，因為我腦洞開的不夠大，還沒法判斷這個媒體具體的形式是什么，所以留了一個空白。

媒體形式在經(jīng)歷每個階段的時候，我們查看信息都有不同的狀態(tài)。最開始的時候是在固定的物理位置定時查看，想想7點鐘的新聞聯(lián)播；后面在固定的物理位置隨時查看，想想你在桌上電腦前接收信息；手機出現(xiàn)以后我們是在不固定的物理位置隨時查看，一直到我們現(xiàn)在所說，如果說有可穿戴式智能助手出現(xiàn)的時候，它會是一個什么形態(tài)，也許是我們無需打開電腦做出物理動作，而主動進行的智能信息傳遞。

在主動替代被動的形態(tài)里，UX會有哪些特征。相信在我剛才和大家講述的過程里也應(yīng)該能看出：

? 首先是便捷性。什么是便捷性？是從物理狀態(tài)而言的。我們減少額外的物理操作動作，比如說用拿起手機替代打開電腦。比如說直接從眼鏡里面?zhèn)鬟_信息去替代我們拿起手機的動作，這是從物理層面上來講的。

? 其次是主動性。什么是主動性？主動性是我們會減少用戶額外的交互操作，主動進行輔助功能。

? 最后一個是智能性。這也是我們?yōu)槭裁葱枰髷?shù)據(jù)和AI，是因為我們希望通過技術(shù)提供更智能，更個性化的服務(wù)。

舉一下我們在螞蟻做的例子。

第一，掃臉登錄。大家用支付寶的話應(yīng)該都知道掃臉登錄的功能。第一個版本因為技術(shù)的不成熟，所以我們要求用戶面對鏡頭的時候需要眨一下眼，需要左右扭一下頭，以確認用戶的真實性。這個從物理狀態(tài)來說，實際上對用戶并不是更智能，也并不更便捷。

所以在第二個版本，我們利用眼紋和更好的面部識別功能，快速識別用戶。到第三個版本，這個版本其實很有意思，和我們所說的人工智能其實沒有那么大關(guān)系，但是要和大家講一講。剛才看到的那兩版有沒有發(fā)現(xiàn)一個問題，你想象一下，一個大老爺們在地鐵上面拿出手機登錄支付寶，這個時候全屏顯示他的頭像，他對著手機眨眼、扭頭，很尷尬，旁人看了以為是四十五度角完美自拍。

為了減少用戶的尷尬，我們把面部區(qū)域縮小，增大了留白的區(qū)域。留白的區(qū)域是為了做更好的面部識別，有屏幕的反光，在光線不好的時候幫助提高識別效率。

螞蟻智能小馬達

這個產(chǎn)品是基于大數(shù)據(jù)和AI的智能客服。因為有了大數(shù)據(jù)和AI更加了解了用戶，更加知道他們要什么，所以可以根據(jù)入口的不同推薦不同的自助工具?？梢宰龅缴舷挛你暯?，知道他第一句話問了之后，第二句話、第三句話都在說什么。即使是有很短的兩個字的語言，我們都知道他問的是什么，可以給他提供更準確的答案。也可以根據(jù)不同用戶行為習慣，給他主動推薦問題。另外還有DST（Dialog State Tracking），根據(jù)對話狀態(tài)，引導用戶定位到更加精準的答案。在這個項目里，就是體現(xiàn)了我們希望能夠更智能、更主動、更便捷地為用戶提供服務(wù)。

二. 重建真實

隨著我們在互聯(lián)網(wǎng)時代的媒體、設(shè)備、技術(shù)發(fā)展，我們一直在盡力模擬和現(xiàn)實世界相似的場景。構(gòu)建具有還原性和真實直觀性的體驗世界。

先給大家看一段視頻。

相信大家在互聯(lián)網(wǎng)上看到過很多這種類似的視頻，不僅僅是這種2歲的嬰兒，甚至是貓狗都可以和iPad交互。這樣的事情在二三十年以前是不可想象的。

我最開始學電腦的時候接觸到的是DOS界面。相信很多90后根本沒有用過這個，這實質(zhì)上是一個指令交互，你給電腦輸送準確的信息和命令，電腦再給你反饋。但是你必須清楚地知道并學習指令的拼寫和語法，所以后來我們有了GUI界面，GUI界面實際上也是對現(xiàn)實世界的模擬。對于桌面以及文件夾、文件管理系統(tǒng)的一種模擬。這個比較好理解：為什么現(xiàn)在電腦里、手機里都說文件夾，我們在現(xiàn)實生活里都知道把文件放到文件夾，把它們放到桌面進行移動，有了對現(xiàn)實世界模擬，GUI界面這樣更易于學習和掌握的界面才會出現(xiàn)。

下一階段，當我們每天使用手機時，是對現(xiàn)實世界手勢交互的模擬。大家知道為什么一個2歲小孩可以那么自如去使用ipad，就是因為這種手勢交互的動作是我們與生俱來的，是現(xiàn)實世界里面每一天都在使用的。20多年以前，你很難想象一個2歲嬰兒話都講不利索，你讓他很完整的去了解DOS界面指令是什么。但是在20年之后非常自然就發(fā)生了。

AR時代來臨的時候，可能就不僅僅是只是單純的手勢交互。不管是手勢、語言、動作都可以和真實場景之間的進行互動。所以從UX角度來說越來越具有直觀性，越來越可以讓大家以低學習成本甚至是無學習成本的方式去理解到使用到。

再往未來，大家看到的截圖是鋼鐵俠里的場景，我們可以想像在未來的世界里面，隨著UX和技術(shù)的不斷發(fā)展，我們會去模擬現(xiàn)實世界里大部分的場景、環(huán)境、以及溝通交互方式。

把這個歷程走完我們會發(fā)現(xiàn)什么？我們會發(fā)現(xiàn)所謂重建真實的UX具有什么樣的特征？

第一個特征，具有還原性，我們會極大程度上真實還原，并且增強現(xiàn)實的交互方式。

第二個特征，直觀性。交互方式是從現(xiàn)實生活里的交互行為的復制，它的學習成本會越來越低。那個時候我們和機器之間，或者人與人之間通過虛擬現(xiàn)實或者是AR的方式進行溝通，學習成本肯定會比現(xiàn)在更低。

再給大家舉幾個例子

AR紅包

為什么要做AR紅包？為什么要用增強現(xiàn)實的方式去做？現(xiàn)在大家每天收到紅包的時候是怎么樣收到的：二維界面，點擊，打開，20塊錢，運氣不好的0.88。那我們現(xiàn)實生活里接收到紅包，或者接收禮物是什么樣子，小的時候過圣誕節(jié)過春節(jié)，爸媽給你包了禮物藏在家里某個地方。小孩子滿屋去找，找到了之后，小孩在當前物理位置和父母之間交互過程中，所產(chǎn)生出來的這種現(xiàn)實生活里的情感，如何能夠在當前新技術(shù)上進行復制。并不是說我們因為有了AR而要做這些事情，而是因為我們需要用UX去模擬現(xiàn)實生活中的交互方式，重塑這種情感。

VR Pay&螞上

螞上是用AR技術(shù)復制現(xiàn)實生活中的支付場景。這些都是進行當中的項目，不好說太多。但是從用戶體驗角度，我們是希望把現(xiàn)實生活中支付方式更好的還原，直觀的帶給用戶，以減少他們的學習成本。

最后是感官交互。

感官交互和前面講的有密不可分的關(guān)系?，F(xiàn)實感官有5種，聽覺、視覺、觸覺、嗅覺、味覺。大家在下面聽演講，看到的是有三維景深的我；由于我的個性特征、職務(wù)以及演講的內(nèi)容，你所聽到的語音聽覺反饋是和其他場次截然不同的，即使是相同的內(nèi)容，不同的人講給你的聽覺反饋也是不同的；觸覺——當前坐在這個場子里，大家和座椅有摩擦，感受到座椅的質(zhì)感；以及味覺、嗅覺，今天冷不冷，濕不濕，空調(diào)足不足，所有的感官反饋構(gòu)成了你今天在這個場地里聽演講時整體的觀感。

但是我們看看現(xiàn)在的技術(shù)所構(gòu)成的的感官反饋：語音，只是單純的語音輔助——Siri給你一些單純的語音反饋；視覺，大部分停留在二維界面上；觸覺只是Vibration，手機或者游戲手柄簡單的操作震動反饋；而嗅覺、味覺現(xiàn)在幾乎沒有。

看到上面這張圖的話可以想像，未來如果通過個性語言模擬現(xiàn)實聽覺場景，提供個性化語音溝通。增強視覺，基于AR/VR場景化、個人化的視覺呈現(xiàn)，到擬真觸覺、嗅覺、味覺，如果全部用在一起的話，將會給我們建造一個和現(xiàn)在多么不同而又更真實的感官世界。

在這里所謂感官交互UX具有以下兩個特征：一個是一體性，用戶體驗將前所未有把所有的感官融入在一起。還有一個是真實性，我們將最大可能性復制現(xiàn)實生活里感官傳遞的信息過程。

再給大家舉一個例子，螞蟻、阿里機器人以及軟銀合作的金融行業(yè)服務(wù)機器人Pepper。當我在螞蟻F工作室和它互動的時候，它可以通過有個性的語音和我進行交互，表演跳舞；它的手做得非常逼真，和人握手時有極強烈的真實感；它的兩個眼睛實際上是攝像機，和人面對面交互的時候，眼睛會跟著你的移動而移動。

雖然這還是一個比較初級的機器人階段，但是這種震撼是前所未有的。相信隨著技術(shù)的進步，這種把所有感官調(diào)動起來的體驗會越來越多，而且越來越會震撼到我們每一個人。

講到這里，似乎我的演講應(yīng)該收尾了。我們分析了新技術(shù)下新設(shè)計有哪三個方向：主動信息、重建真實和感官交互。這三個方向下又有值得我們注意的幾個UX特性。但是不知道大家有沒有注意，我的標題“新設(shè)計”后面有一個問號，為什么會打這個問號？我再多說幾句。

在螞蟻金服我們覺得設(shè)計分為三個層次。最上面一個層次叫做設(shè)計文化，中間這個層次叫做設(shè)計語言，最下面這個層次叫做設(shè)計執(zhí)行。

什么意思？

? 設(shè)計執(zhí)行實際上是我們每一個設(shè)計師現(xiàn)在每天在做的工作。具體的產(chǎn)品設(shè)計，包括了交互、視覺、體驗、動效、品牌。

? 設(shè)計語言里，最下面一層是規(guī)范、系統(tǒng)、工具，再往上一個層次有我們的設(shè)計原則。最上面一層是我們的設(shè)計是從哪里來的，根源、靈感、比喻。

? 設(shè)計文化是設(shè)計理念，設(shè)計價值觀和設(shè)計底線。

問一下大家，當新技術(shù)來臨的時候，這張圖里哪些東西可能是會變的？哪些東西是不變的？我覺得左邊（設(shè)計文化）中間上半部分部分（設(shè)計語言中的靈感、比喻與根源）是不會變的，變的可能是規(guī)范、原則和我們每天做的設(shè)計執(zhí)行。為什么說有些東西是不會變的？我舉個例子，我們螞蟻提倡的設(shè)計理念，有這么四種：

第一，設(shè)計是真實世界的投射，是真誠的，可被信任的。

這一點剛才我曾經(jīng)舉了很多例子。

第二，設(shè)計的功能大于形式。

在總結(jié)螞蟻設(shè)計理念時我們找了很多同學一起過來討論。首先問他們的一個問題——對你們影響比較深的設(shè)計理念，設(shè)計的思潮，或者設(shè)計的大師是誰？其中被提到了很多的，大家想都能想出來，包豪斯、瑞士平面設(shè)計主義風格……這些東西都是大半個世紀以前出現(xiàn)的設(shè)計理念。但是這些理念沒有隨著時間的推移，沒有隨著新技術(shù)的誕生而消亡。相反的，它反而更好指導了現(xiàn)今的設(shè)計工作。從擬物化往扁平化發(fā)展過程中，功能大于形式這一塊東西就深深影響到了現(xiàn)在扁平化的設(shè)計。

第三，設(shè)計是系統(tǒng)的有邏輯的。

我們希望設(shè)計師可以一步一步反推回去，知道為什么會做這個設(shè)計，設(shè)計的系統(tǒng)里怎么能從具體的執(zhí)行反推到規(guī)范，反推到文化，把原因道理說清楚。設(shè)計不是憑空而來，不是沒有邏輯的。

最后一點，設(shè)計的潮流是短期的，設(shè)計的理念是長久的。

什么是設(shè)計的潮流？大家現(xiàn)在每天在朋友圈或者微博分享的2017年十大流行趨勢，2017年你不得不知道的十種色系的運用，2017年十大動效趨勢，什么設(shè)計師不學習就會被淘汰的軟件技術(shù)，這些是設(shè)計潮流。設(shè)計潮流不是你不可以去聽的東西，不是你不可學習的東西。但是，在面對新技術(shù)的時候，你腦子里應(yīng)該知道很清楚的什么是不變的，什么是變化的。因為這些變化，你要去學習。

再舉個例子，90年代末的時候，互聯(lián)網(wǎng)經(jīng)濟爆發(fā)，在美國硅谷，當時會Photoshop的人才就被認為是高科技的人才，會做的，那種叫做高科技人才。大街上，甚至你不需要有文憑，那么多初創(chuàng)企業(yè)，哦，你會Photoshop，來我們這邊，我們一起來創(chuàng)業(yè)。幾年之后互聯(lián)網(wǎng)泡沫破碎，該玩完都玩完。留下來的是對于什么是不變的、什么是變化有自己理解的設(shè)計師，這些設(shè)計師才真正影響了當前設(shè)計趨勢和設(shè)計潮流。

同樣對于現(xiàn)在的設(shè)計師，我不反對你去研究新技術(shù)、學習新趨勢，可如果你連設(shè)計里不變的東西都沒有學好沒有搞懂，我不覺得你能把變化的那一部分設(shè)計好。

我相信，只有把這個問題搞清楚了之后，我們才可以把新設(shè)計后面的問號去掉。

謝謝大家。

藍藍設(shè)計( m.cqzjtgb.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服