尊重用戶的眼睛

流暢的界面過(guò)渡，是創(chuàng)造良好用戶體驗(yàn)的關(guān)鍵。因?yàn)橐暰€無(wú)法跟隨的，頭腦也無(wú)法理解。

數(shù)字動(dòng)畫和用戶界面設(shè)計(jì)者都應(yīng)該感謝一場(chǎng)賽馬賭注。1872年，斯坦福大學(xué)和人打賭：當(dāng)一匹載著騎手的賽馬以驚人速度飛奔時(shí)，有一瞬間它的四肢會(huì)離開(kāi)地面并滑翔在空氣中——他們稱其為“無(wú)支撐通過(guò)”(Unsupported transit)。大部分人都認(rèn)為這純屬幻想：像馬這樣龐大而迅速的動(dòng)物怎么可能會(huì)有一刻一只腳都未曾落在地面上?

為了證明這一觀點(diǎn)，斯坦福聘請(qǐng)了一個(gè)正在進(jìn)行攝影和電子觸發(fā)器相關(guān)技術(shù)研究的英國(guó)攝影師愛(ài)德華·邁布里奇(Edward Muybridge)。他把24架相機(jī)按每?jī)捎⒊咭患艿拈g隔排放，并在相機(jī)快門上安裝了拉發(fā)線。當(dāng)騎手騎著馬穿過(guò)這些線時(shí)，相機(jī)在一秒內(nèi)拍下了1000張照片。它們證明了賽馬確實(shí)能同時(shí)四腳脫離地面。

馬的運(yùn)動(dòng)軌跡指出了一些對(duì)21世紀(jì)的設(shè)計(jì)非常有用的東西。通過(guò)技術(shù)，邁布里奇成功地洞察到那些因?yàn)樘欤灾劣谌藗冄劬o(wú)法即時(shí)捕捉的影像。對(duì)于數(shù)字化用戶界面設(shè)計(jì)師而言，這是一個(gè)需要學(xué)習(xí)的重要課程。正如邁布里奇用高速攝影機(jī)和慢鏡頭有效地觀察和理解馬奔跑時(shí)的實(shí)際情況一樣，設(shè)計(jì)師在界面設(shè)計(jì)中也要利用動(dòng)畫和狀態(tài)與功能之間的過(guò)渡，給用戶提供更好的體驗(yàn)。

利用動(dòng)畫改變界面狀態(tài)以達(dá)到順利過(guò)渡，并不是一個(gè)新的設(shè)計(jì)理念和實(shí)踐，但是目前的技術(shù)和手段使它更加復(fù)雜。一個(gè)最基本的例子就是網(wǎng)頁(yè)上出現(xiàn)“正在載入”畫面時(shí)，你會(huì)經(jīng)常看到的計(jì)時(shí)沙漏和旋轉(zhuǎn)車輪。這些年，網(wǎng)頁(yè)設(shè)計(jì)者精心設(shè)計(jì)出的網(wǎng)站包含用戶界面移動(dòng)、調(diào)整大小以及使網(wǎng)站更加全面和流暢的交叉淡入等元素。這同樣適用于移動(dòng)設(shè)備的界面。蘋果的iPhone采用了一些優(yōu)雅的動(dòng)畫過(guò)渡，如設(shè)定時(shí)間時(shí)的“車輪”動(dòng)畫，或者切換時(shí)的“翻頁(yè)效果”。

這些過(guò)渡可以使用戶感覺(jué)他們正在控制著自己所做的事情。就像那些愛(ài)馬者一樣，數(shù)碼設(shè)備的用戶也想要充分理解他們的體驗(yàn)過(guò)程。而且用戶不想因?yàn)槿蝿?wù)的不連貫或者操作方式的不便而心煩意亂。他們要的是無(wú)縫、流暢的使用體驗(yàn)。

對(duì)于設(shè)計(jì)者來(lái)說(shuō)，在界面中創(chuàng)造過(guò)渡和動(dòng)畫使我們能夠傳達(dá)這樣的連續(xù)性。這些動(dòng)畫也灌輸有影響力的情感和意義。如果iPhone提供的只是在靜態(tài)界面上頁(yè)面的簡(jiǎn)單翻轉(zhuǎn)的話，它還會(huì)吸引這么多人嗎?也許不能。任意收縮照片的大小、調(diào)轉(zhuǎn)視線回到首頁(yè)、菜單滾動(dòng)到底部時(shí)回彈——這些小動(dòng)畫是令人愉快的，當(dāng)你使用這些功能時(shí)，能夠引發(fā)你對(duì)產(chǎn)品的深刻情緒反應(yīng)。

在如此細(xì)節(jié)上把用戶界面做好很難，設(shè)計(jì)人員首先必須對(duì)用戶目的有很深的理解，這樣他們才能給其創(chuàng)造輕松的路徑。然后作為一個(gè)端到端的流程，詳細(xì)細(xì)節(jié)。這些設(shè)計(jì)需要考慮留白、一個(gè)屏幕和下一個(gè)屏幕之間的未定義顯示狀態(tài)。如果不能在這些空間里注入情緒，就將干擾和中斷用戶的流暢體驗(yàn)。

邁布里奇運(yùn)動(dòng)中的馬證明了這樣一個(gè)明顯的事實(shí)，那些密切關(guān)注和形象化用戶界面流的設(shè)計(jì)者，可以創(chuàng)造和傳遞高質(zhì)量的產(chǎn)品體驗(yàn)。對(duì)細(xì)節(jié)和端到端流程的關(guān)注，在其他行業(yè)的很多方面超越了軟件界面的現(xiàn)有水平。比如汽車的設(shè)計(jì)，從走向汽車、打開(kāi)車門、坐入車內(nèi)發(fā)動(dòng)引擎、讓所有的電子系統(tǒng)啟動(dòng)，到最后駕駛汽車的體驗(yàn)完全是為了感官愉悅而精心策劃的。汽油表關(guān)閉，燈光逐漸暗淡，聲音漸逝，一切安排都是那么流暢而方便。設(shè)計(jì)者和開(kāi)發(fā)者需要在界面設(shè)計(jì)上充滿野心，才能在細(xì)節(jié)上達(dá)到這一等級(jí)的。思維需要超越的靜態(tài)畫面，甚至界面本身，正如邁布里奇在19世紀(jì)所做到的一樣——那時(shí)，雖然技術(shù)革命在蠢蠢欲動(dòng)，但畢竟數(shù)字世界還沒(méi)有到來(lái)。