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

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

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

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

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

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

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

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

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

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

△ 看圖和看文的差別

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

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

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

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

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

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

縱觀歷史

一、起點(diǎn)

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

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

二、GUI革命

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

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

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

三、過渡階段

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

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

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

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

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

四、TUI的回歸

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

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

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

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

對話式交互的未來是怎樣的

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

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

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

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

總結(jié)

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

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

1. 平面設(shè)計(jì)：《超贊！設(shè)計(jì)師完全自學(xué)指南》
2. 交互設(shè)計(jì)：《交互設(shè)計(jì)師修煉指南！教你從零開始成為優(yōu)秀交互設(shè)計(jì)師》
3. UI設(shè)計(jì)：《超實(shí)用新手指南！零基礎(chǔ)如何自學(xué)UI設(shè)計(jì)？》
4. 前端開發(fā)：《天貓高手來教你！零基礎(chǔ)如何系統(tǒng)地學(xué)習(xí)前端開發(fā)？》
5. 摳圖技巧：《從菜鳥到高手！PHOTOSHOP摳圖全方位攻略》
6. 配色方案：《色彩搭配速成！3個(gè)實(shí)用方法幫你全面搞定配色》
7. DPI指南：《基礎(chǔ)知識學(xué)起來！為設(shè)計(jì)師量身打造的DPI指南》
8. 交互設(shè)計(jì)自學(xué)路徑圖：《零基礎(chǔ)入門！給非科班生的自學(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"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量150萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com