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