打開(kāi)網(wǎng)易新聞 查看精彩圖片

本文授權(quán)轉(zhuǎn)自:體驗(yàn)進(jìn)階 (ID:Advanced_UX)

用MacBook的小伙伴肯定都特熟悉這么個(gè)操作:用三個(gè)手指在觸控板上左右滑動(dòng),就能輕松切換不同的窗口。

打開(kāi)網(wǎng)易新聞 查看精彩圖片

估計(jì)微軟也覺(jué)著這個(gè)操作挺方便的,就跟風(fēng)學(xué)了過(guò)去。從 Windows 10 開(kāi)始,也允許用戶用觸控板切換窗口了。

打開(kāi)網(wǎng)易新聞 查看精彩圖片

Windows 這個(gè)窗口切換,在功能上更勝一籌。它能一次性展示出所有窗口的縮略圖,而且可以從上下左右四個(gè)方向滑動(dòng)切換,這多靈活啊。

相比之下,蘋(píng)果既看不到窗口排列,又只能夠左右兩個(gè)方向滑,一下子就被比下去了。

但是我作為一個(gè) Mac 和 Windows 兩頭轉(zhuǎn)的用戶,覺(jué)得微軟那個(gè)窗口切換問(wèn)題挺大的。要是窗口數(shù)量不是特別多的話,我還是更喜歡 Mac 那種簡(jiǎn)單橫滑的方式。

為啥呢?因?yàn)槲?strong>用Windows這個(gè)窗口切換功能的時(shí)候啊,老是手滑,選錯(cuò)窗口。

有人可能要反駁了:“切換窗口可以用快捷鍵 Windows + Tab,然后按方向鍵啊,那樣總不至于出錯(cuò)了吧?”

首先,快捷鍵肯定是沒(méi)有觸控板手勢(shì)方便,更何況對(duì)大部分人來(lái)說(shuō),記住快捷鍵也是個(gè)挺麻煩的事兒。

MacBook 花了好多年,才讓用戶養(yǎng)成三指滑動(dòng)切換窗口的習(xí)慣。微軟直接把這個(gè)手勢(shì)拿過(guò)去用,這一步其實(shí)下得挺聰明的。

但 Windows 沒(méi)有把用戶體驗(yàn)處理好,讓用戶容易誤操作,有點(diǎn)可惜了,所以我覺(jué)得這個(gè)事兒挺值得拿出來(lái)好好分析分析的。

下面我就先分析一下為啥容易誤操作,然后再講講從交互設(shè)計(jì)的角度要怎么解決這個(gè)問(wèn)題。

為什么容易誤操作?

如果只是鍵盤(pán)操作就簡(jiǎn)單了,按一下方向鍵,焦點(diǎn)框就往旁邊動(dòng)一格。

但是用觸控板手勢(shì),就沒(méi)這么簡(jiǎn)單了。

一種做法是像 MacBook 那樣,不管你滑多遠(yuǎn),一次就只能切換一個(gè)窗口。你要滑到旁邊第幾個(gè)窗口,就必須要滑動(dòng)幾次觸控板。

打開(kāi)網(wǎng)易新聞 查看精彩圖片

但是 Windows 不想這么干,既然把所有的窗口都列出來(lái)了,就是希望用戶能夠一次滑到任何想要的窗口。

打開(kāi)網(wǎng)易新聞 查看精彩圖片

這樣一來(lái),手指要滑多遠(yuǎn)才挪動(dòng)焦點(diǎn)框,就變得不確定了。

所以呢,Windows 得定一個(gè)標(biāo)準(zhǔn)距離。手指在觸控板上劃得短了,焦點(diǎn)框就不換;要是超過(guò)這個(gè)距離了,焦點(diǎn)框才會(huì)往這個(gè)方向切換到鄰近的窗口。

打開(kāi)網(wǎng)易新聞 查看精彩圖片

我不太清楚別人的電腦啥樣兒啊,就我自己用的感覺(jué)來(lái)說(shuō),這個(gè)標(biāo)準(zhǔn)距離差不多不到 1 厘米。

困難點(diǎn)就在于啊,用戶滑動(dòng)的時(shí)候,根本不知道自己得花多長(zhǎng)時(shí)間才能停下來(lái),只能盯著那個(gè)焦點(diǎn)框,一眼不眨地盯著,焦點(diǎn)框一變,手指就得馬上停下來(lái)。

為啥呢?因?yàn)槟呐率种竿硗O聛?lái)1厘米,那個(gè)焦點(diǎn)框可能就跑到下一個(gè)窗口上去了。

這就好比你開(kāi)車去接人,路旁邊站著一排人,你不知道要接的是哪個(gè)。等你經(jīng)過(guò)那個(gè)人的時(shí)候,他才招手。這時(shí)候你趕緊踩剎車,但車子已經(jīng)沖出去好幾米了。

像我這種經(jīng)常在 MacBook 和 Windows 之間換著用的,平時(shí)在MacBook上都是隨手一滑就切換窗口了,可到了 Windows 上就得小心翼翼的。一旦趕時(shí)間、情緒有點(diǎn)著急,那在 Windows 上滑錯(cuò)窗口就很容易發(fā)生了。

如何避免誤操作?

手指在滑到標(biāo)準(zhǔn)距離之前啊,整個(gè)屏幕一點(diǎn)兒反饋都沒(méi)有。這就導(dǎo)致用戶在這期間啊,完全不知道得滑多遠(yuǎn)才能切換窗口。

MacBook就不會(huì)有這個(gè)問(wèn)題啊。你只要一開(kāi)始滑動(dòng),整個(gè)屏幕就會(huì)跟著動(dòng)起來(lái)。這樣一來(lái),用戶就能大概估算一下,自己得滑多遠(yuǎn)才能成功切換窗口。

打開(kāi)網(wǎng)易新聞 查看精彩圖片

Windows 也可以參考這個(gè)設(shè)計(jì),把焦點(diǎn)框固定在屏幕中間,然后用戶可以滑動(dòng)操控窗口縮略圖。

打開(kāi)網(wǎng)易新聞 查看精彩圖片

或者呢,也可以保持現(xiàn)有的布局不變,只是在焦點(diǎn)框切換之前,讓用戶能操控著一個(gè)背景框,在窗口后面移動(dòng)。這樣用戶也能早點(diǎn)通過(guò)視覺(jué)反饋,知道自己得滑多遠(yuǎn)的距離。

打開(kāi)網(wǎng)易新聞 查看精彩圖片

這樣改方案后,研發(fā)成本會(huì)變高嗎?

肯定會(huì)高一點(diǎn),但是對(duì)于 Windows 這么龐大的操作系統(tǒng)來(lái)說(shuō),這點(diǎn)成本真不算啥。所以……那就期待 Windows 12 能改版得更好吧。

總結(jié):機(jī)器與現(xiàn)實(shí)在交互差異

計(jì)算機(jī)對(duì)于交互的理解是這樣的:你給我一個(gè)指令,我就給你一個(gè)反饋。

換句話說(shuō),只要沒(méi)有指令,就沒(méi)有反饋。而指令發(fā)出的一瞬間,反饋也會(huì)瞬間發(fā)生。

就像這個(gè)窗口切換交互,只要你不滑到指定的距離,就相當(dāng)于沒(méi)發(fā)指令。沒(méi)發(fā)指令,那屏幕上就不會(huì)有什么視覺(jué)反饋。

這符合機(jī)器的邏輯,但不符合現(xiàn)實(shí)世界的邏輯啊。

現(xiàn)實(shí)世界里呢,是有慣性的,動(dòng)作都是連續(xù)的,沒(méi)有哪個(gè)指令能突然就生效。我們得在充分觀察周圍環(huán)境之后,才能一步步做出應(yīng)對(duì)。

還是拿開(kāi)車接人來(lái)舉例吧,理想的情況下,我老早就看到要接的人了,然后開(kāi)車的過(guò)程中我會(huì)持續(xù)計(jì)算距離和速度,慢慢地減速,直到剛好停在那個(gè)人面前。

只有在計(jì)算機(jī)的世界里,才能讓停車指令瞬間生效。

所以為了好的用戶體驗(yàn),我們得違反機(jī)器的直覺(jué),在指令出現(xiàn)之前就提供連貫的反饋。

不過(guò)呢,這就很容易增加研發(fā)成本,可不是任何公司都能像蘋(píng)果那樣做產(chǎn)品的……

好在,只要知道交互設(shè)計(jì)的原理,也還是能找到一些低成本替代方案啦,例如下面這個(gè)進(jìn)度條其實(shí)是假的 gif 動(dòng)圖,但在用戶等待的時(shí)候拿出來(lái)用,還是能起到“安慰劑”的效果:

打開(kāi)網(wǎng)易新聞 查看精彩圖片

對(duì)于有多少人會(huì)手滑選擇錯(cuò)誤的窗口,如果沒(méi)有證據(jù)就很容易引起爭(zhēng)執(zhí)。

要獲得證據(jù),最省事的方法是數(shù)據(jù)分析??梢月顸c(diǎn)看看,有多少用戶用手勢(shì)操作選中一個(gè)窗口后,立即又重新選擇的,這種大概率是選錯(cuò)了。

在科技浪潮奔涌向前的當(dāng)下,人工智能正深刻重塑我們的生活與工作。人機(jī)之間的關(guān)系,也從簡(jiǎn)單交互邁向深度協(xié)作。想知道如何在這一趨勢(shì)下把握體驗(yàn)設(shè)計(jì)的新方向嗎?2025 年 10 月將在北京舉辦的 IXDC 國(guó)際體驗(yàn)設(shè)計(jì)大會(huì)聚焦 “人機(jī)共生:人工智能時(shí)代人機(jī)協(xié)作新范式”,作為全球領(lǐng)先的用戶體驗(yàn)創(chuàng)新盛會(huì),它將匯聚前沿理念與實(shí)踐。一起來(lái)關(guān)注這場(chǎng)盛會(huì),探索人機(jī)協(xié)作的無(wú)限可能。

文章轉(zhuǎn)載:體驗(yàn)進(jìn)階,版權(quán)歸原作者所有

原文鏈接:https://mp.weixin.qq.com/s/SnhQzn4QK5CnIFRIxL3-bg

版權(quán)聲明:“IXDC”所推送的文章,除非確實(shí)無(wú)法確認(rèn),我們都會(huì)注明作者和來(lái)源,本公眾號(hào)對(duì)轉(zhuǎn)載、分享的內(nèi)容、陳述、觀點(diǎn)判斷保持中立,不對(duì)所包含內(nèi)容的準(zhǔn)確性、可靠性或完善性提供任何明或暗示的保證,僅供讀者參考。部分文章推送時(shí)未能與原作者取得聯(lián)系,若涉及內(nèi)容或作品等版權(quán)問(wèn)題,煩請(qǐng)?jiān)髡呗?lián)系我們,給出內(nèi)容所在的網(wǎng)址并提供相關(guān)證明資料,我們會(huì)核查后立即更正或者刪除有關(guān)內(nèi)容!本公眾號(hào)不承擔(dān)任何責(zé)任,并擁有對(duì)此聲明的最終解釋權(quán)。

聯(lián)系微信:18802086168

聯(lián)系電話:18802086168

編排 | 羅家玉

終審 | 蘇 菁

點(diǎn)這里,學(xué)習(xí)更多設(shè)計(jì)知識(shí)!