圖形界面的末路？聊聊未來可能會流行的「對話式交互」

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

最近這兩個月流行的設計趨勢：

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

為什么想到這個問題

前段時間做了一個數據可視化的項目，由于是工作的第一次項目，項目不小，又有一定的自由度，所以下了點功夫準備，僅前期報告就做了八十多頁。

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

數據文字可視化的好處

舉個例子，如果給你三秒鐘分別掃一眼下圖左邊的圖表或右邊的文字，看哪個你能復述出最詳細的內容？

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

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

△ 看圖和看文的差別

從文字方向解讀數據可視化的好處我總結如下：

1. 更加高效：少量數據（如上面的例子）時，讓信息傳達更加高效

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

3. 趨勢歸納：文字在提煉數據變化趨勢時，有很大的優勢，例如數據的穩定上升/下降、變化周期等

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

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

縱觀歷史

一、起點

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

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

二、GUI革命

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

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

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

三、過渡階段

GUI創造的“選擇”解決方式有一個漏洞，那就是當系統提供的功能較為強大時，需要提供大量選項，這給使用者帶來了尋找信息的挑戰。當前交互設計的一切幾乎都是圍繞這一漏洞——“如果讓用戶在合適的情況看到合適的信息”。

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

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

例如，以下就是我寫這篇文章時的Windows桌面，上面沒有幾個圖標，因為我可以用搜索功能找到任何我想要的應用。

△ 我通過搜索就可以找到大部分應用

四、TUI的回歸

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

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

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

△ 會話式交互的可能形態

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

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

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

3. 界面將成為交互設計的一個小類：我們現在通常的劃分方式是界面設計=交互設計+視覺設計。而在對話式交互的TUI時代，也許交互設計=界面設計+信息設計，也可能新的職業將產生。

4. 語言學，這個已經存在好久，卻一直不太受關注的學科，可能會火起來。

總結

我曾在Quora上看到一個問題——“界面設計是一個穩定的工作嗎？”投票率最高的答案是——不，因為在未來，我們也許根本不需要“界面”了。當時覺得那會是很遠很遠的未來，現在想來，圖形界面的末路也許還早，但衰敗恐怕早在Google成名的那天就已經開始了。

「技多不壓身的設計師才有高薪資！」

1. 平面設計：《超贊！設計師完全自學指南》
2. 交互設計：《交互設計師修煉指南！教你從零開始成為優秀交互設計師》
3. UI設計：《超實用新手指南！零基礎如何自學UI設計？》
4. 前端開發：《天貓高手來教你！零基礎如何系統地學習前端開發？》
5. 摳圖技巧：《從菜鳥到高手！PHOTOSHOP摳圖全方位攻略》
6. 配色方案：《色彩搭配速成！3個實用方法幫你全面搞定配色》
7. DPI指南：《基礎知識學起來！為設計師量身打造的DPI指南》
8. 交互設計自學路徑圖：《零基礎入門！給非科班生的自學路徑圖之交互設計篇》

原文地址：jianshu

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量150萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com