編輯導(dǎo)語：對(duì)于交互設(shè)計(jì)來說，許多年來，有著一批又一批的交互方式出現(xiàn)，又有一批又一批我們所熟悉的交互方式消失。本文通過盤點(diǎn)那些消失了的交互方式，在分析其設(shè)計(jì)的同時(shí)，又反思了其消失的原因，希望能夠?qū)Υ蠹乙院蟮慕换ピO(shè)計(jì)有所幫助。

我們看過很多盤點(diǎn)設(shè)計(jì)趨勢(shì)的文章和視頻節(jié)目，預(yù)測(cè)即將流行的交互/界面設(shè)計(jì)樣式，AR交互、語音交互、手勢(shì)交互等。

有時(shí)候，我們反過頭來回顧那些被淘汰的交互方式，去反思它們被時(shí)代拋棄的原因，或許更能帶給我們一些感觸和收獲，本期我們來盤點(diǎn)那些曾經(jīng)我們很熟悉的交互方式。

一、什么觸發(fā)了交互變革

這種老式的轉(zhuǎn)盤電話，我們應(yīng)該只是在電視里看到過。

為什么這種電話是轉(zhuǎn)盤撥號(hào)呢？因?yàn)楫?dāng)時(shí)電話采用的是脈沖撥號(hào)的技術(shù)，它用脈沖的個(gè)數(shù)來表示號(hào)碼數(shù)字。每一格就是一個(gè)脈沖，撥1就轉(zhuǎn)1個(gè)格,撥9就轉(zhuǎn)9個(gè)格。

而音頻撥號(hào)技術(shù)的成熟，使得轉(zhuǎn)盤撥號(hào)成為了歷史，我們可以使用速度和精確度更好的按鍵撥號(hào)。

從撥打電話方式的改變，我們應(yīng)該明白：人機(jī)交互的本質(zhì)就是人與機(jī)器進(jìn)行溝通，而其中一方機(jī)器發(fā)生了重大的技術(shù)突破，那么必然導(dǎo)致雙方之間的溝通方式發(fā)生改變。

因此科學(xué)技術(shù)的突破，特別是硬件技術(shù)的革新，是人機(jī)交互方式發(fā)生變革的最大推動(dòng)力。而最近20年，對(duì)于移動(dòng)端人機(jī)交互來說，最大的硬件技術(shù)突破——就是多點(diǎn)觸控技術(shù)的成熟。

問題來了，如何把多點(diǎn)觸控技術(shù)應(yīng)用到手機(jī)上呢？

以我們現(xiàn)在的眼光來看，或許會(huì)覺得這個(gè)問題很簡(jiǎn)單。直接把實(shí)體鍵盤去掉，所有的操作在屏幕內(nèi)完成，就像初代iPhone后來做的那樣。

但是去除實(shí)體按鍵，那么就意味著你必須要重構(gòu)手機(jī)端交互規(guī)范，因?yàn)橹暗慕换ヒ?guī)范是給實(shí)體鍵盤用的，你不能夠直接套用。

在按鍵時(shí)代，十字型界面交互是移動(dòng)端設(shè)計(jì)的主流。

以2004年的PSP為例：其頂部的橫軸是一級(jí)菜單、縱軸是二級(jí)菜單，用戶通過按鍵定位內(nèi)容。按鍵時(shí)代，操作區(qū)跟屏幕是分開的，這種十字型的交互樣式符合用戶自上而下，自左至右的Z型瀏覽模式。

而iPhone的設(shè)計(jì)方案中，一級(jí)菜單被挪到了底部。這是因?yàn)槠聊痪褪遣僮鲄^(qū)，而手機(jī)底部更靠近用戶的拇指，為了讓用戶單手操作更加方便，iPhone把一級(jí)菜單挪到下面。

當(dāng)然這只是從按鍵時(shí)代過渡到觸控時(shí)代，交互變革中很小的一部分。

我們應(yīng)該明白，對(duì)一個(gè)已有的設(shè)計(jì)體系進(jìn)行變革，是一個(gè)非常復(fù)雜而漫長(zhǎng)的過程。

意味著不斷的否定與創(chuàng)新，當(dāng)時(shí)蘋果也沒有底，摸著石頭過河，他們的“石頭”就是當(dāng)時(shí)爆火的iPod。2017年媒體曝光了初代iPhone原型機(jī)，我們可以發(fā)現(xiàn)很多iPod的影子，例如這個(gè)大轉(zhuǎn)輪：

喬布斯在發(fā)布會(huì)上曾經(jīng)展示過，全場(chǎng)哄堂大笑。他們覺得喬布斯只是開玩笑，但是蘋果當(dāng)時(shí)真的開發(fā)這樣的一款原型機(jī)。

科學(xué)技術(shù)的突破，必然導(dǎo)致交互模式的大洗牌。洗牌的過程是非常復(fù)雜的，會(huì)有很多交互樣式被淘汰，當(dāng)然也會(huì)涌現(xiàn)出很多你之前從來沒有看到過的交互樣式。

他們中有的是真的創(chuàng)新，有的只是打著噱頭，收割智商稅，經(jīng)不起推敲。因此我們必須明白科學(xué)技術(shù)的發(fā)展會(huì)給交互樣式在哪些層面帶來革新呢？

這里我總結(jié)了三個(gè)方向：省力、準(zhǔn)確和擴(kuò)展，簡(jiǎn)單解釋就是——新技術(shù)革新。

你的交互方式是否可以讓用戶以最少量的成本完成操作？是否可以保證信息傳遞準(zhǔn)確性？能否支持?jǐn)U展到更多的場(chǎng)景？

二、最少的操作成本

交互的本質(zhì)是人與工具進(jìn)行溝通，從早期的的骨棒，到現(xiàn)在的航天器，人類發(fā)明的所有工具都是為了提升效率。

而縱觀交互方式的變遷，你會(huì)發(fā)現(xiàn)人們一直在追求更加省時(shí)省力的交互方式。

三星曾經(jīng)發(fā)布一個(gè)新的交互方式Smart Scroll，用戶在瀏覽網(wǎng)頁的時(shí)候，可以根據(jù)你的臉部移動(dòng)自動(dòng)滾動(dòng)頁面，不用手指滑動(dòng)頁面。是不是看起來很科幻？

——妥妥的下一代交互模式。羅永浩曾經(jīng)也推出無限屏的交互模式，打出的口號(hào)是解放用戶的手指。

這兩款交互“賣相”都特別好，但是都沒有成為主流。究其最根本原因，是增加了用戶的操作成本。

本來動(dòng)動(dòng)手指就可以完成的操作，現(xiàn)在需要我扭動(dòng)脖子，轉(zhuǎn)動(dòng)上半身。“解放用戶的手指”這句話在營銷層面是天才，但是在設(shè)計(jì)層面卻經(jīng)不起推敲，因?yàn)閺澢戈P(guān)節(jié)已經(jīng)是能耗最低的操作方式了。

如果我們找不到一個(gè)能耗更低的交互方式，那么這些發(fā)明創(chuàng)造終將只是小眾。

三、準(zhǔn)確性

如果過度的追求省力，降低交互的操作成本，那么會(huì)帶來一個(gè)新的問題，那就交互準(zhǔn)確性降低，造成誤操作。

如果要比交互成本的話，眼動(dòng)應(yīng)該是目前所有交互中最輕松的了，三星也很早就研發(fā)了根據(jù)眼球追蹤來實(shí)現(xiàn)的交互。

但在正常的瀏覽過程中，用戶會(huì)無意識(shí)的眨眼或者眼跳。

這種無意識(shí)的行為在眼動(dòng)交互過程中，會(huì)觸發(fā)界面的變化，其實(shí)這種變化不是用戶真正想要的。眼動(dòng)交互要想真正為大眾所接受，必須要分辨清楚用戶有意識(shí)和無意識(shí)的眼動(dòng)行為。

像眼動(dòng)交互這樣通過體感識(shí)別技術(shù)來替代交互中的“輸入”，可以很大程度降低操作成本。但是問題在于我們很難準(zhǔn)確的根據(jù)人體形態(tài)去定義交互輸入規(guī)范。

iOS 10中蘋果推出了一個(gè)新功能，抬起喚醒 raise to wake。

大家可能都有過這樣的體驗(yàn)，手機(jī)放在口袋或者桌子上，這時(shí)聽到震動(dòng)，拿起手機(jī)，手機(jī)屏幕會(huì)自動(dòng)點(diǎn)亮。

是不是覺得這個(gè)功能很簡(jiǎn)單？

但是正是這個(gè)簡(jiǎn)單的功能，蘋果采集了大量的用戶體態(tài)數(shù)據(jù)，根據(jù)這些數(shù)據(jù)來定義這個(gè)“抬起”的手勢(shì)。抬起手勢(shì)都這么難定義，更遑論眼球交互乃至腦機(jī)交互。

四、內(nèi)容量

合適的交互方式不僅要滿足當(dāng)下，還要兼顧未來，那么未來會(huì)發(fā)生哪些變化呢？

——最常見的就是內(nèi)容量的激增。

2001年，iPod問世。iPod最大的賣點(diǎn)在于5GB的存儲(chǔ)空間，而當(dāng)時(shí)市場(chǎng)上的MP3存儲(chǔ)空間普遍是32/64M。

按一首歌4M來算，MP3只能存儲(chǔ)10來首歌，而iPod可以存儲(chǔ)1000多首歌，當(dāng)時(shí)iPod的口號(hào)就是“把1000首歌裝進(jìn)口袋里”。

海量的存儲(chǔ)空間意味著iPod必須要重構(gòu)交互模式。

如果只有10首歌，用戶選擇歌曲，點(diǎn)擊按鍵一首一首的選沒有問題。但是現(xiàn)在有1000首歌，用戶如果要聽第529首歌，不能真的讓用戶重復(fù)點(diǎn)擊“下一首”529次，必須給用戶提供一個(gè)快速定位到第529首歌的操作方案。

所以iPod引入了轉(zhuǎn)盤，通過旋轉(zhuǎn)轉(zhuǎn)盤，用戶可以快速的定位歌曲。轉(zhuǎn)盤交互也成了iPod的標(biāo)志。

存儲(chǔ)空間的飛速提升導(dǎo)致蘋果修改交互方式的例子還發(fā)生在2010年，2010年發(fā)布的iPhone4，運(yùn)行內(nèi)存提升到512MB。這個(gè)意味著，iPhone可以同時(shí)運(yùn)行的程序就越來越多。用戶希望可以在多個(gè)同時(shí)運(yùn)行的任務(wù)中來回切換，也就是多任務(wù)管理。

那么如何讓用戶查看當(dāng)前運(yùn)行的程序呢？要知道iPhone上面有一塊屏幕和home鍵，那么僅有home這一個(gè)實(shí)體按鍵如何實(shí)現(xiàn)多層級(jí)任務(wù)的切換呢？

蘋果的處理方案上雙擊home鍵，之前是沒有雙擊home鍵這個(gè)手勢(shì)的。

類似的例子還有：當(dāng)年很火的path，標(biāo)志性的扇形展開動(dòng)效。給我們一種眼前一亮的感覺，但是現(xiàn)在這種的交互樣式我們?cè)絹碓缴僖娏恕?/p>

這種扇形展示的動(dòng)效，僅從易用性的角度來看，并沒有什么值得突出的地方。與宮格式相比，它無法容納更多的入口；與列表式相比，它無法展示更多的信息。

它的優(yōu)點(diǎn)就在于——讓用戶感覺特別的酷炫。在移動(dòng)互聯(lián)網(wǎng)早期，當(dāng)時(shí)用戶的想法還都比較單純。如果一款產(chǎn)品的交互很牛逼，他們會(huì)覺得這款產(chǎn)品也很牛逼。

五、產(chǎn)品定位

如果一個(gè)交互樣式同時(shí)滿足了以上三個(gè)要求，那么是否意味著它適用于所有產(chǎn)品，并且永遠(yuǎn)不會(huì)被淘汰呢？

當(dāng)然不是，因?yàn)椴煌漠a(chǎn)品決定了不同的交互模式。我們需要根據(jù)當(dāng)前的產(chǎn)品模式去調(diào)整交互，而不是交互去決定產(chǎn)品。如果把交互的重要性凌駕于產(chǎn)品之上，那么你無法解釋為什么現(xiàn)在的手機(jī)越做越大。

喬布斯時(shí)代，iPhone的尺寸一直固定在3.5英寸，3.5英寸對(duì)于單手操作來說非常友好，屏幕越做越大反而不好操作了。

這是因?yàn)槭謾C(jī)提供的服務(wù)越來越多，手機(jī)的定位不再僅僅是一個(gè)通訊工具，它變成我們身體的延伸。我們每天要花著大量的時(shí)間在手機(jī)上，對(duì)于手機(jī)，我們更加看重的是內(nèi)容消費(fèi)效率，而不是手持舒適度。

3.5英寸這個(gè)尺寸單手操作的確非常方便，但是你拿來打游戲，刷劇就會(huì)覺得屏幕非常的不夠用，不夠盡興。

因此產(chǎn)品定位的變更，也會(huì)對(duì)交互模式造成影響。這也告訴我們——不同的產(chǎn)品，交互模式不能隨意套用。沒有最好的交互，只有最合適的交互。

例如：我在刷抖音的時(shí)候，覺得這個(gè)視頻挺好玩的，想點(diǎn)個(gè)贊。但是我又比較懶，不愿意挪動(dòng)手指去點(diǎn)擊點(diǎn)贊按鈕，所以就雙擊屏幕就行了。

雙擊點(diǎn)贊背后的設(shè)計(jì)理念就是如果你想提升點(diǎn)贊行為的活躍度，那么就降低點(diǎn)贊的交互成本，讓點(diǎn)贊更容易。

后來，知乎也采用了這個(gè)交互模式，用戶雙擊答案就可以直接點(diǎn)贊。但是知乎的定位是專業(yè)的問答社區(qū)，一個(gè)答案用戶可能會(huì)看好幾分鐘，有的地方?jīng)]有看懂，還會(huì)反復(fù)的看。

如果用戶真的認(rèn)可這個(gè)答案，那么他有充足的時(shí)間的去點(diǎn)贊。而抖音一個(gè)視頻用戶看個(gè)十幾秒就劃過去了，在這短短的十幾秒內(nèi)降低點(diǎn)贊的操作成本來提升點(diǎn)贊量是合理的。

知乎引入雙擊點(diǎn)贊是否合理呢？

我對(duì)此持保留意見最后，我還是重申一下。對(duì)于這些已經(jīng)不存在的交互方式，我們不能總是持有一種否定的態(tài)度。現(xiàn)在看起來比較愚蠢的操作，在當(dāng)時(shí)的條件下，或許已經(jīng)是最優(yōu)解了。

去了解它們?yōu)槭裁磿?huì)出現(xiàn)、為什么會(huì)淘汰更有意義。

總是否定乃至批判過去，并不會(huì)讓現(xiàn)在的我們顯得更聰明一點(diǎn)。

#專欄作家#

王M爭(zhēng)（微信公眾號(hào)：王M爭(zhēng)），人人都是經(jīng)理專欄作家，資深互聯(lián)網(wǎng)人，B站賬號(hào)：王M爭(zhēng)

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

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