iPhone如何改變我們的交互方式

2020-1-19    資深UI設(shè)計者

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



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

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


我們來系統(tǒng)的分析一下,全觸控屏幕究竟是怎么淘汰鍵盤的呢?首先最直觀的一點就是,因為去掉了實體按鍵,那么手機的屏幕面積得到了提升。 此外,鍵盤交互的時代,條目的移動速度取決于手指點按鍵盤的速度。 而在觸控交互的時代,移動條目只要手指滑動一下就可以了。 交互效率得到了指數(shù)級別的提升。



信息限制


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


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

在實體鍵盤時代,要限制操作選項是非常困難的。因為用戶與手機進行交互是依賴鍵盤這個媒介,而鍵盤無法針對特定的場景提供定制化服務(wù),例如我打電話撥號需要數(shù)字鍵,發(fā)短信需要26位字母鍵。那個時代音樂手機(諾基亞5300)甚至要將音樂按鍵放置在機身。


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

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


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


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


我們再來思考一個問題,為什么QQ的對講功能是長按,而錄音功能卻是點擊?錄音與對講最大的區(qū)別在于,錄音完成后不會直接發(fā)送給對方。你可以聽一下錄音效果,感覺不錯后再發(fā)送給對方。而對講是說完之后直接就發(fā)送對方的。


因此對講功能更加看重效率,而且錄音功能追求的是嚴(yán)謹(jǐn)。因為追求效率,用戶對講完成手指松開就可以直接發(fā)送了。如果使用點擊,用戶需要點擊“發(fā)送”按鈕才能發(fā)送,增加了操作步驟。


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


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

操作與反饋


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

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


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

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


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

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

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


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


如果用戶“確定”要刪除視頻,抖音和微博用戶的操作動作都是點擊。但是微博用戶手指不需要進行任何移動,等于是原地重復(fù)點擊兩次。所以我們無法判斷雙方孰好孰壞,只能說抖音的交互方式對新用戶來說更加的友好。

總結(jié)


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


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

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


文章來源:站酷

分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔