蘋果用戶體驗：幾張動圖帶你直觀設(shè)計背后的簡單原則

1、蘋果用戶體驗：幾張動圖帶你直觀設(shè)計背后的簡單原則今天的蘋果手機擁有十億用戶。蘋果是這個世界上最有價值的企業(yè)，雖然有很多不同的原因使得它成為擁有 2 萬億市值的第一公司，設(shè)計始終是其中最強大的原因之一。Steve Jobs 對此有一個絕妙的形容：我們是一家設(shè)計公司，只是剛好做的是電腦產(chǎn)業(yè)。是什么使得蘋果設(shè)計如此的簡潔又令人贊嘆？他們的設(shè)計來源于現(xiàn)實生活，我們和手機的交互正如我們在現(xiàn)實生活中所做的一樣。就像是真實的世界中一樣，當(dāng)你通過數(shù)碼產(chǎn)品導(dǎo)航的時候，人們需要知道自己現(xiàn)在在哪里，到目的地的路怎么走，以及選擇什么樣的交通工具。這就是為什么各部分之間應(yīng)該有清晰的空間邏輯。一、流暢的操作感意味著它在隱

2、喻著物理世界打開 IOS 的文件夾就像是在現(xiàn)實世界打開了一個盒子。“擴展”的動畫效果代指著打開文件夾的后續(xù)行為：就像是我們在現(xiàn)實生活中打開了一個文件夾并把它拿到眼前去查看里面的東西。在IOS上打開APP二、人們有時候也需要接觸一些物理世界不存在的數(shù)字原生操作方式舉個例子，IOS 用戶經(jīng)常打開列表來推入下一個頁面或點擊底部的按鈕來查看另一個頁面。操作這些按鈕在物理世界中并沒有對應(yīng)的行為，但是在成百上千次重復(fù)中用戶習(xí)慣了這個操作。作為設(shè)計師，我們應(yīng)該盡量的使用同樣的設(shè)計語言以方便用戶認(rèn)知。打開一個列表單元格點擊TAP欄三、清晰的空間邏輯使用戶更順暢的使用產(chǎn)品這里對通過向下滑動頁面以到達(dá) IOS 通

3、知中心以及安卓控制中心進(jìn)行了比較。在 IOS 系統(tǒng)里，通知中心頁面和啟動頁面之間的空間邏輯關(guān)系是非常直接的。通知中心頁面在啟動頁面的上方，在滑動的過程中，手勢和屏幕的移動是同步的。因為這里含有物理世界的隱喻，因此我們可以非常直觀的理解。在iOS上向下滑動以獲得通知屏幕對比來看，類似的操作在安卓上就不是那么的清晰了。在屏幕上的任何地方向下拉，啟動頁會先進(jìn)入一個白色的蒙層，物理世界中不會發(fā)生這樣的事情。操作頁面，黑色背景和白色蒙層之間的空間邏輯關(guān)系無法通過視覺表達(dá)清晰的說明。他們是在同一個層級？或者說黑色背景是放在下方的？對比而言，IOS 中通過對上方層級的模糊玻璃效果清晰的對這種空間層級關(guān)系進(jìn)行

4、了說明。用戶當(dāng)然可以通過多次重復(fù)使用習(xí)慣這種操作，但是缺少空間邏輯容易造成認(rèn)知失調(diào)。像這樣的細(xì)微處的操作困難會使產(chǎn)品感覺不那么流暢，因此質(zhì)量也較差。在安卓上向下滑動控制中心四、流暢的動效在建立空間邏輯和提升產(chǎn)品質(zhì)量方面也發(fā)揮著巨大作用讓我們看看在 IOS 里開啟和關(guān)閉軟件的動效。當(dāng)打開一個軟件，軟件圖標(biāo)擴大并逐漸消失，軟件界面則在用戶面前漸出并逐漸占據(jù)整個屏幕。這個動效告訴用戶這個軟件在手機界面上的存在空間邏輯：這個軟件存在于這個 icon 內(nèi)部。關(guān)閉軟件的動效就像是開啟動效的鏡像效果，就如同用戶所期待的一般，軟件界面縮回成了原本icon的樣子。在IOS上打開和關(guān)閉APP在IOS上打開和關(guān)閉一個應(yīng)用程序的速度變慢