最好的產(chǎn)品通常會做好兩件事情：功能和細(xì)節(jié)。功能能夠吸引用戶關(guān)注這個產(chǎn)品，而細(xì)節(jié)則能夠讓關(guān)注的用戶留下來。

一、什么是微交互？

在用戶體驗設(shè)計中，微交互指的是以一種積極且令人愉快的與用戶互動的方式。它們是用戶體驗產(chǎn)品時進(jìn)行交互要做的基本任務(wù)。如果設(shè)計得當(dāng)，當(dāng)用戶與網(wǎng)站交互時，它會提供一種積極的反饋，用戶也會覺得自己是網(wǎng)站轉(zhuǎn)換和移動的一部分，但是對這些交互的響應(yīng)也必須自然而直觀。

二、為什么需要動效？

1. 增加體驗舒適度：流暢的微動效體驗，讓用戶的認(rèn)知過程更加的自然，降低卡頓或等待的焦慮；
2. 吸引用戶，輔助理解：場景化動畫、動態(tài)圖標(biāo)微交互設(shè)計；
3. 更清晰的表明層級關(guān)系：通過交互動畫、漸進(jìn)式的信息呈現(xiàn)；
4. 提升產(chǎn)品視覺品質(zhì)。

三、微交互的例子

響應(yīng)式交互向用戶顯示了他們的操作有效或已被網(wǎng)站接受，而且大多數(shù)情況下，用戶不會注意到它們。網(wǎng)站對微交互的響應(yīng)應(yīng)該是界面的無縫方面。用戶可能沒有意識到它，但是微交互可以制造或破壞UX。

但是，微交互不僅與網(wǎng)站的設(shè)計有關(guān)。它們是任何一部具有響應(yīng)式設(shè)計功能的設(shè)備一部分。微交互的一些示例包括將智能手機(jī)設(shè)置為靜音時會振動，或者當(dāng)用戶“喜歡” Facebook上的東西時會發(fā)出聲音。

這樣的互動可能是巴甫洛夫式的，用戶覺得自己的互動受到了好評?！跋矚g”某人的身份，并有成就感；切換手機(jī)使其振動，手機(jī)就會以最安靜的方式告訴用戶，手機(jī)已經(jīng)完成工作。

在為網(wǎng)站創(chuàng)建微交互時，希望用戶具有相同的積極體驗。這樣做，用戶將自動獲得更好的體驗，甚至都不知道為什么。

利用微交互功能獲得更好的用戶體驗。

現(xiàn)在，已經(jīng)了解了為什么，現(xiàn)在考慮一下微交互可以在哪些方面產(chǎn)生最大的影響。這是八種微交互，可增強(qiáng)用戶體驗。

1. 調(diào)整首選項

如果用戶可以控制網(wǎng)站上的音量設(shè)置，亮度或其他偏好設(shè)置，請?zhí)砑游⒔换スδ?。在用戶調(diào)整關(guān)卡時與用戶互動或移動的小徽標(biāo)是與用戶互動的好方法。

2. 消息或評論

反饋或評論的區(qū)域本身就是微交互。用戶應(yīng)該有一個可以訪問您的區(qū)域。如果不回應(yīng)或不善回應(yīng)，這可能適得其反。

考慮門票銷售公司TickPick。當(dāng)它未能在其密歇根州地圖上包括上半島時，其居民很快就將該公司告知。TickPick在社交媒體上的回應(yīng)并沒有贏得任何分?jǐn)?shù)：“我們擁有密歇根州的重要組成部分，這還不夠嗎？” 然后，他們沒有道歉，而是說：“我們確定密歇根州上半島是一個宜居的地方，我向您保證，我們沒有故意將其遺忘在地圖上。但是說真的，那只是一堆森林?！?/p>

盡管所有者確實對社區(qū)進(jìn)行了補(bǔ)償，但它并不便宜。他飛到該地區(qū)，并在一家高檔啤酒吧上為當(dāng)?shù)厝松w了標(biāo)簽。這是所有企業(yè)都可以學(xué)習(xí)的課程–培訓(xùn)您的社交媒體響應(yīng)團(tuán)隊并保持積極的態(tài)度。

3. 上傳或下載狀態(tài)欄

在決定上傳或下載某些內(nèi)容后，沒有人會感到被遺忘。讓用戶知道上傳或下載時發(fā)生了什么，他們可能會堅持下去。如果他們不確定自己是否完成了任務(wù)，他們將不會對此感到滿意。

4. 通知

如果用戶從網(wǎng)站收到任何類型的通知，則涉及微交互。開發(fā)動畫通知會引起用戶的注意，并表明他們需要簽出一些重要的內(nèi)容。

當(dāng)通知有趣且引人入勝時，用戶會將這些感覺與業(yè)務(wù)聯(lián)系在一起。

5. 下拉菜單

當(dāng)用戶在移動設(shè)備上查看您的網(wǎng)站時，需要分開分開的頁面。頁面上的下拉菜單使用戶可以在頁面之間快速來回移動而不會失去位置。沒有這種簡單的響應(yīng)，用戶可能會對導(dǎo)航感到沮喪。

6. 載入頁面

網(wǎng)站可能包含比其他頁面加載時間更長的頁面。一個小的交互通知用戶頁面仍在加載中，從而使他們保持參與，并告訴他們何時完成加載。

這是對用戶的禮貌，并有助于保持較低的跳出率。當(dāng)消費者知道頁面正在加載時，假設(shè)站點完全無響應(yīng)，他們就不太可能拋棄該頁面。

7. 可視化輸入

在網(wǎng)站上輸入數(shù)據(jù)的用戶希望能夠查看它。如果他們正在填寫聯(lián)系頁面或輸入信用卡信息，則可視化顯示他們已經(jīng)正確輸入了信息。這種微交互與娛樂性無關(guān)，而與清晰度和安全性有關(guān)。

視覺輸入建立了對用戶的信任，并給人以產(chǎn)品可信的感覺。

8. 響應(yīng)性號召性用語

微交互正在吸引用戶，并可以誘使他們根據(jù)號召性用語（CTA）采取行動，這是擁有網(wǎng)站的關(guān)鍵原因。

使用視覺提示或動畫吸引用戶的注意力并鼓勵他們點擊。不希望這種交互過于麻煩或煩人，因為用戶不太愿意響應(yīng)。

四、使微交互有效的四個關(guān)鍵步驟

1. 觸發(fā)：這是提示或可視化提示用戶繼續(xù)前進(jìn)；
2. 規(guī)則：微交互的參數(shù)向用戶顯示了交互將執(zhí)行的操作；
3. 意見反饋：當(dāng)用戶單擊微交互時，他們應(yīng)該收到響應(yīng)；
4. 循環(huán)和模式：考慮使用微交互的頻率以及如何使新用戶和舊用戶都可以識別它們。循環(huán)是交互變得熟悉的地方。該模式是一個不同的反饋響應(yīng)，向用戶顯示該交互與第一次不同。

當(dāng)利用微交互功能獲得更好的用戶體驗時，無論如何，都在與Web設(shè)計的各個方面建立積極的聯(lián)系。在為網(wǎng)站創(chuàng)建微交互時，請考慮以上想法。

原文：https://speckyboy.com/eight-microinteractions-better-user-experience

作者：Paul Andrew

譯者：無尾熊，公眾號：冬熊設(shè)計，歡迎關(guān)注，一起成長！

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

題圖來自Unsplash，基于CC0協(xié)議。