回顧20年的手機(jī)發(fā)展歷程，聊聊 iPhone 如何改變我們的交互方式

當(dāng)我們回顧近 20 年的手機(jī)發(fā)展歷程，可以發(fā)現(xiàn) 2007 年 iPhone 的橫空出世真正改變了手機(jī)這個(gè)行業(yè)。喬布斯在發(fā)布會(huì)上展示初代 iPhone 給行業(yè)帶來的沖擊力是前所未有的，對(duì)人機(jī)交互領(lǐng)域也造成了深遠(yuǎn)的影響。

從外觀上來看，iPhone 與那個(gè)時(shí)代手機(jī)最大的區(qū)別在于它舍棄了笨重的鍵盤，3.5 英寸的全觸控屏幕在當(dāng)時(shí)可謂是石破天驚。對(duì)于現(xiàn)在的手機(jī)來說，全觸控屏幕可謂是標(biāo)配，但是在當(dāng)時(shí)面臨著巨大的爭(zhēng)議和風(fēng)險(xiǎn)。當(dāng)時(shí)的微軟 CEO 鮑爾默，也就是現(xiàn)在 NBA 快船隊(duì)的老板就持反對(duì)意見，甚至蘋果內(nèi)部的高管都不看好全觸控屏幕，因?yàn)樗麄冇X得：「每個(gè)人都會(huì)對(duì)沒有觸摸感的東西感到不適」。

這個(gè)理由現(xiàn)在看起來很無厘頭，但是如果我們看待問題總是以現(xiàn)在的眼光和立場(chǎng)，那么就會(huì)產(chǎn)生「我上我也行」的錯(cuò)覺。這樣的復(fù)盤，除了滿足自己的想象，不會(huì)給我們的認(rèn)知帶來任何提升。

我們來系統(tǒng)分析一下，全觸控屏幕究竟是怎么淘汰鍵盤的呢？首先最直觀的一點(diǎn)就是，因?yàn)槿サ袅藢?shí)體按鍵，那么手機(jī)的屏幕面積得到了提升。此外，鍵盤交互的時(shí)代，條目的移動(dòng)速度取決于手指點(diǎn)按鍵盤的速度。而在觸控交互的時(shí)代，移動(dòng)條目只要手指滑動(dòng)一下就可以了。交互效率得到了指數(shù)級(jí)別的提升。

信息限制

而這里我想從可供性的角度來思考觸控交互帶來的體驗(yàn)提升?？晒┬?，通俗點(diǎn)說，就是功能隱喻。優(yōu)秀的產(chǎn)品設(shè)計(jì)可以有效地利用功能隱喻讓用戶快速地明白如何操作。

而隱喻不能太多，太多的隱喻等于沒有隱喻。早期的戰(zhàn)機(jī)有十幾個(gè)姿態(tài)顯示儀表和 100 多個(gè)操作按鈕，這樣的操作界面毫無隱喻而言，飛行員很難同時(shí)處理這么多信息。后來從三代機(jī)開始，戰(zhàn)機(jī)艙普遍使用顯示屏，化繁為簡，限制了操作選項(xiàng)，降低了駕駛成本。

在實(shí)體鍵盤時(shí)代，要限制操作選項(xiàng)是非常困難的。因?yàn)橛脩襞c手機(jī)進(jìn)行交互是依賴鍵盤這個(gè)媒介，而鍵盤無法針對(duì)特定的場(chǎng)景提供定制化服務(wù)。例如我打電話撥號(hào)需要數(shù)字鍵，發(fā)短信需要 26 位字母鍵。那個(gè)時(shí)代音樂手機(jī)（諾基亞5300）甚至要將音樂按鍵放置在機(jī)身。

一款產(chǎn)品可以給用戶提供很多功能，但并不是每一個(gè)功能都是用戶全程需要的。只有判斷在某個(gè)場(chǎng)景下，用戶對(duì)特定功能的訴求很高，才展示相關(guān)的信息。如果訴求很低，可以隱藏相關(guān)信息，避免給用戶造成干擾。

例如，在知乎中，你想搜索跟葉問相關(guān)的內(nèi)容。在搜索結(jié)果頁滑動(dòng)了大概 3 屏左右，在界面底部會(huì)出現(xiàn)「向知友提問」的按鈕。因?yàn)榛瑒?dòng)了 3 屏，那么極有可能對(duì)當(dāng)前的搜索結(jié)果不滿意，這時(shí)引導(dǎo)用戶去提問。如果從一開始就給用戶展示去提問的按鈕，那么對(duì)于不想提問的用戶來說，其實(shí)是一種干擾，并且減少了閱讀區(qū)域。

在微博中停留 3 秒左右，就會(huì)提醒你去評(píng)論。在用戶不斷刷微博的狀態(tài)下，一旦出現(xiàn)了停留，說明你被這條內(nèi)容給吸引住了。與其每條微博下放一個(gè)評(píng)論框，還不如提醒你去評(píng)論感興趣的內(nèi)容。

不同的場(chǎng)景，用戶對(duì)功能的需求是不一樣的，因此交互方案需要做出相應(yīng)的調(diào)整。在有網(wǎng)的狀態(tài)下，啟動(dòng)網(wǎng)易云音樂進(jìn)入的是首頁；無網(wǎng)情況下，啟動(dòng)網(wǎng)易云音樂進(jìn)入的是我的音樂。因?yàn)橛脩粼跓o網(wǎng)情況下進(jìn)入網(wǎng)易云音樂，最大的可能性就是聽之前下載好的歌曲。

我們?cè)賮硭伎家粋€(gè)問題，為什么 QQ 的對(duì)講功能是長按，而錄音功能卻是點(diǎn)擊？錄音與對(duì)講最大的區(qū)別在于，錄音完成后不會(huì)直接發(fā)送給對(duì)方。你可以聽一下錄音效果，感覺不錯(cuò)后再發(fā)送給對(duì)方。而對(duì)講是說完之后直接就發(fā)送給對(duì)方的。

因此對(duì)講功能更加看重效率，而且錄音功能追求的是嚴(yán)謹(jǐn)。因?yàn)樽非笮?，用戶?duì)講完成手指松開就可以直接發(fā)送了。如果使用點(diǎn)擊，用戶需要點(diǎn)擊「發(fā)送」按鈕才能發(fā)送，增加了操作步驟。

目前很多電商平臺(tái)支持語音搜索，用戶可以直接說出商品名稱進(jìn)行搜索。京東采用長按的交互方式，長按說話，說完松開。而淘寶用的卻是點(diǎn)擊開始說話，說完自動(dòng)發(fā)送。

為什么淘寶這里做了差異化？這是因?yàn)?，語音搜索商品，更多是短字符。用戶在這里不太可能會(huì)說很長一段話，因此一旦用戶的語音出現(xiàn)了中斷，就可以判斷已經(jīng)完成了語音錄入。交互流程就簡化為點(diǎn)擊開始錄音，說完自動(dòng)發(fā)送。

操作與反饋

我在前面提到了，全觸控屏幕可以節(jié)省屏幕面積。這時(shí)可能會(huì)有人存在疑問，翻蓋和滑蓋手機(jī)不也能節(jié)省屏幕面積嗎？

所有的人機(jī)交互流程我們都可以簡化為兩個(gè)步驟：操作與反饋。按鍵手機(jī)，用戶與手機(jī)進(jìn)行交互都必須依賴鍵盤這個(gè)媒介，而反饋區(qū)在屏幕，你的視線需要不斷地來回移動(dòng)。全觸控屏幕，用戶可以跟屏幕中元素直接進(jìn)行互動(dòng)，視線可以集中在一點(diǎn)。

即使在全觸控屏幕，產(chǎn)品設(shè)計(jì)中操作區(qū)與反饋區(qū)的關(guān)系一樣值得我們思考。以拍攝視頻這個(gè)場(chǎng)景為例。

目前抖音、快手和微博都支持用戶分段拍攝視頻，一個(gè)長視頻可以由幾段短視頻拼接而成。這個(gè)就產(chǎn)生了一個(gè)新的場(chǎng)景，如果我對(duì)上一段視頻不滿意怎么辦？

我們先來看微博的處理方式，用戶可以點(diǎn)擊左邊的關(guān)閉按鈕，這時(shí)頂部的視頻進(jìn)度條開始閃爍。表明需要用戶確定是否要?jiǎng)h除這段視頻？通過閃爍和搖擺等不穩(wěn)定狀態(tài)來提醒用戶進(jìn)行決策的交互方式很常見，例如我們長按 iPhone 桌面圖標(biāo)，圖標(biāo)就會(huì)不斷地抖動(dòng)來詢問是否要卸載該應(yīng)用。

這里存在一個(gè)問題，觸發(fā)區(qū)和反饋區(qū)距離太遠(yuǎn)，而且閃爍的樣式不明顯，首次使用的用戶可能無法在短時(shí)間內(nèi)快速地理解閃爍的進(jìn)度條是在詢問用戶是否要?jiǎng)h除該段視頻。

相較而言，抖音的提醒方式更加直接，直接出現(xiàn)一個(gè)對(duì)話框，簡單明了地詢問用戶是否要?jiǎng)h除上一段視頻，降低了用戶的理解成本。當(dāng)然抖音的交互方式也有缺點(diǎn)，對(duì)話框的出現(xiàn)增加了用戶的操作成本。

如果用戶不想刪除視頻，抖音需要首先點(diǎn)擊「取消」，關(guān)閉對(duì)話框，才可以進(jìn)行后續(xù)流程。而微博用戶取消刪除，不需要任何操作，可以直接進(jìn)行后續(xù)流程。

如果用戶「確定」要?jiǎng)h除視頻，抖音和微博用戶的操作動(dòng)作都是點(diǎn)擊。但是微博用戶手指不需要進(jìn)行任何移動(dòng)，等于是原地重復(fù)點(diǎn)擊兩次。所以我們無法判斷雙方孰好孰壞，只能說抖音的交互方式對(duì)新用戶來說更加的友好。

總結(jié)

在做這期視頻的時(shí)候，適逢微信新版本發(fā)布。其中一個(gè)改動(dòng)點(diǎn)是，視頻和圖片查看界面的按鈕都統(tǒng)一移到界面的底部。因?yàn)榭紤]到用戶在單手握持手機(jī)的情況下，拇指很難直接夠得著界面頂部。這樣的改動(dòng)可以方便用戶操作。我看了一下反饋，發(fā)現(xiàn)持反對(duì)意見的較大，原因很簡單：不習(xí)慣。

做一款好產(chǎn)品，我們需要秉持著一顆尊重用戶的態(tài)度。但是我不贊成把「用戶當(dāng)成上帝」的觀點(diǎn)，大多數(shù)用戶都是偏愛舊有模式的。即使你的改動(dòng)從長期上來看，對(duì)他們來說是有益的，用戶也會(huì)抗拒。因?yàn)樗麄兛吹挠肋h(yuǎn)都是當(dāng)下的利益，因?yàn)槟愕母膭?dòng)我要離開我的舒適區(qū)，我要重新學(xué)習(xí)并適應(yīng)新的交互模式了。人民創(chuàng)造了歷史，但是人民本身也是創(chuàng)造歷史的最大阻力。

任何一個(gè)新事物的出現(xiàn)，人們總是傾向于從現(xiàn)有的知識(shí)體系中尋找類似的事物進(jìn)行描述與概括，以尋求情感上的歸屬和理性上的辨識(shí)。但是過于超前的創(chuàng)新，往往是現(xiàn)有的知識(shí)體系無法解釋的。無法解釋，自然無法接受。

歡迎關(guān)注作者的微信公眾號(hào)：「王M爭(zhēng)」