在我們?nèi)粘５?a href="http://m.hx168888.com/tag/%e4%ba%a7%e5%93%81%e8%ae%be%e8%ae%a1" class="tag_a" target="_blank">產(chǎn)品設(shè)計中，交互上的表達（反饋、動效）能將信息很好地展示給用戶，而無論什么樣的交互表現(xiàn)，都是對用戶的操作效率、業(yè)務(wù)目標的提升有很大幫助的。

所以本文集合了淘寶、支付寶、QQ瀏覽器、百度瀏覽器、抖音、高德地圖、馬蜂窩等眾多一線產(chǎn)品，為你整理了 8 個可以提升交互表現(xiàn)的方式和技巧，讓你在平時的設(shè)計工作中，可以盡量地提升用戶的操作效率和業(yè)務(wù)目標的轉(zhuǎn)化。

實時更換效果

在需要用戶進行多項內(nèi)容的選擇時，可結(jié)合具體場景，向用戶展示選擇后的效果預(yù)覽。將用戶的選擇內(nèi)容「可視化」，幫助用戶進行決策與配對內(nèi)容。

如首次進入 UC 瀏覽器，用戶在選擇不同的興趣類型時，會同步展示對應(yīng)的標簽形象。這種優(yōu)化方式，極大提升了用戶對資訊類型的篩選，方便產(chǎn)品推送對應(yīng)的資訊信息。

跟隨用戶的操作

大部分產(chǎn)品的功能都是「固定好位置」的，但用戶的手指操作區(qū)域卻是靈活多變的，為了進一步提升用戶操作效率，有些產(chǎn)品會把功能設(shè)置跟隨用戶的操作而展示。

如夸克瀏覽器，在觀看視頻時點擊屏幕右側(cè)，就會出現(xiàn)操作圖標；而點擊屏幕左側(cè)，操作圖標則在左邊出現(xiàn)。

還有抖音，會根據(jù)用戶手指的點擊/長按位置，來實時展示操作信息和入口。

更直接的引導

很多 APP 會在用戶首次使用功能時，用一張蒙層或 GIF 圖引導用戶操作，如向上/向下滑動屏幕、點擊某入口等等。但這種「靜態(tài)」展示無法直觀、易懂地向用戶說明：操作后會有什么？

因此，為了減少用戶思考、更準確地傳達信息，可以將「操作后」的效果直接展示給用戶。這種交互方式比單放一張 gif 圖來說，引導性更強。

如抖音，首次進入時會自動地下拉屏幕，向用戶明確說明可以下拉切換視頻。

入口收縮

指提示的信息（廣告彈窗、浮層）展示完后，不再以透明度為 0 的方式進行消失，而是通過縮小、位移等方式將特定內(nèi)容「收縮」到入口中去。

該方式好處在于：可以增加、強化用戶對于功能入口的認知，很適合各種需要做「用戶教育」的入口。如QQ瀏覽器的「花草卡」、荔枝音樂的快捷菜單就采用該方式進行信息引導。

前置展示用戶目標

根據(jù)用戶的操作行為，推導/預(yù)判出用戶下一步即將要執(zhí)行的目標，提前將用戶的操作目標展示出來。可以進一步地減少用戶的操作路徑。

比如淘寶，當復制完商品口令后，打開 app 時就立即彈出商品信息，免去發(fā)起搜索的操作成本。還有支付寶，在與好友聊天時若觸發(fā)到數(shù)字信息，則預(yù)判用戶有轉(zhuǎn)賬訴求，提前將金額和操作入口展示出來，方便用戶操作。

特定的彩蛋效果

在展示一些特定的功能模塊、業(yè)務(wù)價值更重的內(nèi)容時，可用一些驚喜的彩蛋吸引用戶。一方面能渲染氛圍、吸引用戶注意力。另一方面又能對產(chǎn)品的 PV、UV 等業(yè)務(wù)指標起到一個促進效果。

如愛奇藝，在切換到近期熱播的節(jié)目時，會飄落與之相關(guān)的視覺元素，能對用戶的當前操作起很好的「止步」效果。

更擬物化的表現(xiàn)

產(chǎn)品的內(nèi)容與功能展示，可以盡量貼近「現(xiàn)實生活」來設(shè)計，給用戶一種更強的代入感（親民、有趣、真實），突出該功能/內(nèi)容的品質(zhì)感。

如高德地圖，根據(jù)當前天氣情況展示真實效果，給用戶的出行決策進行「提醒」。還有飛豬的「會員卡」，會用一層「反光」來突顯出卡的質(zhì)感，同時能起到吸引用戶注意力的作用。

利用好手機陀螺儀

陀螺儀是手機系統(tǒng)里的功能之一，能給手機提供準確的位置、速度、水平等信號。如玩賽車游戲時，翻動屏幕就能實現(xiàn)車輛的轉(zhuǎn)彎。而利用陀螺儀，也能對頁面元素的交互進行優(yōu)化。

比如「好好住」，當把手機往屏幕左邊/右邊翻動時，視覺元素也跟著往左/右旋轉(zhuǎn)、滾動，能很好地增加產(chǎn)品的趣味性。

當然優(yōu)化交互反饋的方式不止上面幾種，對于用戶使用頻率較高的、業(yè)務(wù)價值更重的信息，我們也可以適當做一些交互優(yōu)化。比如馬蜂窩的 tab 滑動效果、百度瀏覽器的點贊反饋等，都能提升用戶操作過程中的趣味性。

歡迎關(guān)注作者的微信公眾號：「和出此嚴」