在用戶體驗(yàn)設(shè)計(jì)中，微互動(dòng)是一種積極與客戶互動(dòng)的方式，以一種令人愉快的方式。這些交互不僅指導(dǎo)用戶，而且對(duì)他們正在完成的任務(wù)提供即時(shí)反饋，它們還提醒我們，它們不只是與機(jī)器打交道。

設(shè)計(jì)、創(chuàng)建和管理一個(gè)在線平臺(tái)絕非易事，在不斷變化的數(shù)字環(huán)境中更是如此。持續(xù)改進(jìn)滿足客戶需求和需求的用戶體驗(yàn)設(shè)計(jì)是吸引和留住客戶的重要部分。

例如：創(chuàng)建一個(gè)對(duì)殘疾人無(wú)障礙的在線平臺(tái)，為客戶提供輕松愉快的體驗(yàn)。一個(gè)可以在所有設(shè)備上工作的網(wǎng)站，也是獲得高轉(zhuǎn)化率和建立忠誠(chéng)度的關(guān)鍵。對(duì)于那些努力獲得成功的人來(lái)說(shuō)，有效地增強(qiáng)用戶體驗(yàn)微交互。這經(jīng)常被忽略，可以使停留的用戶和在瀏覽器上點(diǎn)擊X按鈕的用戶之間產(chǎn)生差異。

介紹

當(dāng)開始電子商務(wù)業(yè)務(wù)時(shí)，人們通常關(guān)注于大的圖片——即覆蓋所有的基礎(chǔ)，并分析所有與電子商務(wù)相關(guān)的業(yè)務(wù)方面。當(dāng)然，有一個(gè)好的產(chǎn)品和盈利是基本的，就像找到正確的營(yíng)銷策略一樣。但如果客戶從平臺(tái)上跳下來(lái)，轉(zhuǎn)向競(jìng)爭(zhēng)對(duì)手，那么所有這些都毫無(wú)意義。

也就是說(shuō)，一個(gè)好的用戶體驗(yàn)設(shè)計(jì)在將訪問(wèn)者轉(zhuǎn)化為消費(fèi)者方面將大有幫助。這可能是陳詞濫調(diào)，但這是真的——小事情真的很重要。微互動(dòng)是日常數(shù)字生活中不可或缺的一部分，它們通常會(huì)被忽視，直到它們對(duì)網(wǎng)站的轉(zhuǎn)化率產(chǎn)生巨大影響。

什么是微交互?

微交互是用戶和網(wǎng)站設(shè)計(jì)交叉路徑的實(shí)例。

在人們每天遇到的許多微互動(dòng)中，包括移動(dòng)或拖動(dòng)物品到虛擬購(gòu)物車，點(diǎn)擊“登錄”按鈕，然后看到“推回去”按鈕，或者在Facebook上找到的大量“喜歡/愛”按鈕之間切換。消息應(yīng)用程序上的輸入指示器也是一個(gè)微交互。

在用戶體驗(yàn)設(shè)計(jì)中，微互動(dòng)是一種積極與客戶互動(dòng)的方式，以一種令人愉快的方式。這些交互不僅指導(dǎo)用戶，而且對(duì)他們正在完成的任務(wù)提供即時(shí)反饋，它們還提醒我們，它們不只是與機(jī)器打交道。

微交互的四個(gè)組成部分

微交互由四個(gè)部分組成，每個(gè)部分和下一個(gè)部分一樣重要。記住，所有的細(xì)節(jié)都是關(guān)于細(xì)節(jié)的，所以要保證這些部分順利運(yùn)行。

觸發(fā)

第一部分是啟動(dòng)交互的內(nèi)容，當(dāng)用戶或系統(tǒng)激活交互時(shí)觸發(fā)。在系統(tǒng)觸發(fā)器的情況下，需要滿足激活的某些需求。

以輸入錯(cuò)誤密碼的用戶為例，然后，一個(gè)網(wǎng)站的提示會(huì)詢問(wèn)密碼是否被遺忘，用戶是否希望恢復(fù)密碼，在這種情況下，輸入錯(cuò)誤的密碼就是觸發(fā)器。

規(guī)則

第二部分確定當(dāng)微交互被激活時(shí)會(huì)發(fā)生什么，在前面的場(chǎng)景中，規(guī)則是系統(tǒng)必須自動(dòng)詢問(wèn)是否忘記了密碼，以及用戶是否希望恢復(fù)密碼。規(guī)則應(yīng)該是無(wú)形的，只有設(shè)計(jì)人員知道，并根據(jù)客戶的需求進(jìn)行塑造。

反饋

第三部分是當(dāng)系統(tǒng)讓用戶知道發(fā)生了什么，這可以發(fā)生在視覺上、聽覺上，或感覺上，反饋通知訪問(wèn)者微交互已經(jīng)啟動(dòng)。在密碼示例中，反饋將提示輸入錯(cuò)誤的密碼，需要重新鍵入密碼（或者需要替換忘記的密碼）。

循環(huán)和模式

第四部分確定了微交互的元規(guī)則，即當(dāng)條件或需求發(fā)生變化時(shí)發(fā)生了什么，循環(huán)決定了微事務(wù)的長(zhǎng)度和重復(fù)次數(shù)。在我們的例子中，一個(gè)人輸入錯(cuò)誤密碼的次數(shù)。另一方面，模式可以確定隨著時(shí)間的推移會(huì)發(fā)生什么——也就是說(shuō)，三個(gè)錯(cuò)誤的密碼輸入將阻塞帳戶。

為什么微交互很重要？

那么，為什么微互動(dòng)很重要呢？

首先，它們使導(dǎo)航更容易，這應(yīng)該是所有設(shè)計(jì)人員和開發(fā)人員的目標(biāo)。更好的導(dǎo)航意味著用戶停留、購(gòu)買和再次訪問(wèn)。

它們還能提高交互速度，提供實(shí)時(shí)信息，讓用戶覺得他們的體驗(yàn)很重要。他們也幫助指導(dǎo)客戶，給他們提示和指導(dǎo)，無(wú)論他們?cè)谫?gòu)買過(guò)程中在哪里。

微交互可以看作是數(shù)字商店職員，為滿足顧客的每一項(xiàng)需求而做的一些小事情。如果數(shù)字職員照顧好了用戶，他們會(huì)感覺很好，想要回來(lái)，微互動(dòng)有助于提高留下好印象的機(jī)會(huì)。

是什么讓微交互能夠成功?

在為所有網(wǎng)站設(shè)計(jì)成功的微互動(dòng)方面，沒有萬(wàn)能鑰匙。然而，大多數(shù)設(shè)計(jì)師都認(rèn)為，要想創(chuàng)造出一種行之有效的設(shè)計(jì)，有五個(gè)主要原則：

• 少即是多：微交互作用應(yīng)該就是微交互，所以保持簡(jiǎn)單。用戶每天會(huì)無(wú)縫地接觸到無(wú)數(shù)的微交互，不要成為讓他們疲憊不堪的網(wǎng)站。
• 保持常數(shù)：微互動(dòng)應(yīng)該被忽視，所以要確保它與網(wǎng)站的其他部分和諧，不要讓它分心。
• 知道你為什么：為什么會(huì)產(chǎn)生特定的微交互作用？為什么它是必要的嗎？用戶為什么要與它交互？對(duì)這些原因有合理的答案是成功的微觀互動(dòng)的關(guān)鍵。
• 運(yùn)行測(cè)試：嘗試不同時(shí)間的微互動(dòng)，并完善它，在它設(shè)置上線之前，經(jīng)過(guò)測(cè)試的微交互可能會(huì)更有效。
• 別忘了最基本的：在開發(fā)微交互時(shí)要小心，所以要確保一個(gè)網(wǎng)站有這四個(gè)基本部分，每個(gè)部分的優(yōu)化將決定它的成功。

何時(shí)使用微交互

僅僅因?yàn)槲⒔换ズ馨舨⒉灰馕吨總€(gè)UX交互都必須包含一個(gè)，過(guò)度使用它將使設(shè)計(jì)飽和，并在信息層次中造成混亂（想想：過(guò)度使用剪貼畫和gif的演示文稿），知道何時(shí)使用它們很重要。

以下是一些有助于人性化用戶體驗(yàn)的微交互：

• 刷卡功能：通過(guò)Tinder出名的滑動(dòng)比在移動(dòng)設(shè)備上點(diǎn)擊和選擇更容易。
• 當(dāng)前的系統(tǒng)狀態(tài)：人們喜歡知道發(fā)生了什么，這樣他們就不會(huì)困惑或失去耐心，例如：一個(gè)上傳/下載狀態(tài)欄可以幫助訪問(wèn)者更新和了解他們當(dāng)前的行為。
• 教程：如今，寫一篇可操作且易于閱讀的博客文章仍然很有用，但在這個(gè)快節(jié)奏的網(wǎng)絡(luò)時(shí)代，這還不夠。微交互可以幫助創(chuàng)建有趣的和交互式的一步一步的教程，供用戶輕松學(xué)習(xí)和參與產(chǎn)品或服務(wù)。
• 號(hào)角：人們喜歡有成就感，CTAs給了他們這樣的機(jī)會(huì)。當(dāng)他們接近購(gòu)買的最后一步時(shí)，創(chuàng)建一個(gè)能誘使他們行動(dòng)和感覺良好的CTAs。
• 動(dòng)畫的輸入字段：動(dòng)畫將使簡(jiǎn)單的過(guò)程變得有趣和清晰，比如：在注冊(cè)表單、信用卡詳細(xì)信息等輸入數(shù)據(jù)時(shí)，在字段中高亮顯示和縮放。
• 動(dòng)畫按鈕：這些按鈕引導(dǎo)用戶，告訴他們網(wǎng)站周圍的路。無(wú)論在字體、大小、形狀、顏色、位置，還是在鼠標(biāo)懸停或單擊時(shí)相應(yīng)的動(dòng)畫，都要確保這些動(dòng)畫是經(jīng)過(guò)良好識(shí)別的。
• 通知：注意力持續(xù)時(shí)間短的人可能會(huì)忘記一個(gè)產(chǎn)品或一筆未完成的交易，通過(guò)通知進(jìn)行簡(jiǎn)單的微交互可以將它們收回來(lái)啟動(dòng)或完成事務(wù)。
• 人類，甚至更多的科技世代，想要即時(shí)的東西。只要微交互能夠?yàn)樽罱K用戶提供即時(shí)的滿足，那么就圍繞它制定一個(gè)好的策略并設(shè)計(jì)使用它。

微交互功能設(shè)計(jì)建議

微互動(dòng)并不是一夜成名，為了使這些功能更有效，設(shè)計(jì)師和web開發(fā)人員需要注意細(xì)節(jié)，并牢記以下提示：

• 保持它的微觀和有效，只有在需要的時(shí)候才能看到微互動(dòng)。當(dāng)需要的時(shí)候，確保它有效。它不應(yīng)該成為網(wǎng)站的焦點(diǎn)，也不應(yīng)該成為錯(cuò)誤的來(lái)源，也不應(yīng)該花費(fèi)太多時(shí)間來(lái)完成。
• 使他們感覺良好，在用戶第一次和第十次使用微交互時(shí)，應(yīng)該同樣愉快。
• 建立在知識(shí)，使用關(guān)于用戶行為的可用信息來(lái)應(yīng)用適合他們的微交互。
• 創(chuàng)建和諧，確保微交互不僅看起來(lái)和反應(yīng)良好，而且不會(huì)干擾其他UI元素。
• 引導(dǎo)他們的視線，物理原則決定用戶體驗(yàn)原則。因?yàn)槿祟悷嶂杂诟S線條，所以給它們水平和垂直的元素，避免斜線和圓圈。

那些由于微交互而殺死自己的品牌

隨著電子商務(wù)允許在點(diǎn)擊方便的情況下銷售商品和服務(wù)，僅北美就有130多萬(wàn)家電子商務(wù)公司在爭(zhēng)奪客戶的關(guān)注，擁有智能微交互的用戶體驗(yàn)和設(shè)計(jì)，可以成就或毀掉任何在線業(yè)務(wù)。

以下是一些在微互動(dòng)領(lǐng)域獲得成功的品牌：

Airbnb

除了Airbnb從其顛覆性的商業(yè)模式中獲得成功外，它的廣泛采用在很大程度上還得益于它在其平臺(tái)上提供的輕松用戶體驗(yàn)。

雖然該網(wǎng)站利用了多種用戶體驗(yàn)功能，但對(duì)潛在租客來(lái)說(shuō)，一個(gè)引人注目的微交互是如何自動(dòng)將之前瀏覽過(guò)的位置的價(jià)格標(biāo)簽去掉，從而節(jié)省用戶列出選項(xiàng)的時(shí)間和精力，或者返回到已經(jīng)點(diǎn)擊過(guò)的位置。

亞馬遜

亞馬遜被吹捧為全球最大的電子商務(wù)零售商，繼續(xù)主導(dǎo)著電子商務(wù)行業(yè)。事實(shí)上，它占據(jù)了美國(guó)所有電子商務(wù)銷售額的44%，部分原因在于其易于使用的網(wǎng)站和應(yīng)用程序。

用戶已經(jīng)習(xí)慣的一個(gè)關(guān)鍵特性是產(chǎn)品照片的“懸浮縮放”功能，這種微交互，為用戶提供了一種只有在實(shí)體商店購(gòu)買時(shí)才會(huì)有的詳細(xì)程度。

谷歌瀏覽器

谷歌Chrome，谷歌的網(wǎng)絡(luò)瀏覽器，擁有超過(guò)10億的活躍用戶，通過(guò)在他們的404頁(yè)面上放置一個(gè)游戲，將微用戶體驗(yàn)提升了一個(gè)檔次，這表明錯(cuò)誤頁(yè)面不一定是痛苦的來(lái)源。

通過(guò)點(diǎn)擊空格鍵（或者點(diǎn)擊移動(dòng)設(shè)備的屏幕），用戶可以引導(dǎo)一只霸王龍成功地跳過(guò)仙人掌和飛翔的小鳥。這有助于沮喪的用戶，在解決他們的網(wǎng)絡(luò)連接問(wèn)題時(shí)感到高興。

附加值

當(dāng)有效地使用微交互時(shí)，微交互被證明是提高用戶體驗(yàn)設(shè)計(jì)的一個(gè)非常寶貴的工具。在一天結(jié)束的時(shí)候，他們充當(dāng)了客戶和系統(tǒng)之間的中間人，這個(gè)系統(tǒng)可以激發(fā)用戶的喜悅，并提供令人難忘的體驗(yàn)，然后鼓勵(lì)用戶繼續(xù)從該網(wǎng)站購(gòu)買。

原文作者：Jolina Landicho

原文鏈接：http://www.uxbooth.com/articles/utilizing-micro-interactions-to-enhance-your-ux-design/

#專欄作家#

ANG，人人都是產(chǎn)品經(jīng)理專欄作家。長(zhǎng)期關(guān)注于用戶體驗(yàn)和人機(jī)交互方向的產(chǎn)品經(jīng)理。

本文翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

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