国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

有的讀者看完《從0到1體驗(yàn)iPod的發(fā)明歷程》后可能會(huì)有很多不理解的詞匯，通過本章的閱讀，你就能理解那些詞匯是什么含義了，另外讀完本章后你也能夠?qū)⑸磉叺乃挟a(chǎn)品從交互的角度去進(jìn)行拆解了。

媒介的信息接收與發(fā)送：

本章將介紹圖中黃色區(qū)域里的內(nèi)容，交互環(huán)的4、5、6、1過程。

在上一章中，我們充分理解了當(dāng)使用者是人時(shí)，人會(huì)容易注意到什么樣的信息線，能夠發(fā)出什么樣的信息線。這些都是人所具有的特性，這些特性并不會(huì)隨著科學(xué)技術(shù)的發(fā)展而變化。

但媒介所能接收的信息和發(fā)出的信息是跟科學(xué)技術(shù)息息相關(guān)的，比如引擎的點(diǎn)火，以前是通過手搖動(dòng)或者腳踏打火器。但現(xiàn)在可以一個(gè)按鍵便能啟動(dòng)引擎，你無法讓一臺(tái)黑白電視顯示出彩色，因?yàn)楫?dāng)時(shí)的技術(shù)不允許它顯示彩色內(nèi)容，還有很多例子這里就不過多講述了。

隨著技術(shù)發(fā)展媒介的信息接收器和信息發(fā)送器已經(jīng)做到比人類自身更強(qiáng)，我們能清楚看到千里之外的人看到細(xì)菌。但黑箱子在某些方面暫時(shí)還不能跟人類相比，即便現(xiàn)在的人工智能已經(jīng)打敗了世界上頂級的圍棋高手。因?yàn)槊浇榈暮谙渥硬粚儆诮换ピO(shè)計(jì)的范疇，我們關(guān)心的是媒介的信息發(fā)送器和信息接收器的設(shè)計(jì)。

那么媒介的信息接收器和發(fā)送器究竟該怎么去設(shè)計(jì)？就是這章要說的內(nèi)容。我們首先要分析媒介功能，媒介的信息接收器，信息發(fā)送器的自身特性是怎么樣的，再進(jìn)行三者間的關(guān)系分析。（本章內(nèi)容較為復(fù)雜，如果有沒理解的地方可以先不管，再讀的時(shí)候可能就懂了）

功能自身特性

思考環(huán)節(jié)：既然萬事萬物都可以分解成為原子，那么一個(gè)功能的原子又是什么？

讓我們回到最開始的開燈照明的例子，我的目的是看清楚周圍環(huán)境，開關(guān)是信息接收器，電流是黑箱子，燈是信息發(fā)送器。黑箱子的功能是讓燈亮起來，從不發(fā)光到發(fā)光。

功能可以理解為燈光的是否亮起來的區(qū)別即可以分為0/1兩種狀態(tài)，要么不亮，要么亮？

那功能只能分為0/1嗎？當(dāng)然不是，我讀大學(xué)的時(shí)候，要在宿舍看書，考慮到燈如果太亮了，會(huì)影響到舍友休息，我買了一盞可以調(diào)節(jié)亮度的燈。除了亮度調(diào)節(jié)外，我的那個(gè)臺(tái)燈還可以調(diào)節(jié)色溫，從冷到暖。

那這個(gè)時(shí)候臺(tái)燈的功能可以分為亮度調(diào)節(jié)和色溫調(diào)節(jié)。亮度是從0到一定的流明（流明是亮度的單位），色溫是從偏藍(lán)慢慢變化到偏黃。這個(gè)時(shí)候功能就可以分為兩個(gè)連續(xù)的維度。

我的這盞臺(tái)燈有兩個(gè)旋鈕，一個(gè)調(diào)節(jié)色溫一個(gè)調(diào)節(jié)亮度。當(dāng)然這盞臺(tái)燈也可以用1個(gè)按鍵控制色溫和亮度，比如正常點(diǎn)擊不停增加亮度，到了設(shè)定的最大值后再點(diǎn)擊熄滅或者亮度減少，長按按鍵則色溫不停變化。但沒有設(shè)計(jì)師會(huì)這么設(shè)計(jì)，時(shí)間不限的情況下，無論多復(fù)雜的功能都可以用一個(gè)按鍵來進(jìn)行控制。

雖然我房間里的燈沒有控制亮度和色溫的功能，但這盞燈亮的時(shí)候也是有色溫和亮度的，只不過在出廠之時(shí)就已經(jīng)設(shè)置好了。那么功能可以根據(jù)自有的屬性分為很多維度，這些維度能否讓我們控制就會(huì)影響信息接收器的相關(guān)設(shè)計(jì)了。不給控制，我們就需要一個(gè)開關(guān)按鍵就行了，如果要控制，那可能就需要兩個(gè)旋鈕來控制了。

功能的原子化

一般媒介的功能不止一個(gè)，想你家的電飯煲，有煲飯功能，煲粥功能等。上面提到的燈，打開開關(guān)發(fā)出光亮是一個(gè)功能。但這個(gè)功能還可以細(xì)分成亮度調(diào)節(jié)和色溫調(diào)節(jié)。功能可以不停細(xì)分，直到只剩一個(gè)維度了，功能就無法再細(xì)分了。

一個(gè)維度可以繼續(xù)細(xì)分為不同的狀態(tài)，比如亮度。我房間的燈只有亮和不亮，這種情況下亮度只有兩種狀態(tài)，0流明和1000流明。但我的臺(tái)燈可以調(diào)節(jié)很多檔位，亮度的狀態(tài)就有很多，而狀態(tài)越多需要的控制數(shù)量就越多。

功能的3種特性

功能具有三種特性：邊界性、連續(xù)性、變化方向性。

1. 邊界性

邊界性根據(jù)狀態(tài)的數(shù)量多少分為無邊界，單邊界，雙邊界三種情況。

（1）無邊界

無邊界的功能，狀態(tài)數(shù)量無窮無盡。

比如數(shù)學(xué)的負(fù)無窮到正無窮，有時(shí)光機(jī)之后，選擇穿越時(shí)間的日期，過去的某一天，未來的某一天，如果做得到的話。

（2）單邊界

單邊界的功能，狀態(tài)數(shù)量也是無窮無盡的，但有最小值。

比如：聲音頻率（頻率最低為0），響度（響度最低為0），亮度（亮度最低為0），溫度（有最低溫度，-273.15℃），速度（從0到無限大，極限為光速，但可以視作是單邊界的情況）

（3）雙邊界

雙邊界的功能，狀態(tài)數(shù)量有限（其實(shí)嚴(yán)格說是無限的）。比如：透明度變化，0～100%，rgb顏色數(shù)值。

實(shí)際媒介功能的邊界性：

實(shí)際大部分情況下，因?yàn)槿说淖陨硇再|(zhì)，或者科學(xué)技術(shù)水平或?qū)嶋H需求。我們所進(jìn)行控制的都是一定范圍以內(nèi)的維度，而不是控制整個(gè)維度。即便是單邊界或者無邊界，我們也只是選取其中一部分區(qū)域當(dāng)作功能。

比如亮度是單邊界的功能，但我們的燈的最高亮度會(huì)是xx流明。音量也是單邊界功能，但手機(jī)的音量再怎么大，也不會(huì)比汽車?yán)嚷曇舸?。根?jù)實(shí)際需求，我們會(huì)將音量控制在合適的范圍里。

當(dāng)然這是大部分情況，在某些情況下，我們也會(huì)使用單邊界和無邊界的功能，比如在太空飛行模擬中選擇你要飛躍的距離（單邊界），或者發(fā)明時(shí)光機(jī)后，穿越到過去的某一天，未來的某一天（無邊界）。

即便是雙邊界，像透明度是0%～100%，因?yàn)樾枰木炔煌?，這個(gè)功能的狀態(tài)數(shù)量也會(huì)非常不一樣。所以當(dāng)要考慮功能邊界時(shí)，落到實(shí)處，最終要考慮的是該功能狀態(tài)的數(shù)量。

2. 連續(xù)性

連續(xù)性，0/1是兩點(diǎn)，不連續(xù)。多少點(diǎn)才是連續(xù)的。其實(shí)是人的感知決定的，你覺得包括了人為設(shè)定的散點(diǎn)。這些散點(diǎn)都是從這個(gè)連續(xù)的維度中選定某一點(diǎn)。風(fēng)扇的檔位，亮度的檔位等。

這里的連續(xù)性是給人的感覺，并不是說這個(gè)東西就真的是連續(xù)的。比如有的微波爐的使用旋鈕控制時(shí)間，最低單位是分鐘，給我們感覺是多個(gè)點(diǎn)，而有的微波爐時(shí)間控制單位精確到秒，我們感覺就是連續(xù)的。

2. 變化方向性

功能狀態(tài)發(fā)生變化時(shí)具有方向性，比如音量變大變小，亮度變大變小。

功能間關(guān)系

（1）交叉關(guān)系：有我必有你

移動(dòng)時(shí)的速度和方向，水龍頭的水溫和水流量，燈的亮度和顏色。一者的出現(xiàn)另一者必然也會(huì)出現(xiàn)，兩者是必定捆綁在一起的。

（2）平行關(guān)系 ：我倆隨便玩

射擊游戲中移動(dòng)人物和調(diào)整視角，音量的大小和畫面亮度大小

（3）互斥關(guān)系：有你沒我

音樂播放器的循環(huán)模式：單曲循環(huán)，順序播放，隨機(jī)播放，電磁爐的烹飪模式：燒烤模式，蒸煮模式，煲湯模式。

小結(jié)：有關(guān)功能的特性分析，到這里就告一段落了，接下來要進(jìn)行的是信息接收器和信息發(fā)送器的自身特性分析。

信息接收器和信息發(fā)送器

思考環(huán)節(jié)：

讓我們回到開燈的例子，我的臺(tái)燈有控制亮度和控制色溫的功能。亮度是一個(gè)單邊界的維度，亮度為0，描述亮度的單位為流明。那么這盞臺(tái)燈的最大亮度肯定不會(huì)比操場的照明燈還亮。亮度最大會(huì)在某個(gè)流明下。

假設(shè)我的這個(gè)臺(tái)燈最大亮度為1000流明，那么0～1000的亮度該用什么東西控制呢？用旋鈕可以嗎？

假設(shè)都通過一個(gè)旋鈕控制，精度是1的話，就得將這個(gè)旋鈕分成1000份，那這個(gè)旋鈕可以設(shè)計(jì)的像普通手表的旋鈕那么小嗎？

如果不需要這么高的精度，這里的1000份，其實(shí)也是人為認(rèn)定的。假如有需求需要精確到0.1，那就要分成10000份。這下該怎么辦？用一個(gè)超級大旋鈕控制嗎？沒有那么大的旋鈕又要精確控制怎么辦？

如果這盞燈還要控制顏色的話，要增加另一個(gè)旋鈕來控制嗎？還是可以用一個(gè)接收器同時(shí)控制兩個(gè)維度？

要回答上面的這些問題，你需要了解信息接收器和信息發(fā)送器的相關(guān)內(nèi)容，當(dāng)你看完本章之后，回過頭來，自己對上面的問題進(jìn)行思考，能夠思考出來答案就是已經(jīng)學(xué)會(huì)了。

信息接收器和信息發(fā)送器的特性

信息接收器和信息發(fā)送器有3種特性：邊界性、維度性、方向性。

1. 信息接收器和信息發(fā)送器的邊界性

媒介都會(huì)控制在一定的空間大小，太大了無法進(jìn)行操作，手移動(dòng)的幅度就大。就好比現(xiàn)在手機(jī)屏幕越做越大，但再怎么大，也不會(huì)比iPad大。因?yàn)槟氵€要放褲兜里。還記得當(dāng)年三星手機(jī)變成一個(gè)護(hù)盾，蘋果手機(jī)變成一把劍嗎？這是不可能發(fā)生的。

屏幕有邊界，喇叭有邊界性，燈泡有邊界，信息接收器和發(fā)送器都有邊界，但信息線可能沒有邊界，比如聲波和光波都屬于信息線，聲音就有邊界，傳播的距離不遠(yuǎn)。太陽的光線信息沒有邊界，可以傳到宇宙盡頭。

邊界間的交流：

一般硬件產(chǎn)品的信息接收器和信息發(fā)送器從一開始就已經(jīng)設(shè)定好應(yīng)該放在產(chǎn)品的什么地方了，比如手機(jī)的開關(guān)按鍵是在頂部還是在右側(cè)，大小形狀什么的也都確定下來不會(huì)變動(dòng)。但到了軟件界面，情況就有所不同了，顯示屏上的內(nèi)容可以隨意變動(dòng)，這就會(huì)讓信息接收器和信息發(fā)送器的邊界關(guān)系發(fā)生變化。

還記得我在信息線中提到的一句話嗎？

“有變化就有信息線，問題是我們能不能察覺并利用上?！蔽覀兛梢岳眠@種變化，比如網(wǎng)頁的頂部邊界和頂部欄邊界相離時(shí)進(jìn)行刷新，也就是我們熟悉的下拉刷新。

2. 信息接收器和信息發(fā)送器的維度性

我們所看到的東西都是有維度的，一個(gè)點(diǎn)，一條線，一個(gè)面，一個(gè)正方體等。這里的維度指的是人感知層面，不是說物理層面。因?yàn)榫退惚∪缦s翼，也是有厚度的，哪怕是一個(gè)原子也是有長寬高的。

信息發(fā)送器發(fā)出的信息：

（1）視覺

點(diǎn)：一個(gè)指示燈

多點(diǎn)/線：多個(gè)指示燈，下載進(jìn)度條

面：屏幕展示的畫面

體：3d投影，AR，VR

如下圖所示：

（2）聽覺

點(diǎn)：迅雷下載任務(wù)完成的一聲“滴”

多點(diǎn)/線：一段音樂

（3）嗅覺

點(diǎn)/多點(diǎn)：一種氣味，多種氣味

（4）觸覺

點(diǎn)：一個(gè)小凸起，現(xiàn)在電腦鍵盤上F鍵和J鍵上面的凸起

多點(diǎn)：盲文

面：手摸臉

（5）味覺

點(diǎn)：酸甜苦咸

多點(diǎn)：混合味道

信息接收器接收的信息：

（1）空間移動(dòng)

按下按鍵，拖動(dòng)滑塊，轉(zhuǎn)動(dòng)旋鈕，觸控板上觸摸操作。如下圖所示：

（2）聲音

語音控制

（3）畫面

人的面容，表情，肢體動(dòng)作

3. 信息接收器和信息發(fā)送器的方向性

因?yàn)榻邮掌骱桶l(fā)送器，都會(huì)占據(jù)空間位置。一旦有空間位置就會(huì)涉及到方向位置問題。所以當(dāng)至少有兩個(gè)點(diǎn)或一條線，或者一個(gè)面才有方向性。

信息接收器和信息發(fā)送器的方向性其實(shí)不是絕對存在的。一個(gè)點(diǎn)無所謂方向可言，即一個(gè)功能只有兩個(gè)狀態(tài)，但接收器和發(fā)送器都是一個(gè)點(diǎn)，比如電燈的開關(guān)、喇叭和麥克風(fēng)等，屬于點(diǎn)，沒有方向可言。除非以人作為參考系或者以物品作為參考系。

至少有兩個(gè)點(diǎn)或一條線，或者一個(gè)面才有方向性可言。比如手機(jī)音量鍵是兩個(gè)按鍵，他們有上下關(guān)系。

功能、信息發(fā)送器、信息接收器的關(guān)系

在道-媒介篇里，我們已經(jīng)詳細(xì)介紹了。目前我們所擁有的各種媒介的接收器發(fā)送器。那么究竟什么時(shí)候該用哪種媒介接收器，用哪種發(fā)送器呢？我們需要了解功能，信息接收器，信息發(fā)送器三者間都具有什么樣的關(guān)系。

三者的關(guān)系有3種：邊界關(guān)系、維度關(guān)系、方向關(guān)系。信息接收器發(fā)送器的邊界性限制著它們的維度性，我們不可能放下1千個(gè)按鍵在手機(jī)大小的東西上。確定了收發(fā)器的維度性之后，才考慮方向性。所以我們最先要考慮的是三者的邊界關(guān)系。

1. 邊界關(guān)系

邊界關(guān)系理解起來不難，A>B，A=B，A<B。但這3種關(guān)系決定了，你使用的是絕對控制還是相對控制。

為什么這么說呢？還記得本小節(jié)的思考環(huán)節(jié)我提出的幾個(gè)問題嗎？

假設(shè)我的這個(gè)臺(tái)燈最大亮度為1000流明，那么0～1000的亮度該用什么東西控制呢？用旋鈕可以嗎？

假設(shè)都通過一個(gè)旋鈕控制。精度是1的話，就得將這個(gè)旋鈕分成1000份。那這個(gè)旋鈕可以設(shè)計(jì)的像普通手表的旋鈕那么小嗎？

如果不需要這么高的精度。這里的1000份，其實(shí)也是人為認(rèn)定的。假如有需求需要精確到0.1，那就要分成10000份。這下該怎么辦？用一個(gè)超級大旋鈕控制嗎？沒有那么大的旋鈕又要精確控制怎么辦？

我們不可能用一個(gè)手表上的旋鈕精準(zhǔn)控制0～1000流明的亮度。但如果把1000分成10份，也就是功能邊界（狀態(tài)數(shù)量）是10的時(shí)候，我們是可以用手表大小的旋鈕進(jìn)控制的。

（1）邊界關(guān)系決定了使用絕對控制和相對控制

1）絕對控制含義

絕對控制代表功能的邊界和信息接收器的邊界在空間上一一對應(yīng)。

2）相對控制含義

相對控制代表著功能的邊界和信息接收器的邊界不是一一對應(yīng)的。

（2）兩種控制的優(yōu)缺點(diǎn)

絕對控制的優(yōu)勢：控制速度快。缺點(diǎn)：當(dāng)功能的邊界很長且狀態(tài)非常多，但接收器的邊界很短，會(huì)導(dǎo)致控制精準(zhǔn)度低。

相對控制的優(yōu)勢：控制精準(zhǔn)度高，控制速度慢，往往會(huì)比絕對控制花費(fèi)更多時(shí)間。

（3）兩者取舍

絕對控制，速度快，但速度快有速度快的弊端：

• 絕對控制時(shí)，信息接收器邊界不變的前提下，功能邊界越大，控制精準(zhǔn)度越低。功能邊界越小，控制精準(zhǔn)度越高。
• 絕對控制時(shí)，功能邊界不變的前提下，信息接收器邊界越大，控制精準(zhǔn)度越高。信息接收器邊界越小，控制精準(zhǔn)度越高。
• 絕對控制時(shí)，控制精準(zhǔn)度不變的前提下，功能邊界越大，需要的信息接收器邊界越大，功能邊界越小，需要的信息接收器邊界越小

相對控制，精準(zhǔn)度高，速度慢：

1. 相對控制時(shí)，精準(zhǔn)度不變，功能邊界不變的前提下，信息接收器邊界范圍越大的，控制的速度越快。信息接收器邊界范圍越小的，控制的速度越慢。
2. 相對控制時(shí)，功能邊界不變，信息接收器邊界不變的前提下，控制精準(zhǔn)度越高，控制速度越慢。控制精度越低，控制速度越快。如果功能邊界和信息接收器邊界一致時(shí)，就變成了絕對控制。
3. 相對控制時(shí)，精準(zhǔn)度不變，信息接收器邊界不變的前提下，功能邊界越小，控制速度越快，功能邊界越大，控制速度越慢。

（4）例子說明

上面的東西比較抽象，有的讀者可能沒弄懂，我下面配一些例子進(jìn)行簡要說明。假設(shè)你的MP3的音量控制大小邊界是0～10，這個(gè)功能是有連續(xù)性的。下面的4張圖的信息接收器都是可以控制這個(gè)MP3音量的，但存在接收器邊界不同以及絕對控制和相對控制的區(qū)別。

圖1是絕對控制，圖2也是絕對控制，但圖2信息接收器的邊界會(huì)比圖1大1倍，有更高的控制精準(zhǔn)度。圖3是相對控制，往上滑到盡頭，音量就會(huì)增加2，松開手后，滑塊自動(dòng)返回底部，再往上滑，音量再增加2。圖3的信息接收器的邊界和圖1一樣，但控制的精準(zhǔn)度是圖1的幾倍。但圖3存在一個(gè)問題，就是你音量只能往上漲，不能減少。所以圖4的相對控制方案是比較好的，音量可以變大，也可以變小。

但為什么我們生話種圖3和圖4的方案基本都沒有見過呢？

因?yàn)檫@種相對控制的信息接收器，速度很慢，需要等滑塊恢復(fù)原來位置再進(jìn)行操作，我們的手指也需要返回到起點(diǎn)位置，不能持續(xù)性操作。所以我們要想辦法做到持續(xù)操作，讓信息接收器的邊界“消失不見”。我們可以首尾相連，形成一個(gè)圓環(huán)，如下圖1所示。

這樣我們就可以進(jìn)行持續(xù)性操作，圖2和圖1是一樣的，也是可以看作是頭尾相連形成的圓。

問：有沒有更好的相對控制方案？

相對于絕對控制的速度快，我們采用相對控制一般是為了追求精準(zhǔn)度，而舍去了速度。因?yàn)楣δ苓吔绾艽螅畔⒔邮掌鬟吔鐓s很小時(shí)，采用絕對控制，精準(zhǔn)度會(huì)很低。有什么辦法既可以控制精準(zhǔn)度高，控制的速度也快呢？

答：加入時(shí)間維度

肯定是有的，上面的規(guī)則建立在空間維度進(jìn)行的控制，假如我們再加入一個(gè)維度：時(shí)間，那么我們就有移動(dòng)速度這個(gè)變量了。對于絕對控制來說，移動(dòng)速度并不會(huì)影響到它。無論你是1秒鐘從0移動(dòng)到10還是用了10秒，只要你將滑塊移到了頂部，那音量就只能是10。絕對控制的功能的狀態(tài)都是跟空間位置一一對應(yīng)的。

而相對控制就沒有這種對應(yīng)關(guān)系，原本只使用空間維度時(shí)，你移動(dòng)1厘米，音量加大1，滑軌的邊界只有有5厘米，那么你從頭移到尾，只能將音量加大5。但如果加上移動(dòng)速度的維度進(jìn)行控制，那么如果你移動(dòng)速度快，你移動(dòng)1厘米，音量可以加大到2或者3，而不是之前的1。

技術(shù)進(jìn)步的影響：

上面的那些信息接收器都是通過機(jī)械性進(jìn)行操作的，隨著技術(shù)的發(fā)展，我們有了觸摸操作的方案后，這些機(jī)械的方案可以怎么樣進(jìn)行變化呢？

圖1是絕對控制，剛才已經(jīng)介紹過了，你想要將音量調(diào)整到10，你就把滑塊移動(dòng)到10那里就行了。而圖2的觸摸方案，你不需要移動(dòng)滑塊，而是直接觸摸10的位置，就能將音量調(diào)整到10。

再多思考一下？

當(dāng)功能是1個(gè)維度的時(shí)候，我們使用1條線控制。當(dāng)功能是兩個(gè)維度的時(shí)候，我們可以使用2條線或者一個(gè)面進(jìn)行控制。既然一條線首尾相連可以形成圓，進(jìn)行持續(xù)性的相對控制。如果是面首尾相連，形成一個(gè)圓柱，是不是也可以進(jìn)行持續(xù)性的相對控制呢？

這種思路很好，但一個(gè)面的首尾相連，并不是一個(gè)圓柱。因?yàn)槊嬗?條邊，有兩個(gè)首尾，形成的應(yīng)該是一個(gè)球。筆記本電腦的軌跡球的構(gòu)思就被你想出了。下圖是蘋果電腦首次搭載軌跡球進(jìn)行光標(biāo)控制，光標(biāo)位置是有X軸坐標(biāo)和Y軸坐標(biāo)的。

像我上面提到的，如果科技進(jìn)步了，我們有觸摸的實(shí)現(xiàn)方式，這個(gè)軌跡球又該如何演變的？

其實(shí)思路是一樣的，下面就是機(jī)械方案和觸摸方案的對照圖，各位讀者可以思考一下。

思考練習(xí)：

生活中的很多東西都可以按照上面的思路進(jìn)行分析，比如摩托車加油的扭動(dòng)是線性交互，汽車加油，腳踏下去也是線性交互。

一般我們所使用的汽車，方向盤旋轉(zhuǎn)是相對控制?？梢宰笥曳謩e可以打兩圈半的圓，但F1賽車使用絕對控制的。生活中還有哪些例子呢？各位讀者可以去思考一下。

2. 維度關(guān)系

上面是我梳理下來三者維度關(guān)系的表格，每一格都是一種設(shè)計(jì)思路。這個(gè)表格里面包含了我知道的所有可能的交互方式。（如果有讀者能夠舉一個(gè)不在這個(gè)表格上的交互例子，記得留言）

其中有些格子你在現(xiàn)實(shí)中可能找不到相應(yīng)的例子，因?yàn)楦揪筒环辖换ピO(shè)計(jì)的邏輯，比如讓你用1個(gè)按鍵移動(dòng)電腦屏幕的光標(biāo)。

信息接收器和信息發(fā)送器的點(diǎn)線面其實(shí)也沒有一個(gè)客觀標(biāo)準(zhǔn)。下圖是iOS的音量顯示方式，從這里我們就能知道點(diǎn)和線的區(qū)別在什么地方了。

有的小朋友可能會(huì)問了，為什么沒有4維5維呢？我們生活在3維的空間，想象都想象不到4維空間是怎么樣的。

表格部分案例講解：

（1）功能為點(diǎn)：以開關(guān)電燈為例

（2）功能為多點(diǎn)/線：以iPhone的音量調(diào)節(jié)為例

（3）功能為2線/面

對于功能為2線/面的例子，我想通過一個(gè)我很喜歡的游戲進(jìn)行詳細(xì)說明。

上圖是任天堂知名游戲塞爾達(dá)傳說-夢見島的畫面，整個(gè)游戲的地圖是比較大的，假設(shè)橫坐標(biāo)有1000個(gè)點(diǎn)，縱坐標(biāo)有600個(gè)點(diǎn)。功能的邊界是很大的（功能狀態(tài)很多），如果顯示器采用絕對顯示，且只有你手機(jī)屏幕那么大。那你控制的主人公：林克，可能就只是屏幕上的幾個(gè)像素點(diǎn)。（別問我塞爾達(dá)傳說的主人公為什么叫林克）所以從交互層面肯定是不可能這么做的。

我們現(xiàn)在知道了功能的邊界很大，是2維的面，屏幕（信息發(fā)送器）也是2維的面。我將會(huì)對信息接收器的設(shè)計(jì)進(jìn)行簡要介紹，接下來請各位讀者仔細(xì)閱讀下圖中的文字內(nèi)容。

功能維度和信息發(fā)送器和信息接受器即便維度一樣，但因?yàn)楣δ苓吔纾顟B(tài)數(shù)量多），遠(yuǎn)大于信息發(fā)送器和接收器邊界，要保持精確操作，一般采取相對控制。

2線和面控制的區(qū)別在哪？

圖中的例子很好地說明了2線和面的區(qū)別，面接收器比2線接收器要更加快速，使用兩條線需要操作2次而使用面需要操作1次。

思考環(huán)節(jié)：

為了精確度，在功能邊界遠(yuǎn)大于信息接收器邊界時(shí)，使用的都是相對控制。如果功能的邊界比較小跟信息接收器邊界差不多時(shí)，我們是不是就能采取絕對控制的方案了呢？

這個(gè)留給大家去思考吧，下面是知名游戲《吃豆人》的示意圖，整張地圖都在屏幕（信息輸出器）上顯示出來了。

（4）功能為3線/體：RGB顏色數(shù)值

上面4張圖都是控制RGB顏色的交互方式。左邊的圖輸入和輸出都是3線，中間的圖和右邊的圖都是1線和1面，區(qū)別只是選擇RGB的哪一個(gè)維度為線功能。

下面的圖是蘋果電腦Touch Bar的示意圖，為2點(diǎn)和1線。具體的分析過程，其實(shí)跟上面的游戲是一致的，我就不帶大家重復(fù)分析一遍了。

3. 方向關(guān)系

功能變化的方向性：

功能的狀態(tài)并沒有方向，音量是100分貝就是100分貝，亮度是100流明就是100流明。但狀態(tài)變化是有方向的，音量減小或者增加。我們很容易將接收器和發(fā)送器的方向和功能狀態(tài)變化的方向混淆在一起，認(rèn)為功能是有方向的。比如手機(jī)上的音量加減按鍵，上面的按鍵是增加，下面的按鍵是減少。那如果我通過語音控制，讓手機(jī)調(diào)節(jié)音量為50%，這該如何去解釋？

三者間的方向關(guān)系：

（1）左小右大，下小上大原則

媒介功能狀態(tài)的變化方向要和接收器和發(fā)送器的方向匹配才能讓人使用起來比較好，而所謂的匹配一般有以下形式。

音量調(diào)節(jié)，一共兩個(gè)按鍵，調(diào)大，和調(diào)小。一般調(diào)大按鍵在上，調(diào)小按鍵在下?；蛘哒{(diào)大按鍵在右，調(diào)小按鍵在左。

顯示音量也是如此。至于為什么會(huì)有這種情況，我猜測是跟我們的經(jīng)驗(yàn)相關(guān)的。比如一片空地上什么也沒有，你不停地放磚頭上去，就會(huì)越來越高。大和高就聯(lián)系起來了。

除了上下左右之外，體積，面積，長度，數(shù)量，順時(shí)針，逆時(shí)針的變化都可以表示功能狀態(tài)大小變化。

（2）平衡原則

上面的4張圖是隨處可見的水龍頭，咋一眼看上去沒啥區(qū)別，但它們的交互設(shè)計(jì)其實(shí)每一個(gè)都不相同。圖1關(guān)閉狀態(tài)時(shí)開關(guān)在Y軸上，逆時(shí)針旋轉(zhuǎn)則是打開水龍頭，如圖2所示。那么圖1和圖2的交互設(shè)計(jì)區(qū)別在哪里呢？

我們需要知道，媒介的姿態(tài)是會(huì)說話的，即便沒有文字，沒有圖案。圖1的設(shè)計(jì)方案，開關(guān)是豎著且扁的，就是說“你可以捏著我左右移動(dòng)”。

而圖2的設(shè)計(jì)方案，是橫著且扁的，是在說“你可以捏著我上下移動(dòng)。但實(shí)際上圖2是通過左右移動(dòng)來開啟關(guān)閉水龍頭的。如果是橫著扁的設(shè)計(jì)，就應(yīng)該像圖4那樣，上下移動(dòng)開啟關(guān)閉水龍頭。

那么請接下來大家思考一下圖3和圖4有什么區(qū)別。自己思考完了再往下看，這樣更容易將別人的知識(shí)轉(zhuǎn)化為自己的知識(shí)。

===分隔線===

圖3和圖4的區(qū)別在于圖3開關(guān)在水平時(shí)是開啟狀態(tài)，圖4則是向上斜45度時(shí)是開啟狀態(tài)，水平時(shí)是關(guān)閉狀態(tài)。這有什么關(guān)系呢，這就要提到平衡原則了。

下圖是平衡原則的示意圖：

如果開關(guān)不在XYZ軸上時(shí)，是打破了平衡狀態(tài)，認(rèn)為開關(guān)是開啟的，而開關(guān)處于平衡狀態(tài)時(shí)，我們會(huì)認(rèn)為開關(guān)是關(guān)閉的。

其實(shí)這種平衡原則在生活中隨處可見，你可以看一下你家的門把手，是不是也是遵循平衡原則的。

那有的讀者就會(huì)問了，圖1為什么是向右旋轉(zhuǎn)打開，而不是向左旋轉(zhuǎn)呢？

向左旋轉(zhuǎn)打開，即符合平衡原則，也是豎著扁的設(shè)計(jì)呀。之所以設(shè)計(jì)成向右旋轉(zhuǎn)，是因?yàn)榻^大部分人是右利手?？紤]到這點(diǎn)，如果向左旋轉(zhuǎn)打開開關(guān)，是極其不符合手的運(yùn)動(dòng)規(guī)律的。圖3和圖4就是一個(gè)對左右手都很公平的例子。

剛才說起了門，我又想起來關(guān)于門的交互。下面這種情況相信每個(gè)人都遇到過，當(dāng)你想打開一扇門時(shí)，你往前推，發(fā)現(xiàn)推不動(dòng)，看一下門上的“拉”字，才知道這扇門是拉開的。如果你在另一側(cè)開門，則是推開的。這種單向門的設(shè)計(jì)隨處可見，但我們經(jīng)常都會(huì)犯錯(cuò)，我們很少會(huì)去看門上的字，直到無法打開時(shí)才會(huì)注意到。那有什么好的解決辦法嗎？

我上面提到過這么一句話：“媒介的姿態(tài)是會(huì)說話的，即便沒有文字，沒有圖案”，媒介可以通過觸覺來告訴人們怎么開啟這扇門。

上圖的里側(cè)有和人手指契合的形狀，這種形狀會(huì)告訴人們往外用力。當(dāng)然你還可以在外側(cè)加一些稍微有點(diǎn)尖銳的東西。當(dāng)人想要推門時(shí)，會(huì)察覺到不好的觸覺。但這種設(shè)計(jì)實(shí)用卻不美觀，其實(shí)不給門把手也是可以的。

思考環(huán)節(jié)：

通過上面的學(xué)習(xí)，我給下面4幅圖，讓大家思考一下這4種交互設(shè)計(jì)有什么不同，哪個(gè)更加好。

我們再嘗試加上一個(gè)功能維度：溫度。去朋友家住，洗澡的時(shí)候，往往不知道扭到哪邊才是升高溫度，哪邊才是降低溫度，需要反復(fù)去試，摸一下水是變涼了還是變熱了。

下面是4種控制水溫和流量的水龍頭，怎么樣設(shè)計(jì)，才能讓人直接知道向哪邊轉(zhuǎn)動(dòng)是加熱，哪邊轉(zhuǎn)動(dòng)是降溫呢？我就不帶大家分析了，大家可以自己進(jìn)行分析，有機(jī)會(huì)再聊這個(gè)。

（PS：這個(gè)平衡原則是我自己隨便起的名字，因?yàn)槲夷壳皼]有找到有專門的詞描述這種情況，如果有哪位讀者知道這個(gè)是什么原則，可以留言說一下。）

小結(jié)

功能具有3種特性：邊界性，連續(xù)性，變化方向性。

信息接收器和信息發(fā)送器有3種特性：邊界性，維度性，方向性。

功能，信息接收器，信息發(fā)送器間的關(guān)系有3種：邊界關(guān)系、維度關(guān)系、方向關(guān)系。

時(shí)空的魔力

1. 時(shí)間的魔力

無論多復(fù)雜的功能，只要有足夠的時(shí)間，一個(gè)按鍵即可實(shí)現(xiàn)任意功能。

有的小朋友可能會(huì)有疑問了，簡單的功能用一個(gè)按鍵控制可以理解，比如開關(guān)燈。難道電視，電腦還能用一個(gè)按鍵控制？難道還能用一個(gè)按鍵把這本書寫出來？可以的，只有給我足夠的時(shí)間。

比方說摩斯密碼就是通過一個(gè)點(diǎn)光源，通過不同的時(shí)間間隔，就能表達(dá)26個(gè)字母的含義。雖說一個(gè)按鍵可以實(shí)現(xiàn)任何功能，但一般也就只有這3種常用的操作方式。一般我們使用的只有單擊，雙擊，長按等操作，偶爾也會(huì)使用三擊。

2. 空間的魔力

無論多復(fù)雜的功能，只要有足夠的空間，瞬間即可實(shí)現(xiàn)任意功能。這點(diǎn)也是一樣的道理，就好比在你面前有一塊巨型屏幕，你手機(jī)上所有的頁面都排列在上面。想象一下有一個(gè)比月球還大的屏幕。

3. 時(shí)空結(jié)合

時(shí)間和空間都有其局限的一面，我們需要將時(shí)空結(jié)合起來，這種結(jié)合的表現(xiàn)就像是你手機(jī)上的播放歌曲軟件。每首歌的播放界面，變化的只是一部分內(nèi)容，不同歌曲都有相同的屬性，播放暫停，歌詞等。

如果是時(shí)間，只通過一個(gè)按鍵，我們的記憶力有限，無法記住按鍵的間隔和對應(yīng)功能。如果是空間，我們的人就這么高，這么大，給我一塊這么大的屏幕，所有的歌都同時(shí)擺在這塊屏幕上，我也很難去點(diǎn)到我想要播放的歌曲。

信息接收器的極限

電燈，用一個(gè)按鍵可以瞬間控制，音量調(diào)節(jié)，可以用一個(gè)滑塊瞬間控制，游戲人物在地圖的位置，可以用一個(gè)觸控屏幕瞬間控制，游戲里的飛機(jī)，可以用VR設(shè)備瞬間控制。如果想要在一瞬間控制某功能。那么這個(gè)功能最多只能有3個(gè)維度。再多的話，則需要第二個(gè)信息接收器

但你要說開燈，開電視，開熱水器，開電腦4個(gè)功能都捆綁在一個(gè)按鍵上。那就可以一個(gè)按鍵控制多個(gè)功能了。這樣想是不對的，畢竟火箭發(fā)射也只用一個(gè)按鍵就能發(fā)射上天。

這里說的控制是自由控制，3個(gè)維度的自由控制。比如面的接收器可以在一瞬間同時(shí)控制亮度和色溫。但如果還想要控制顏色。那就不是面的接收器可以解決的問題了，需要使用VR設(shè)備，在空中控制。

例子：和平精英的操作

為了讓大家更好地理解，我舉一個(gè)游戲的例子吧。玩和平精英，無法邊移動(dòng)邊開槍。因?yàn)閮蓚€(gè)面接收器，對應(yīng)兩個(gè)面發(fā)送器。除非加入另一個(gè)維度，比如3dtouch。你就可以重按屏幕進(jìn)行開槍，左邊的也可以做成重按跳躍，很多人在電腦玩fps游戲就喜歡的這樣邊走邊跳，來增加敵人打中自己的難度。

如果你的手機(jī)沒有3dtouch的功能，你就只能再用一個(gè)手指了，如下圖所示：

優(yōu)化策略

（1）維度變化性

1）高維度節(jié)省時(shí)間，低維度節(jié)省空間

第一點(diǎn)，高維度節(jié)省時(shí)間的例子，其實(shí)上面的塞爾達(dá)的案例已經(jīng)很好地說明了2線控制和面控制效率間的區(qū)別了。還有一個(gè)經(jīng)常說到的例子，通過旋鈕去調(diào)控聲音大小和用兩個(gè)按鍵去控制聲音大小，效率完全不一樣。

第二點(diǎn)，低維度節(jié)省空間也很好理解，兩根線控制兩個(gè)維度，雖說需要操作兩次，但相同精度控制下占用面積遠(yuǎn)比面控制要小。

2）高維度容納低維度

當(dāng)有互斥的點(diǎn)功能時(shí)，可以將這些點(diǎn)功能組合成線。

線是由很多狀態(tài)組成的，處于其中一種狀態(tài)。點(diǎn)功能一般狀態(tài)只有0/1兩種狀態(tài)。很多點(diǎn)功能都是0/1，那么既然都有0，是不是可以整合在一起呢。比如線的接收器上有著很多點(diǎn)功能的1狀態(tài)。

又因?yàn)榫€控制，只會(huì)在某個(gè)狀態(tài)上停止。如果點(diǎn)功能間的關(guān)系是平行關(guān)系，那就不行了，你選擇了一個(gè)功能，就無法選擇另一個(gè)功能。如果想要理由高維度容納低維度，需要點(diǎn)功能是互斥關(guān)系。

思考環(huán)節(jié)：

如果我們兩個(gè)功能都想要線接收器，但媒介的空間又不允許我們使用面接收器，即便是兩個(gè)線接收器都不允許。那么我們該怎么辦呢？可以采取的策略有組合性，可變性。

（2）組合性

有限的按鍵，想要即刻做不同的操作，有組合的形式，電腦鍵盤的快捷按鍵，復(fù)制，粘貼等。都是通過組合來實(shí)現(xiàn)的。比如玩游戲時(shí)我們想要向左上角右上角移動(dòng)，但手柄只有十字鍵，就可以通過組合向左上角和右上角移動(dòng)了。

很多游戲都會(huì)通過組合來形成不同的功能操作。當(dāng)然也可以更換維度更高的接收器。比如變成搖桿。但如果有太多的組合，肯定是不合適的，學(xué)習(xí)成本太高了。

（3）可變性

在不同情況下，同一個(gè)信息接收器控制不同功能，同一個(gè)信息發(fā)送器可以展示不同功能狀態(tài)。比如電腦鍵盤，按下caps lock按鍵，整個(gè)鍵盤就會(huì)從小寫字母變成大寫字母。小米電磁爐的選擇功能和溫度控制。我們現(xiàn)在的手機(jī)屏幕就是可變性的最佳例子

（4）多樣性

1）同一個(gè)功能可以有多個(gè)信息發(fā)送器

有人打電話給你，你的手機(jī)會(huì)發(fā)出聲音，會(huì)震動(dòng)，會(huì)有燈光閃爍，同時(shí)發(fā)送信息觸覺，視覺，聲音的信息線。當(dāng)然也不是越多越好，說出的“話”能讓人感知的并準(zhǔn)確理解即可。

當(dāng)同一個(gè)狀態(tài)有兩個(gè)輸出器，一個(gè)輸出器變化了，另一個(gè)輸出器沒有變化就會(huì)讓人感到疑惑了。比如你按下開關(guān)，燈沒有亮。是開關(guān)壞了？還是燈壞了。這里的開關(guān)其實(shí)是信息輸入器也是信息輸出器。

2）同一個(gè)功能可以有多個(gè)信息接收器

在電腦輸入文字，你可以通過實(shí)體鍵盤打字，也可以通過鼠標(biāo)點(diǎn)擊虛擬鍵盤，也可以用語音輸入。

（5）泰思勒定律（復(fù)雜性守恒定律）

該定律認(rèn)為每一個(gè)過程都有其固有的復(fù)雜性，存在一個(gè)臨界點(diǎn)，超過了這個(gè)點(diǎn)過程就不能再簡化了，你只能將固有的復(fù)雜性從一個(gè)地方移動(dòng)到另外一個(gè)地方。如對于郵箱的設(shè)計(jì)，收件人地址是不能再簡化的，而對于發(fā)件人卻可以通過客戶端的集成來轉(zhuǎn)移它的復(fù)雜性。

學(xué)以致用

上面的內(nèi)容容是這本書核心中的核心，當(dāng)你能夠熟練使用上面的知識(shí)后，你就可以創(chuàng)造性地發(fā)明很多交互方式了，下面我就舉兩個(gè)我們現(xiàn)實(shí)中的例子，一個(gè)是改進(jìn)小米電磁爐的交互案例，另一個(gè)是蘋果觸控板的手勢操作發(fā)明，揭示手勢發(fā)明的歷史必然性。

小米電磁爐的控制

小米電磁爐相比于其他的電磁爐最大的不同在于一個(gè)旋鈕去控制大部分功能，溫度控制、定時(shí)控制、功能選擇、啟動(dòng)、暫停等。

我們先來分析一些這些功能：

啟動(dòng)功能：

開機(jī)啟動(dòng)，屬于0/1點(diǎn)功能，我們可以用一個(gè)按鍵來進(jìn)行開關(guān)機(jī)。

功能選擇：

功能有蒸煮，炒菜，煲湯，火鍋等等，這些功能的關(guān)系是互斥的，我們可以給每一個(gè)功能都對應(yīng)給予一個(gè)按鍵（點(diǎn)接收器）進(jìn)行控制，根據(jù)優(yōu)化策略維度變化性中的高維度容納低維度的方案。也可以將這些互斥的點(diǎn)功能整合成線，使用線接收器進(jìn)行控制。

溫度控制：

雙邊界，0～100度，中等邊界范圍（實(shí)際上不止一百度，只是讓人有個(gè)大概的感知）?？墒褂镁€接收器絕對控制，也可使用線接收器相對控制。

定時(shí)控制：

時(shí)間屬于無邊界功能，時(shí)間1分鐘到幾小時(shí)不等。為了精準(zhǔn)度，我們需要使用相對控制。為了速度，我們使用線接收器而不是點(diǎn)接收器。所以我們不使用線接收器的絕對控制方案。選擇使用線接收器進(jìn)行相對控制方案。持續(xù)性操作需要線接收器收尾相連，形成圓。

暫停功能：

使用過程中的暫停開始可以使用一個(gè)按鍵進(jìn)行控制。

優(yōu)化策略：

我們現(xiàn)在功能選擇使用線接收器控制，溫度控制也是線接收器控制，定時(shí)控制使用線接收器控制。3個(gè)信息接收器分別控制3個(gè)功能。產(chǎn)品經(jīng)理覺得太多了，需要精簡。那我們還有一個(gè)優(yōu)化策略是可變性，都是線接收器，我們使用另外的點(diǎn)控制來進(jìn)行旋鈕功能切換就能夠做到了。這種交互設(shè)計(jì)思路大體上是已經(jīng)跟現(xiàn)在小米電磁爐的交互設(shè)計(jì)是一樣的。

當(dāng)然這3個(gè)功能也可以再使用線接收器來整合優(yōu)化。比如上移動(dòng)是選擇功能，中間是火力控制，下面是定時(shí)。我在這里只是提供一種思路給大家，比如我提到的這個(gè)方案究竟能不能應(yīng)用，還得看實(shí)際需求。比如這種結(jié)構(gòu)容易壞或者信息發(fā)送器不直觀等等，并不是說這種方案就比現(xiàn)在小米的方案要好。

我所想的方案如下圖所示：

其實(shí)小米電磁爐的空間要素沒有考慮的非常好。我們使用過程中，需要彎下腰才能看見屏幕?？赡苁菫榱嗣烙^考慮吧。不過我覺得設(shè)計(jì)這款電磁爐的交互設(shè)計(jì)師是考慮到了使用者信息接收器（眼睛）和媒介信息發(fā)送器（屏幕）的相對位置關(guān)系的，所以才在旋鈕上面加上了多盞白燈來表示火力。

上面的只是粗略的分析，鑒于時(shí)間關(guān)系，我還沒有進(jìn)行進(jìn)一步詳細(xì)的分析。

MacBook的觸控板

通過上面的學(xué)習(xí)，我們知道面接收器在同一時(shí)間同一空間，其坐標(biāo)的橫坐標(biāo)和縱坐標(biāo)的維度是固定的。比如鼠標(biāo)在電腦桌面時(shí)，只能控制光標(biāo)在顯示屏上上下移動(dòng)。你需要用滾輪來滑動(dòng)頁面，需要右擊打開更多功能，左擊選中，左擊按住拖動(dòng)。你無法只靠移動(dòng)鼠標(biāo)完成這些行為。

上下滾動(dòng)頁面，是線功能。一個(gè)滾輪可以勝任，如果頁面很大，還需要左右滾動(dòng)頁面，那么一個(gè)滾輪無法做到，我們可以再加入一個(gè)橫向的滾輪進(jìn)行左右滾動(dòng)控制。

這么一想，干嘛不直接再做一個(gè)鼠標(biāo)出來控制頁面的上下左右移動(dòng)。我們再想想，我們已經(jīng)有一個(gè)鼠標(biāo)來控制光標(biāo)的上下移動(dòng)了，能不能將它切換成控制頁面上下左右移動(dòng)的鼠標(biāo)而不是控制光標(biāo)上下左右移動(dòng)呢？

這個(gè)時(shí)候就是利用優(yōu)化策略里的可變性，我們可以設(shè)計(jì)一個(gè)鍵盤上的按鍵來進(jìn)行這種切換。按住進(jìn)行切換，那么這個(gè)鼠標(biāo)就可以平時(shí)控制光標(biāo)按住這個(gè)按鍵時(shí)控制頁面滑動(dòng)，當(dāng)然點(diǎn)擊一次就切換一次模式也是可以的，我比較傾向按住的方式而已。

讓我們來到筆記本電腦觸控板這個(gè)地方來。觸控板沒有滾輪，鼠標(biāo)上有滾輪控制頁面上下移動(dòng)。我們也要在觸控板上加一個(gè)滾輪嗎？

顯然是不合適的。就像上面的推理一樣，我們可以采用同樣的方式。鍵盤上有一個(gè)按鍵專門用來切換觸控板是移動(dòng)光標(biāo)還是移動(dòng)網(wǎng)頁。我們用我們的左手進(jìn)行按鍵切換，右手在觸控版上移動(dòng)。這好像沒什么問題。因?yàn)槿绻覀冇糜沂职醋“存I還要進(jìn)行上下左右移動(dòng)，肯定是不方便的。

即便這個(gè)按鍵是最接近觸控板的且面積最大的空格鍵，你按住后，只能用大姆指進(jìn)行移動(dòng)。點(diǎn)擊切換雖然沒有這個(gè)問題，但需要不停的切換是非常麻煩的，那能怎么辦呢？把按鍵放在觸控板上可以嗎？

這種方案比在鍵盤上控制要方便一些，但是還是比較麻煩，要是這個(gè)按鍵能跟著手一起移動(dòng)就好了。當(dāng)用一個(gè)手指在觸控板上移動(dòng)時(shí)是控制光標(biāo)的上下左右移動(dòng)，當(dāng)有另外一個(gè)手指觸摸到觸控版時(shí)，兩個(gè)手指的時(shí)候則控制頁面的上下左右移動(dòng)。

這不就是現(xiàn)在macbook的手勢控制方式嗎？2個(gè)手指控制頁面的移動(dòng)，是不是可以有3個(gè)手指的時(shí)候，4個(gè)手指的時(shí)候，n個(gè)手指的時(shí)候呢？雖然我們有10個(gè)手指，觸控板一般也只是一個(gè)手進(jìn)行控制。同時(shí)容納10個(gè)手指操作是不行的。

這就是多點(diǎn)觸控出現(xiàn)的歷史必然性。如果不是蘋果公司首先使用多點(diǎn)觸控，也會(huì)有另外一家雪梨公司首先使用多點(diǎn)觸控的控制方案。

信息接收器與發(fā)送器的表現(xiàn)設(shè)計(jì)

在確定了信息接收器和信息發(fā)送器是什么樣的構(gòu)造時(shí)，便需要考慮媒介“說的話”能不能被人理解了。換句話說，怎么樣的表達(dá)方式才能讓你聽懂媒介在說什么，怎么說才能讓你舒服。前者和后者的協(xié)調(diào)統(tǒng)一是關(guān)鍵。

這部分內(nèi)容決定了你使用文字，還是圖標(biāo)，還是圖片，還是動(dòng)畫，還是視頻。使用什么樣的聲音，什么樣的質(zhì)感的外殼，什么樣的味道。其實(shí)到了這一步，交互設(shè)計(jì)師的工作基本已經(jīng)完成了，表現(xiàn)設(shè)計(jì)是視覺設(shè)計(jì)師的專業(yè)領(lǐng)域了，當(dāng)然交互設(shè)計(jì)師也是需要參與進(jìn)來的。我下面就簡要地說一下，如果有說的不對的地方，還請各位見諒。

下圖是電話圖標(biāo)的不同表現(xiàn)設(shè)計(jì)：

視覺

文字、圖標(biāo)、圖片、動(dòng)畫、視頻，其中最基礎(chǔ)的是文字，我們進(jìn)行信息發(fā)送器和接收器相關(guān)設(shè)計(jì)時(shí)可以先使用文字表現(xiàn)設(shè)計(jì)，然后再看看適合使用哪些表現(xiàn)設(shè)計(jì)。

（1）文字表達(dá)

我們一般與人對話的時(shí)候，能夠流暢進(jìn)行，當(dāng)然也有例外，我們回想一下，在什么情況下，跟別人解釋說明一個(gè)事情特別困難。

我舉一個(gè)我的例子，我教父母使用手機(jī)，雖然我的父母在諾基亞時(shí)代都有手機(jī)，也能夠正常使用。但為什么到了更加智能更加人性化的時(shí)候，反倒不會(huì)用這些智能手機(jī)了呢？

當(dāng)我們教他們的時(shí)候，就得每一步都解釋清楚，不停地去溝通指導(dǎo)。因?yàn)楦改甘切率?，腦海里并沒有相應(yīng)的知識(shí)點(diǎn)。很多名詞都需要進(jìn)一步地解釋才能弄懂。什么是Wi-Fi，什么是熱點(diǎn)等。

文字簡約凝練：

我們購買產(chǎn)品之后，往往都有一本小厚的說明書，但不是所有人都愿意看那玩意，產(chǎn)品使用起來也不是一直都有這個(gè)說明，可能丟了，或者當(dāng)你在公司，其他場所使用產(chǎn)品時(shí)，就沒有說明書，你只能依靠產(chǎn)品上自帶的文字說明來去判斷如何使用

（這本書寫好第一時(shí)間就發(fā)出來了，所以沒有做好文字表達(dá)這一點(diǎn)，還望各位讀者多多包涵）

（2）圖標(biāo)/圖片表達(dá)

當(dāng)文字表達(dá)乏力之時(shí)，圖標(biāo)/圖片是一個(gè)更好的表達(dá)方式。

我與父母電話溝通，教他們進(jìn)行操作的時(shí)候，有些地方經(jīng)常出錯(cuò)。遇到對話很難表達(dá)的時(shí)候，我會(huì)直接截圖，標(biāo)注出要點(diǎn)擊的地方，讓他們跟著圖片操作。

那是不是有圖標(biāo)/圖標(biāo)就不用文字了？這一點(diǎn)在我做產(chǎn)品交互原型的時(shí)候經(jīng)常遇到，這個(gè)時(shí)候就要有取舍。圖標(biāo)下面加文字，占用地方，視覺上沒有單純圖標(biāo)來的簡潔。但如果只有圖標(biāo)沒有文字往往對于新使用的人來說是很不友好的，因?yàn)槲也恢肋@個(gè)圖標(biāo)表達(dá)的意思是什么。除非這個(gè)圖標(biāo)已經(jīng)達(dá)到一種共識(shí)，每個(gè)人看見這個(gè)圖標(biāo)都知道是什么意思，比如你手機(jī)上的一個(gè)綠色的電話圖標(biāo)。

一般來說電腦或者手機(jī)軟件的圖標(biāo)都取自于我們的生活之中已有的內(nèi)容。比如音樂軟件的下一首歌的圖標(biāo)，在我們的mp3隨身聽的時(shí)候已經(jīng)存在了。但如果一個(gè)19世紀(jì)的人看到這個(gè)下一首的按鍵時(shí)，能夠知道這個(gè)圖標(biāo)代表了什么含義嗎？

Wi-Fi是我們?nèi)粘Ｖ胁淮嬖诘囊粋€(gè)東西，而Wi-Fi的圖標(biāo)是從軟件界面出現(xiàn)之后才發(fā)明創(chuàng)造出來的。這種圖標(biāo)一開始必須得搭載文字，而Wi-Fi這個(gè)文字，即便搭載了。

第一次見到的人，也不知道這個(gè)東西是用來干什么的，完全是一個(gè)新的詞匯。但我們的日常交流讓我們懂得了Wi-Fi是什么意思，即便是一個(gè)從來沒有使用過智能手機(jī)的人。在獲知Wi-Fi是可以用來上網(wǎng)的。那么當(dāng)他第一次使用智能手機(jī)時(shí)，他便能夠獲知這個(gè)這個(gè)Wi-Fi文字的含義，且圖標(biāo)也和這個(gè)含義綁定在一起了。

單純文字會(huì)有歧義，比如當(dāng)我說在頁面往上拉，這個(gè)“往上拉”有的人會(huì)理解成手指接觸屏幕后，向上移動(dòng)。而有的人會(huì)理解成講頁面往上移動(dòng)，那么他就會(huì)在手指接觸屏幕后，向下移動(dòng)。如果配有一張引導(dǎo)圖，里面有方向引導(dǎo)就不會(huì)出現(xiàn)這種歧義的情況。

單純圖標(biāo)也會(huì)出現(xiàn)歧義的情況，即圖標(biāo)表現(xiàn)出來一致的，但本質(zhì)功能卻不相同。你能夠知道下面兩個(gè)圖標(biāo)代表什么含義嗎？兩個(gè)都是錢？

這兩個(gè)圖標(biāo)是支付寶的余額和余額寶：

還有一些獨(dú)有的圖標(biāo)，自己本身的功能獨(dú)有的，這種必須配上文字。

（3）動(dòng)圖表達(dá)

圖標(biāo)/圖片是一個(gè)很好的說話方式，但有的時(shí)候，一張靜態(tài)的圖，也不能很好地反應(yīng)出想要表達(dá)的意思。特別是需要指導(dǎo)你進(jìn)行某些行為的時(shí)候。

文字，圖標(biāo)/圖片，動(dòng)圖的優(yōu)劣：

在特定的情景中，圖標(biāo)的意思其實(shí)會(huì)比較明確，沒有文化和交流帶來的困擾（黑箱子不同），英文的開關(guān)是“on/off”，中文是“開/關(guān)”。如果使用紅色X和綠色的O，就不會(huì)存在這種問題。這個(gè)時(shí)候圖標(biāo)會(huì)比文字更具優(yōu)勢。

聽覺

上面是有關(guān)于通過視覺來進(jìn)行交流的思考，除了眼睛看之外，我們?nèi)苏＝涣鲃t是通過聽覺，來獲知?jiǎng)e人想要表達(dá)的意思。

這一點(diǎn)基本就和人溝通一樣了，但我們對其拓展的并不多，不能像圖像那樣在一定程度上表達(dá)這個(gè)功能是什么意思。因?yàn)槁犛X并沒有一種人人所有共識(shí)的東西，這就有點(diǎn)像一些特殊功能的圖標(biāo)，只能是特有的。汽車的喇叭聲音，不同的聲音往往代表著不同的車。單車的手動(dòng)鈴聲，摩托車的喇叭聲，汽車的喇叭聲。

和圖標(biāo)一樣，同樣的表現(xiàn)代表著不同的功能，比如iOS推送，每個(gè)app都可以定義自己獨(dú)有的聲音，代表的都是有新的通知。

不同的表現(xiàn)，代表著相同的功能。比如洗衣機(jī)的表現(xiàn)。下載完成的叮咚聲，迅雷和百度云盤就會(huì)有不一樣。你在車上沒有系安全帶，車會(huì)發(fā)出“滴滴”的聲音會(huì)提示你系安全帶。雖然每輛車的提示都會(huì)有不同，當(dāng)你學(xué)會(huì)了，你就能夠知道這些“滴滴”聲是代表著你沒有系安全帶。

上面的“滴滴”聲在簡單的情景下才適用，如果有多種功能需要通過聲音傳達(dá)。比如沒有關(guān)好其中一扇門，沒有關(guān)好后備箱等等問題。每個(gè)都用不同音色的滴滴聲，那么就會(huì)使人困擾，更不用說，如果每個(gè)品牌的車所發(fā)出的聲音還有不同，這個(gè)品牌是是“滴滴”。那個(gè)品牌是“噠噠”。這個(gè)時(shí)候，比較適用的就是像人一樣說話，告訴司機(jī)：請系好安全帶，請關(guān)閉右后方的車門，請關(guān)好后備箱。

觸覺

觸覺的好壞其實(shí)很難跟大家描述，因?yàn)槟憧吹氖俏淖郑菆D片。不過有辦法讓大家感受一下。我們的手機(jī)都有震動(dòng)功能，蘋果手機(jī)的Taptic engine馬達(dá)，小米10的橫向線性馬達(dá)，其他一些手機(jī)的扁平馬達(dá)。大家如果有這些手機(jī)，或者可以去手機(jī)店體驗(yàn)一下。你就會(huì)發(fā)現(xiàn)蘋果手機(jī)和小米10的震動(dòng)是那種很清脆的“噠噠噠”的感覺，而一些手機(jī)使用的扁平馬達(dá)，就是“嗡嗡嗡”的感覺。

還有利用觸覺信息的設(shè)計(jì)，比如電腦鍵盤上的F和J鍵的小凸起。

嗅覺、味覺

我們偏愛香味，厭惡臭味，臭味會(huì)促使我們離開，這也是為什么煤氣添加的是臭味，而不是香味。味覺方面的交互，我不是很了解，這里就不展開講了，有興趣的讀者可自行研究。

作者：交互靈光；公眾號(hào)：交互靈光

本文由 @交互靈光 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議