蘋(píng)果是一家為數(shù)不多以設(shè)計(jì)驅(qū)動(dòng)的公司。

如今，當(dāng)我們談?wù)撈甬a(chǎn)品設(shè)計(jì)、談?wù)撈鹩脩趔w驗(yàn)，總是離不開(kāi)蘋(píng)果，它所堅(jiān)持的設(shè)計(jì)哲學(xué)是對(duì)細(xì)節(jié)和質(zhì)量的極致追求。下面，我就帶大家看看 Apple 在交互方面做的努力。

01. 動(dòng)態(tài)的觸控區(qū)域

Apple 為了解決在移動(dòng)設(shè)備上輸入本文的問(wèn)題，采用了一種流暢并且對(duì)用戶友好的解決方案：基于預(yù)測(cè)輸入系統(tǒng)，擴(kuò)大虛擬鍵盤(pán)的有效觸控區(qū)域。

例如，the 和 this 這兩個(gè)單詞。當(dāng)你按下“th”的時(shí)候，系統(tǒng)預(yù)測(cè)下一個(gè)字母可能是 e 或 i，從而動(dòng)態(tài)增加這兩個(gè)字母的點(diǎn)擊范圍，以此提高輸入的命中率。

當(dāng)然，視覺(jué)上你看不到按鈕尺寸的變化。指尖之上，一切都在無(wú)形之中。

02. 音效觸覺(jué)反饋

在現(xiàn)實(shí)世界中，音效、觸感和視覺(jué)能很自然的保持協(xié)調(diào)，因?yàn)槿咧g有著很自然的關(guān)系。蘋(píng)果在數(shù)字世界也極力保持著這種體驗(yàn)。

得益于 Taptic Engine 線性震動(dòng)馬達(dá)，讓 iPhone 有了觸覺(jué)上的反饋。

– 閃光燈

iPhone X 鎖屏上的閃光燈是一個(gè)非常高級(jí)別的觸覺(jué)體驗(yàn)例子。手電筒圖標(biāo)會(huì)根據(jù)手指觸碰的壓力而變化，讓你知道系統(tǒng)正在響應(yīng)操作，同時(shí)也告訴你需要再用力些。

當(dāng)力度一旦達(dá)到，系統(tǒng)會(huì)有個(gè)短震動(dòng)，告訴你可以松手了，松手后還有一個(gè)成功的震動(dòng)反饋。這像不像現(xiàn)實(shí)世界的老式拉線燈動(dòng)作？

– 鬧鐘

另外，在鬧鐘應(yīng)用中，當(dāng)你調(diào)節(jié)輪盤(pán)時(shí)，會(huì)有持續(xù)的機(jī)械震動(dòng)反饋，且音效是自行車鏈條轉(zhuǎn)動(dòng)的齒輪聲。快速撥動(dòng)輪盤(pán)時(shí)，視覺(jué)上還會(huì)有一個(gè)物理的慣性力，直到力竭停止。

至此，音效、觸感、視覺(jué)三者渾然一體，達(dá)到了精準(zhǔn)的協(xié)同表現(xiàn)。

03. 終點(diǎn)與手勢(shì)意圖

在 FaceTime 視頻通話中，屏幕角落有一個(gè)小的播放窗口代表著自己。這個(gè)浮動(dòng)的小窗口，它就可以被移到屏幕任意的4個(gè)角落，這些角落叫做手勢(shì)的終點(diǎn)。

滑動(dòng)與拖動(dòng)

你可以拖動(dòng)浮窗到角落，但這樣需要跨過(guò)半個(gè)屏幕，非常麻煩。

因此，蘋(píng)果基于預(yù)測(cè)動(dòng)量這一概念，捕獲滑動(dòng)的動(dòng)量和速度。用戶只需輕量級(jí)的滑動(dòng)投擲，即可將浮窗到達(dá)預(yù)測(cè)位置。蘋(píng)果把這個(gè)叫做，終點(diǎn)和手勢(shì)意圖一致。

04. 利用行為線索 

蘋(píng)果是如果教你使用手勢(shì)交互的？

在 Safari 瀏覽器中，每個(gè)標(biāo)簽頁(yè)的左上角都有個(gè)X圖標(biāo)，當(dāng)你點(diǎn)擊圖標(biāo)時(shí)，標(biāo)簽頁(yè)會(huì)向左滑出，表示它被關(guān)閉了。這就暗示，除了點(diǎn)擊圖標(biāo)，還可以采用左滑操作來(lái)關(guān)閉標(biāo)簽頁(yè)。

05. 物理曲線動(dòng)畫(huà)

為什么蘋(píng)果系統(tǒng)的過(guò)渡動(dòng)畫(huà)看起來(lái)很舒服？

因?yàn)樘O(píng)果大量采用了現(xiàn)實(shí)世界的物理特性：慣性、彈性、重力、阻力。和觸控一樣，蘋(píng)果把交互動(dòng)畫(huà)放在了極高的位置。

Apple Music

Apple Music 模態(tài)彈窗的動(dòng)畫(huà)曲線設(shè)計(jì)非常嚴(yán)謹(jǐn)。在屏幕底欄有個(gè)迷你播放器，點(diǎn)擊它，可以查看播放詳情。由于點(diǎn)擊這一操作沒(méi)有任何動(dòng)量，所以蘋(píng)果用了100%阻尼來(lái)確保它不會(huì)過(guò)沖。

但你如果下拉關(guān)閉模態(tài)彈窗時(shí)，向下的方向就有了動(dòng)量，因此蘋(píng)果用了80%阻尼來(lái)獲得一些彈性和擠壓。可以看到上面這個(gè)動(dòng)畫(huà)，最后底欄會(huì)有微彈效果。

06. 如無(wú)必要, 勿增實(shí)體

2017年，蘋(píng)果發(fā)布了 iPhone X，由 Face ID 取代了 Touch ID，確立了新的人機(jī)交互解鎖方式。

07. 重新定向

總結(jié)

當(dāng)你需要的時(shí)候，它永遠(yuǎn)能及時(shí)響應(yīng)。當(dāng)你滑動(dòng)操作時(shí)候，它永遠(yuǎn)能理解你的意圖，并且給你最自然的觸覺(jué)反饋。為用戶創(chuàng)造一系列的愉悅體驗(yàn)，這也許就是蘋(píng)果的設(shè)計(jì)哲學(xué)。

原文地址：洋爺（公眾號(hào)）

作者：洋爺