編輯導(dǎo)語(yǔ)：如何提升用戶的產(chǎn)品使用體驗(yàn)？也許，簡(jiǎn)單、明晰、便捷的交互操作是影響用戶體驗(yàn)的關(guān)鍵因素之一。而蘋果手機(jī)的交互設(shè)計(jì)邏輯也許可以在設(shè)計(jì)原則層面上給你一定啟發(fā)，不如一起來(lái)看看作者的解讀吧。

今天的蘋果手機(jī)擁有十億用戶。蘋果是這個(gè)世界上最有價(jià)值的企業(yè)，雖然有很多不同的原因使得它成為擁有 2 萬(wàn)億市值的第一公司，設(shè)計(jì)始終是其中最強(qiáng)大的原因之一。

Steve Jobs 對(duì)此有一個(gè)絕妙的形容：我們是一家設(shè)計(jì)公司，只是剛好做的是電腦產(chǎn)業(yè)。

是什么使得蘋果設(shè)計(jì)如此的簡(jiǎn)潔又令人贊嘆？他們的設(shè)計(jì)來(lái)源于現(xiàn)實(shí)生活，我們和手機(jī)的交互正如我們?cè)诂F(xiàn)實(shí)生活中所做的一樣。

就像是真實(shí)的世界中一樣，當(dāng)你通過(guò)數(shù)碼產(chǎn)品導(dǎo)航的時(shí)候，人們需要知道自己現(xiàn)在在哪里，到目的地的路怎么走，以及選擇什么樣的交通工具。這就是為什么各部分之間應(yīng)該有清晰的空間邏輯。

一、流暢的操作感意味著它在隱喻著物理世界

打開 IOS 的文件夾就像是在現(xiàn)實(shí)世界打開了一個(gè)盒子?！皵U(kuò)展”的動(dòng)畫效果代指著打開文件夾的后續(xù)行為：就像是我們?cè)诂F(xiàn)實(shí)生活中打開了一個(gè)文件夾并把它拿到眼前去查看里面的東西。

在IOS上打開APP

二、人們有時(shí)候也需要接觸一些物理世界不存在的數(shù)字原生操作方式

舉個(gè)例子，IOS 用戶經(jīng)常打開列表來(lái)推入下一個(gè)頁(yè)面或點(diǎn)擊底部的按鈕來(lái)查看另一個(gè)頁(yè)面。操作這些按鈕在物理世界中并沒有對(duì)應(yīng)的行為，但是在成百上千次重復(fù)中用戶習(xí)慣了這個(gè)操作。作為設(shè)計(jì)師，我們應(yīng)該盡量的使用同樣的設(shè)計(jì)語(yǔ)言以方便用戶認(rèn)知。

打開一個(gè)列表單元格

點(diǎn)擊TAP欄

三、清晰的空間邏輯使用戶更順暢的使用產(chǎn)品

這里對(duì)通過(guò)向下滑動(dòng)頁(yè)面以到達(dá) IOS 通知中心以及安卓控制中心進(jìn)行了比較。在 IOS 系統(tǒng)里，通知中心頁(yè)面和啟動(dòng)頁(yè)面之間的空間邏輯關(guān)系是非常直接的。

通知中心頁(yè)面在啟動(dòng)頁(yè)面的上方，在滑動(dòng)的過(guò)程中，手勢(shì)和屏幕的移動(dòng)是同步的。因?yàn)檫@里含有物理世界的隱喻，因此我們可以非常直觀的理解。

在iOS上向下滑動(dòng)以獲得通知屏幕

對(duì)比來(lái)看，類似的操作在安卓上就不是那么的清晰了。在屏幕上的任何地方向下拉，啟動(dòng)頁(yè)會(huì)先進(jìn)入一個(gè)白色的蒙層，物理世界中不會(huì)發(fā)生這樣的事情。

操作頁(yè)面，黑色背景和白色蒙層之間的空間邏輯關(guān)系無(wú)法通過(guò)視覺表達(dá)清晰的說(shuō)明。他們是在同一個(gè)層級(jí)？或者說(shuō)黑色背景是放在下方的？對(duì)比而言，IOS 中通過(guò)對(duì)上方層級(jí)的模糊玻璃效果清晰的對(duì)這種空間層級(jí)關(guān)系進(jìn)行了說(shuō)明。

用戶當(dāng)然可以通過(guò)多次重復(fù)使用習(xí)慣這種操作，但是缺少空間邏輯容易造成認(rèn)知失調(diào)。像這樣的細(xì)微處的操作困難會(huì)使產(chǎn)品感覺不那么流暢，因此質(zhì)量也較差。

在安卓上向下滑動(dòng)控制中心

四、流暢的動(dòng)效在建立空間邏輯和提升產(chǎn)品質(zhì)量方面也發(fā)揮著巨大作用

讓我們看看在 IOS 里開啟和關(guān)閉軟件的動(dòng)效。當(dāng)打開一個(gè)軟件，軟件圖標(biāo)擴(kuò)大并逐漸消失，軟件界面則在用戶面前漸出并逐漸占據(jù)整個(gè)屏幕。

這個(gè)動(dòng)效告訴用戶這個(gè)軟件在手機(jī)界面上的存在空間邏輯：這個(gè)軟件存在于這個(gè) icon 內(nèi)部。關(guān)閉軟件的動(dòng)效就像是開啟動(dòng)效的鏡像效果，就如同用戶所期待的一般，軟件界面縮回成了原本icon的樣子。

在IOS上打開和關(guān)閉APP

在IOS上打開和關(guān)閉一個(gè)應(yīng)用程序的速度變慢了

對(duì)比一下，安卓上的軟件打開/關(guān)閉動(dòng)效比較零碎。但是我不會(huì)多說(shuō)，你可有看一看下面的示例自己來(lái)比較一下。

在安卓上打開和關(guān)閉APP

原文作者：Hiten Saxena（本文翻譯已獲得作者的正式授權(quán)）

原文地址：https://bootcamp.uxdesign.cc/space-logic-can-make-the-design-of-your-product-easier-a1b8ffe4cfa2

譯者：鄭伊妮；編輯：李莉好；微信公眾號(hào)：TCC翻譯情報(bào)局（ID：TCC-design）；連接知識(shí)，了解全球精選設(shè)計(jì)干貨

本文由@TCC翻譯情報(bào)局 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自 Unsplash，基于 CC0 協(xié)議