2017-5-16 資深UI設計者
從電視機到互聯網，從臺式機到手機，再到今天的穿戴式設備，新技術發展的同時，設計發生了哪些改變？設計師如何面對這種變化？來看螞蟻金服UED總監梁山鷹在UCAN 上的演講。
一個山谷里如果下雨，一粒水滴究竟會滴向哪里，其實是不可預測的。但是它的大致方向是不可避免的。——凱文·凱利
20多年前比爾蓋茨寫過這么一本書——《未來之路》。在當時的中國，“信息高速公路”這個帶有新科技概念的名詞火速傳播開來，其實和現在的情況有點類似，現在每個人都在說AR、VR、AI人工智能，所有人都在談，可并不了解它究竟代表什么意義。
20多年過去了，我們現在回頭看所謂的信息高速公路是什么，很好理解。它運用了互聯網這個新技術，以前所未有的廣度、深度和便捷性，全世界的人和信息全都串聯在了一起。
互聯網承載的主體是信息。如果我們回過頭來看信息的載體：硬件所發生的一些變化，會看到一些趨勢和特性，那么我在這里和大家一起來探討一下。
人類獲取信息的方式一直都在以主動形態替代被動形態，以更方便快捷而準確的方式獲取個人所期望的信息。什么意思呢？20多年以前，我們信息的載體：媒體，主要是報紙、雜志、廣播、電視。互聯網作為一個新的媒介出現的時候，它自然而然就把前面一種形態變成了被動形態，而互聯網設備是一種主動形態。
大家回想一下二三十年以前，我們接受信息的方式是什么？接受新聞的方式是什么？——7點鐘的時候全家守坐在電視機前，電視里的羅京邢志斌正襟危坐，傳達來自中央的指示，全國、全世界都發生了什么。互聯網時代，當你安上電腦連上網之后，主動查詢來自全世界各地的信息。這就把之前傳統媒體的狀態變成了被動狀態。
可再往后面去看，桌面電腦和以筆記本電腦為首的Mobile狀態比起來，它自己也變成了一個被動形態。你在家安上一個桌上電腦，不可能背著這個電腦滿世界跑。筆記本放在書包里，到辦公室，回到家里隨時連上網都可以進行信息接收和傳遞，所以這又是主動替代被動形態的過程。
我們來到移動互聯網時代。手機從兜里一拿出來，幾乎不需要漫長的開機過程就可以完成信息的傳遞。和打開筆記本電腦這種比較被動的狀態比起來，這又是一個主動替代被動的過程。
我們當前所處的時代是移動手機作為霸主地位存在的時代，可為什么這幾年我們都要講穿戴式設備。因為如果我們有了手表或者智能眼鏡，甚至是智能的耳機，這又是一個主動替代被動的過程。為什么？當我擁有這些穿戴式設備的時候，我接收和傳遞信息的時候甚至不需要把手機從口袋里拿出來——它可以通過手表、眼鏡、耳機直接傳達給我。
穿戴式設備第一波出來的是智能手表，后面出來的是大家都在談的智能或者VR眼鏡、耳機這類設備，我統稱為智能助手。
那么，什么樣的設備或者狀態會替代智能助手，或者說把智能助手變為被動狀態？我稱之為AI Everywhere。不管個人在什么時間、什么地點，無需攜帶物理設備，AI或者Sensors都可以感知到我是誰，我需要什么信息，而主動推送給我。這肯定會是在很久之后發生的事情，但可以肯定的是，這又是主動替代被動形態的過程。
在這個漫長的過程里，我們可以看到媒體的變化。
媒體形式在經歷每個階段的時候，我們查看信息都有不同的狀態。最開始的時候是在固定的物理位置定時查看，想想7點鐘的新聞聯播；后面在固定的物理位置隨時查看，想想你在桌上電腦前接收信息；手機出現以后我們是在不固定的物理位置隨時查看，一直到我們現在所說，如果說有可穿戴式智能助手出現的時候，它會是一個什么形態，也許是我們無需打開電腦做出物理動作，而主動進行的智能信息傳遞。
在主動替代被動的形態里，UX會有哪些特征。相信在我剛才和大家講述的過程里也應該能看出：
? 首先是便捷性。什么是便捷性？是從物理狀態而言的。我們減少額外的物理操作動作，比如說用拿起手機替代打開電腦。比如說直接從眼鏡里面傳達信息去替代我們拿起手機的動作，這是從物理層面上來講的。
? 其次是主動性。什么是主動性？主動性是我們會減少用戶額外的交互操作，主動進行輔助功能。
? 最后一個是智能性。這也是我們為什么需要大數據和AI，是因為我們希望通過技術提供更智能，更個性化的服務。
舉一下我們在螞蟻做的例子。
第一，掃臉登錄。大家用支付寶的話應該都知道掃臉登錄的功能。第一個版本因為技術的不成熟，所以我們要求用戶面對鏡頭的時候需要眨一下眼，需要左右扭一下頭，以確認用戶的真實性。這個從物理狀態來說，實際上對用戶并不是更智能，也并不更便捷。
所以在第二個版本，我們利用眼紋和更好的面部識別功能，快速識別用戶。到第三個版本，這個版本其實很有意思，和我們所說的人工智能其實沒有那么大關系，但是要和大家講一講。剛才看到的那兩版有沒有發現一個問題，你想象一下，一個大老爺們在地鐵上面拿出手機登錄支付寶，這個時候全屏顯示他的頭像，他對著手機眨眼、扭頭，很尷尬，旁人看了以為是四十五度角完美自拍。
為了減少用戶的尷尬，我們把面部區域縮小，增大了留白的區域。留白的區域是為了做更好的面部識別，有屏幕的反光，在光線不好的時候幫助提高識別效率。
螞蟻智能小馬達
這個產品是基于大數據和AI的智能客服。因為有了大數據和AI更加了解了用戶，更加知道他們要什么，所以可以根據入口的不同推薦不同的自助工具。可以做到上下文銜接，知道他第一句話問了之后，第二句話、第三句話都在說什么。即使是有很短的兩個字的語言，我們都知道他問的是什么，可以給他提供更準確的答案。也可以根據不同用戶行為習慣，給他主動推薦問題。另外還有DST（Dialog State Tracking），根據對話狀態，引導用戶定位到更加精準的答案。在這個項目里，就是體現了我們希望能夠更智能、更主動、更便捷地為用戶提供服務。
隨著我們在互聯網時代的媒體、設備、技術發展，我們一直在盡力模擬和現實世界相似的場景。構建具有還原性和真實直觀性的體驗世界。
先給大家看一段視頻。
相信大家在互聯網上看到過很多這種類似的視頻，不僅僅是這種2歲的嬰兒，甚至是貓狗都可以和iPad交互。這樣的事情在二三十年以前是不可想象的。
我最開始學電腦的時候接觸到的是DOS界面。相信很多90后根本沒有用過這個，這實質上是一個指令交互，你給電腦輸送準確的信息和命令，電腦再給你反饋。但是你必須清楚地知道并學習指令的拼寫和語法，所以后來我們有了GUI界面，GUI界面實際上也是對現實世界的模擬。對于桌面以及文件夾、文件管理系統的一種模擬。這個比較好理解：為什么現在電腦里、手機里都說文件夾，我們在現實生活里都知道把文件放到文件夾，把它們放到桌面進行移動，有了對現實世界模擬，GUI界面這樣更易于學習和掌握的界面才會出現。
下一階段，當我們每天使用手機時，是對現實世界手勢交互的模擬。大家知道為什么一個2歲小孩可以那么自如去使用ipad，就是因為這種手勢交互的動作是我們與生俱來的，是現實世界里面每一天都在使用的。20多年以前，你很難想象一個2歲嬰兒話都講不利索，你讓他很完整的去了解DOS界面指令是什么。但是在20年之后非常自然就發生了。
AR時代來臨的時候，可能就不僅僅是只是單純的手勢交互。不管是手勢、語言、動作都可以和真實場景之間的進行互動。所以從UX角度來說越來越具有直觀性，越來越可以讓大家以低學習成本甚至是無學習成本的方式去理解到使用到。
再往未來，大家看到的截圖是鋼鐵俠里的場景，我們可以想像在未來的世界里面，隨著UX和技術的不斷發展，我們會去模擬現實世界里大部分的場景、環境、以及溝通交互方式。
把這個歷程走完我們會發現什么？我們會發現所謂重建真實的UX具有什么樣的特征？
第一個特征，具有還原性，我們會極大程度上真實還原，并且增強現實的交互方式。
第二個特征，直觀性。交互方式是從現實生活里的交互行為的復制，它的學習成本會越來越低。那個時候我們和機器之間，或者人與人之間通過虛擬現實或者是AR的方式進行溝通，學習成本肯定會比現在更低。
再給大家舉幾個例子
為什么要做AR紅包？為什么要用增強現實的方式去做？現在大家每天收到紅包的時候是怎么樣收到的：二維界面，點擊，打開，20塊錢，運氣不好的0.88。那我們現實生活里接收到紅包，或者接收禮物是什么樣子，小的時候過圣誕節過春節，爸媽給你包了禮物藏在家里某個地方。小孩子滿屋去找，找到了之后，小孩在當前物理位置和父母之間交互過程中，所產生出來的這種現實生活里的情感，如何能夠在當前新技術上進行復制。并不是說我們因為有了AR而要做這些事情，而是因為我們需要用UX去模擬現實生活中的交互方式，重塑這種情感。
螞上是用AR技術復制現實生活中的支付場景。這些都是進行當中的項目，不好說太多。但是從用戶體驗角度，我們是希望把現實生活中支付方式更好的還原，直觀的帶給用戶，以減少他們的學習成本。
最后是感官交互。
感官交互和前面講的有密不可分的關系。現實感官有5種，聽覺、視覺、觸覺、嗅覺、味覺。大家在下面聽演講，看到的是有三維景深的我；由于我的個性特征、職務以及演講的內容，你所聽到的語音聽覺反饋是和其他場次截然不同的，即使是相同的內容，不同的人講給你的聽覺反饋也是不同的；觸覺——當前坐在這個場子里，大家和座椅有摩擦，感受到座椅的質感；以及味覺、嗅覺，今天冷不冷，濕不濕，空調足不足，所有的感官反饋構成了你今天在這個場地里聽演講時整體的觀感。
但是我們看看現在的技術所構成的的感官反饋：語音，只是單純的語音輔助——Siri給你一些單純的語音反饋；視覺，大部分停留在二維界面上；觸覺只是Vibration，手機或者游戲手柄簡單的操作震動反饋；而嗅覺、味覺現在幾乎沒有。
看到上面這張圖的話可以想像，未來如果通過個性語言模擬現實聽覺場景，提供個性化語音溝通。增強視覺，基于AR/VR場景化、個人化的視覺呈現，到擬真觸覺、嗅覺、味覺，如果全部用在一起的話，將會給我們建造一個和現在多么不同而又更真實的感官世界。
在這里所謂感官交互UX具有以下兩個特征：一個是一體性，用戶體驗將前所未有把所有的感官融入在一起。還有一個是真實性，我們將最大可能性復制現實生活里感官傳遞的信息過程。
再給大家舉一個例子，螞蟻、阿里機器人以及軟銀合作的金融行業服務機器人Pepper。當我在螞蟻F工作室和它互動的時候，它可以通過有個性的語音和我進行交互，表演跳舞；它的手做得非常逼真，和人握手時有極強烈的真實感；它的兩個眼睛實際上是攝像機，和人面對面交互的時候，眼睛會跟著你的移動而移動。
雖然這還是一個比較初級的機器人階段，但是這種震撼是前所未有的。相信隨著技術的進步，這種把所有感官調動起來的體驗會越來越多，而且越來越會震撼到我們每一個人。
講到這里，似乎我的演講應該收尾了。我們分析了新技術下新設計有哪三個方向：主動信息、重建真實和感官交互。這三個方向下又有值得我們注意的幾個UX特性。但是不知道大家有沒有注意，我的標題“新設計”后面有一個問號，為什么會打這個問號？我再多說幾句。
在螞蟻金服我們覺得設計分為三個層次。最上面一個層次叫做設計文化，中間這個層次叫做設計語言，最下面這個層次叫做設計執行。
? 設計執行實際上是我們每一個設計師現在每天在做的工作。具體的產品設計，包括了交互、視覺、體驗、動效、品牌。
? 設計語言里，最下面一層是規范、系統、工具，再往上一個層次有我們的設計原則。最上面一層是我們的設計是從哪里來的，根源、靈感、比喻。
? 設計文化是設計理念，設計價值觀和設計底線。
問一下大家，當新技術來臨的時候，這張圖里哪些東西可能是會變的？哪些東西是不變的？我覺得左邊（設計文化）中間上半部分部分（設計語言中的靈感、比喻與根源）是不會變的，變的可能是規范、原則和我們每天做的設計執行。為什么說有些東西是不會變的？我舉個例子，我們螞蟻提倡的設計理念，有這么四種：
第一，設計是真實世界的投射，是真誠的，可被信任的。
這一點剛才我曾經舉了很多例子。
第二，設計的功能大于形式。
在總結螞蟻設計理念時我們找了很多同學一起過來討論。首先問他們的一個問題——對你們影響比較深的設計理念，設計的思潮，或者設計的大師是誰？其中被提到了很多的，大家想都能想出來，包豪斯、瑞士平面設計主義風格……這些東西都是大半個世紀以前出現的設計理念。但是這些理念沒有隨著時間的推移，沒有隨著新技術的誕生而消亡。相反的，它反而更好指導了現今的設計工作。從擬物化往扁平化發展過程中，功能大于形式這一塊東西就深深影響到了現在扁平化的設計。
第三，設計是系統的有邏輯的。
我們希望設計師可以一步一步反推回去，知道為什么會做這個設計，設計的系統里怎么能從具體的執行反推到規范，反推到文化，把原因道理說清楚。設計不是憑空而來，不是沒有邏輯的。
最后一點，設計的潮流是短期的，設計的理念是長久的。
什么是設計的潮流？大家現在每天在朋友圈或者微博分享的2017年十大流行趨勢，2017年你不得不知道的十種色系的運用，2017年十大動效趨勢，什么設計師不學習就會被淘汰的軟件技術，這些是設計潮流。設計潮流不是你不可以去聽的東西，不是你不可學習的東西。但是，在面對新技術的時候，你腦子里應該知道很清楚的什么是不變的，什么是變化的。因為這些變化，你要去學習。
再舉個例子，90年代末的時候，互聯網經濟爆發，在美國硅谷，當時會Photoshop的人才就被認為是高科技的人才，會做的，那種叫做高科技人才。大街上，甚至你不需要有文憑，那么多初創企業，哦，你會Photoshop，來我們這邊，我們一起來創業。幾年之后互聯網泡沫破碎，該玩完都玩完。留下來的是對于什么是不變的、什么是變化有自己理解的設計師，這些設計師才真正影響了當前設計趨勢和設計潮流。
同樣對于現在的設計師，我不反對你去研究新技術、學習新趨勢，可如果你連設計里不變的東西都沒有學好沒有搞懂，我不覺得你能把變化的那一部分設計好。
我相信，只有把這個問題搞清楚了之后，我們才可以把新設計后面的問號去掉。
謝謝大家。
藍藍設計( www.gyxygd.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服