雨涵_Zoe：人類(lèi)花費(fèi)數(shù)十年才將計(jì)算機(jī)交互從以命令行為代表的文字界面（TUI）發(fā)展到以用戶(hù)界面為核心的圖形界面（GUI），然而這顯然不是終點(diǎn)。圖形界面之后會(huì)出現(xiàn)什么？我們已經(jīng)隱隱可以窺探到其身影。一起來(lái)看看未來(lái)流行的交互方式是什么。

最近這兩個(gè)月流行的設(shè)計(jì)趨勢(shì)：

1. 漸變色：《變化之美！重新回歸主流的漸變色設(shè)計(jì)趨勢(shì)》
2. 摩登復(fù)古風(fēng)：《復(fù)古即流行！正在瘋狂流行的摩登復(fù)古設(shè)計(jì)風(fēng)》
3. 雙色趨勢(shì)：《留意新趨勢(shì)！個(gè)性鮮明風(fēng)格迥異的雙色網(wǎng)頁(yè)設(shè)計(jì)》
4. 扁平化2.0：《扁平化2.0時(shí)代！聊聊今年六個(gè)全新的扁平化設(shè)計(jì)風(fēng)格》

為什么想到這個(gè)問(wèn)題

前段時(shí)間做了一個(gè)數(shù)據(jù)可視化的項(xiàng)目，由于是工作的第一次項(xiàng)目，項(xiàng)目不小，又有一定的自由度，所以下了點(diǎn)功夫準(zhǔn)備，僅前期報(bào)告就做了八十多頁(yè)。

“可視化”這個(gè)詞，通常人一眼就覺(jué)得等同于“圖形化”，因此“數(shù)據(jù)可視化”顯然就是將數(shù)據(jù)設(shè)計(jì)成直觀又好看的圖表。可是，我懷疑“數(shù)據(jù)可視化”除了“圖形化”之外，是否還有別的可能性？例如，人類(lèi)最常用最自然的溝通方式——“語(yǔ)言文字”？由于目前大眾還不習(xí)慣語(yǔ)音交互，所以于是我開(kāi)始從“文字化”的角度研究“數(shù)據(jù)可視化”，于是發(fā)現(xiàn)了令自己也覺(jué)得震驚的事實(shí)……

數(shù)據(jù)文字可視化的好處

舉個(gè)例子，如果給你三秒鐘分別掃一眼下圖左邊的圖表或右邊的文字，看哪個(gè)你能復(fù)述出最詳細(xì)的內(nèi)容？

△ 圖形總是比文字高效嗎？

最高效的是文字而非圖表。為什么呢？雖然兩者都給出相同的關(guān)鍵點(diǎn)（國(guó)家、GDP、單位、年份、數(shù)量）等，但是前者將這些信息都分散開(kāi)來(lái)，讓讀者不得不四處掃視，才能將零碎的信息整理起來(lái)并理解。而后者的那段文字中，所有的信息從單一的方向有序排列，只需要橫向掃視兩次就能看完并理解。

△ 看圖和看文的差別

從文字方向解讀數(shù)據(jù)可視化的好處我總結(jié)如下：

1. 更加高效：少量數(shù)據(jù)（如上面的例子）時(shí)，讓信息傳達(dá)更加高效

2. 抽取特征：復(fù)雜情況（如各地區(qū)人口分布數(shù)據(jù)）下，文字比圖表更容易抽取特征并讓人理解（例如沿海地區(qū)密度比內(nèi)陸地去高X%等）

3. 趨勢(shì)歸納：文字在提煉數(shù)據(jù)變化趨勢(shì)時(shí)，有很大的優(yōu)勢(shì)，例如數(shù)據(jù)的穩(wěn)定上升/下降、變化周期等

4. 意義檢索：上面三項(xiàng)好處結(jié)合起來(lái)，可以引出這一項(xiàng)，那就是直接通過(guò)特征和趨勢(shì)檢索數(shù)據(jù)的可能性，例如使用 “連續(xù)三周上升”、“單日浮動(dòng)3倍以上”等關(guān)鍵詞搜尋數(shù)據(jù)。

想學(xué)數(shù)據(jù)可視化，有這篇文章就夠了（方法，類(lèi)型，軟件都有）：《超全面！一份詳盡實(shí)用的信息可視化繪制指南》

縱觀歷史

一、起點(diǎn)

文字界面（TUI）并不是什么新的東西，它反倒是計(jì)算機(jī)系統(tǒng)的初始模樣——命令行。然而，命令行界面雖然創(chuàng)造了人與機(jī)器對(duì)話的語(yǔ)言，但失敗之處在于，它要求人類(lèi)像機(jī)器一樣思考并說(shuō)話/打字。這顯然是很難的，所以除了專(zhuān)家之外，普通人根本無(wú)法順暢使用這種文字界面。

△ TUI的前世——命令行界面

二、GUI革命

TUI碰壁后，計(jì)算機(jī)走上了圖形化的革命。這一走就是幾十年，知道今天都尚未結(jié)束。圖形界面（GUI）的關(guān)鍵，在我看來(lái)，并不是“圖形”，而是選擇。TUI的最大困難不是其它，而是輸入——人類(lèi)難以適應(yīng)機(jī)器的語(yǔ)言方式，所以無(wú)法順暢地對(duì)機(jī)器進(jìn)行信息輸入。

GUI提供的解決方式是，既然人類(lèi)很難直接告訴機(jī)器他們想要做什么，那就繞其道而行，讓機(jī)器提供可能的選項(xiàng)，人類(lèi)只需要進(jìn)行選擇。這樣一來(lái)，人類(lèi)與機(jī)器的溝通問(wèn)題就以選擇的方式得到了解決。GUI革命的成功案例就是下圖的Windows桌面。

△ GUI革命代表——早期的Windows桌面

三、過(guò)渡階段

GUI創(chuàng)造的“選擇”解決方式有一個(gè)漏洞，那就是當(dāng)系統(tǒng)提供的功能較為強(qiáng)大時(shí)，需要提供大量選項(xiàng)，這給使用者帶來(lái)了尋找信息的挑戰(zhàn)。當(dāng)前交互設(shè)計(jì)的一切幾乎都是圍繞這一漏洞——“如果讓用戶(hù)在合適的情況看到合適的信息”。

于是“搜索”作為一個(gè)過(guò)渡方案誕生，而Google的傳奇是這一時(shí)勢(shì)造就的英雄。信息過(guò)多時(shí)，用戶(hù)不能高效地尋找到想要的東西，所以我們不得不再次面對(duì)之前回避的問(wèn)題——如何輸入（讓計(jì)算機(jī)理解人類(lèi)的語(yǔ)言）。

人類(lèi)的語(yǔ)法千變?nèi)f化，讓機(jī)器理解太過(guò)困難，那么暫時(shí)擱置。但是我們發(fā)現(xiàn)，文字片段有很高的幾率是不會(huì)變化的。例如，不論是“蘋(píng)果掉在地上”、“蘋(píng)果砸到地面”還是什么其它的表述方式，“蘋(píng)果”和“地”這兩個(gè)關(guān)鍵詞通常是不會(huì)改變的。于是我們可以用關(guān)鍵詞對(duì)海量的選項(xiàng)進(jìn)行檢索，達(dá)到一種看起來(lái)像是輸入，其實(shí)并不是輸入的“偽輸入”效果。

例如，以下就是我寫(xiě)這篇文章時(shí)的Windows桌面，上面沒(méi)有幾個(gè)圖標(biāo)，因?yàn)槲铱梢杂盟阉鞴δ苷业饺魏挝蚁胍膽?yīng)用。

△ 我通過(guò)搜索就可以找到大部分應(yīng)用

四、TUI的回歸

GUI鼎盛時(shí)期，人們以為T(mén)UI是糟糕的發(fā)明，GUI才是未來(lái)。然而，將搜索研究到極致后，TUI卻穿著對(duì)話式交互（Coversational Interaction）的馬甲回來(lái)了。以Siri為代表，很多語(yǔ)言助手都在這條路上做了很多不夠成熟的嘗試。

未來(lái)的TUI雖然還是TUI，卻早已不同于曾經(jīng)的命令行界面，它要求機(jī)器適應(yīng)人類(lèi)的語(yǔ)言，而不是人類(lèi)適應(yīng)機(jī)器的語(yǔ)言。最理想的狀態(tài)是，除非是用戶(hù)必須在既定的項(xiàng)目中做出選擇，否則GUI是完全不需要的。這就有點(diǎn)像宋代禪宗大師青原行思提出的“參禪之初，看山是山，看水是水；禪有悟時(shí)，看山不是山，看水不是水；禪中徹悟，看山仍然山，看水仍然是水”的意味了。

下圖是The Future of Conversational UI Belongs to Hybrid這篇文章里提供的，雖然不是TUI最先進(jìn)的形式，但已經(jīng)可以窺探其趨勢(shì)。該文作者Toma? ?tolfa給出了很詳細(xì)的研究，值得拜讀。

△ 會(huì)話式交互的可能形態(tài)

對(duì)話式交互的未來(lái)是怎樣的

1. 不再需要選擇/尋找：說(shuō)出需求后，機(jī)器便能理解并執(zhí)行

2. 用戶(hù)對(duì)機(jī)器的輸入將超過(guò)機(jī)器對(duì)用戶(hù)的輸出：不同于GUI時(shí)代主要靠機(jī)器輸入和用戶(hù)選擇，對(duì)話式交互的TUI時(shí)代需要機(jī)器從用戶(hù)那里獲取大量信息，才能加深雙方的“默契”。就像長(zhǎng)期在一起的好友，一個(gè)詞、一句話便能心意互通。

3. 界面將成為交互設(shè)計(jì)的一個(gè)小類(lèi)：我們現(xiàn)在通常的劃分方式是界面設(shè)計(jì)=交互設(shè)計(jì)+視覺(jué)設(shè)計(jì)。而在對(duì)話式交互的TUI時(shí)代，也許交互設(shè)計(jì)=界面設(shè)計(jì)+信息設(shè)計(jì)，也可能新的職業(yè)將產(chǎn)生。

4. 語(yǔ)言學(xué)，這個(gè)已經(jīng)存在好久，卻一直不太受關(guān)注的學(xué)科，可能會(huì)火起來(lái)。

總結(jié)

我曾在Quora上看到一個(gè)問(wèn)題——“界面設(shè)計(jì)是一個(gè)穩(wěn)定的工作嗎？”投票率最高的答案是——不，因?yàn)樵谖磥?lái)，我們也許根本不需要“界面”了。當(dāng)時(shí)覺(jué)得那會(huì)是很遠(yuǎn)很遠(yuǎn)的未來(lái)，現(xiàn)在想來(lái)，圖形界面的末路也許還早，但衰敗恐怕早在Google成名的那天就已經(jīng)開(kāi)始了。

「技多不壓身的設(shè)計(jì)師才有高薪資！」

1. 平面設(shè)計(jì)：《超贊！設(shè)計(jì)師完全自學(xué)指南》
2. 交互設(shè)計(jì)：《交互設(shè)計(jì)師修煉指南！教你從零開(kāi)始成為優(yōu)秀交互設(shè)計(jì)師》
3. UI設(shè)計(jì)：《超實(shí)用新手指南！零基礎(chǔ)如何自學(xué)UI設(shè)計(jì)？》
4. 前端開(kāi)發(fā)：《天貓高手來(lái)教你！零基礎(chǔ)如何系統(tǒng)地學(xué)習(xí)前端開(kāi)發(fā)？》
5. 摳圖技巧：《從菜鳥(niǎo)到高手！PHOTOSHOP摳圖全方位攻略》
6. 配色方案：《色彩搭配速成！3個(gè)實(shí)用方法幫你全面搞定配色》
7. DPI指南：《基礎(chǔ)知識(shí)學(xué)起來(lái)！為設(shè)計(jì)師量身打造的DPI指南》
8. 交互設(shè)計(jì)自學(xué)路徑圖：《零基礎(chǔ)入門(mén)！給非科班生的自學(xué)路徑圖之交互設(shè)計(jì)篇》

原文地址：jianshu

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專(zhuān)注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量150萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com