在一個擁有令人眼花繚亂的數(shù)字平臺和海量內(nèi)容的網(wǎng)站設(shè)計世界里，微互動變得越來越重要。雖然在數(shù)字設(shè)計的早期，微交互被認(rèn)為是一個很酷的功能，但在當(dāng)今競爭激烈的數(shù)字空間中，微交互已經(jīng)成為用戶整體體驗的一個重要元素。

由于用戶從微互動中感知到的價值感，它們不僅能提高參與度，還能激發(fā)用戶對你的品牌的積極感受，并最終影響用戶的行為。

本文將討論微交互的基礎(chǔ)知識，以及如何利用它們來增強(qiáng)用戶體驗設(shè)計。

Micro-Interactions是什么？

在數(shù)字設(shè)計中，在大多數(shù)用戶與產(chǎn)品的約定中都可以發(fā)現(xiàn)微交互。當(dāng)您將鼠標(biāo)懸停在文本上并更改顏色以表示可以單擊時，就會發(fā)生這種情況，當(dāng)動畫顯示你上傳的進(jìn)度時。它甚至?xí)棾鲆粭l消息，讓你知道你輸入了錯誤的密碼。

這些小的視覺線索和其他微妙的指示是微互動，雖然它們可能不容易被用戶注意到，但實際上，通常是在它們被正確執(zhí)行的時候。微交互，無論多么細(xì)微，都將總體設(shè)計方案結(jié)合在一起——提供允許用戶瀏覽界面和執(zhí)行基本功能的信息。

Micro-Interactions如何工作

微交互有四個基本元素：觸發(fā)器、規(guī)則、反饋和循環(huán)/模式。這些元素有助于組織這些設(shè)計元素的操作周期：

觸發(fā)器

這些是啟動微交互過程的東西——例如，輕擊按鈕或單擊鼠標(biāo)。當(dāng)滿足某些條件時，系統(tǒng)也可以啟動它，比如在接收消息時收到聲音通知。

這些觸發(fā)器與一組既定的操作規(guī)則一起工作，這些規(guī)則規(guī)定了什么可以做，什么不能做。

規(guī)則

這些基本上決定了一旦微交互被觸發(fā)會發(fā)生什么，例如，當(dāng)你在Tinder上刷屏?xí)r，規(guī)則會顯示你“超級喜歡”某人。但規(guī)則也規(guī)定，除非他們也喜歡你，否則還是不能給他們發(fā)信息。

反饋

顧名思義，它讓用戶知道發(fā)生了什么。當(dāng)微交互發(fā)生時，用戶看到、聽到甚至感覺到的任何東西都是反饋。例如，如果你把你的手機(jī)設(shè)置成振動，那么短的振動就是反饋。

循環(huán)/模式

這些基本定義了交互的本質(zhì)——它是否閃爍一次，重復(fù)一次？隨著時間的推移會發(fā)生什么？例如，循環(huán)可以是用戶輸入錯誤密碼的次數(shù)，而模式是一個帳戶在五個密碼錯誤之后被暫時阻塞。

何時以及如何使用微交互

1、頁面動畫

當(dāng)您談到網(wǎng)站設(shè)計的頁面動畫時，它可以是頁面之間的創(chuàng)造性轉(zhuǎn)換，也可以只是一個很酷的滾動進(jìn)度圖標(biāo)。這些類型的微交互可以讓用戶更好地了解以前和當(dāng)前頁面之間的關(guān)系。這也使得瀏覽的過程更加吸引人。

2、刷

類似地，您還可以通過在用戶滑動時將平滑的轉(zhuǎn)換整合到內(nèi)容中，從而利用天生的滑動功能。通過這種方式，你可以為你的內(nèi)容添加一些娛樂價值。

3、動畫輸入字段

你可能還沒有遇到過喜歡填表格的人，但是動畫至少可以讓平凡的任務(wù)更吸引人，甚至更有幫助。

4、動畫狀態(tài)

同樣，在這個注意力持續(xù)下降、按需娛樂日益減少的時代，沒有人愿意等待。但是通過對下載/上傳狀態(tài)等使用動畫，您可以顯示用戶的進(jìn)度，同時為原本枯燥的功能添加更多的樂趣。

你甚至可以用它來增加你的品牌。

5、通知

說到通知，最好能給用戶提供選項。例如，有些用戶更喜歡不那么侵入性的通知。與此同時，另一些人則不介意Facebook Messenger的聊天泡沫在他們觀看YouTube視頻時突然冒出來。

Facebook和Instagram將這一功能提升到了另一個層次，每當(dāng)有人喜歡他們的帖子時，用戶就會分泌多巴胺。這會養(yǎng)成習(xí)慣，讓用戶期待收到通知。

6、下拉菜單

它已經(jīng)成為智能手機(jī)操作系統(tǒng)的主要設(shè)計，因為它的用戶界面非常友好。只需從屏幕頂部向下拉，就可以訪問所有通知和基本設(shè)置。導(dǎo)航的易用性是微交互最重要的功能之一，而下拉菜單正是實現(xiàn)了這一點。

7、文字-動作按鈕

你的cta存在是有原因的——那是因為你想讓用戶點擊它們。在CTA按鈕中添加動畫可以幫助刺激用戶的行為。至少，讓他們對可能發(fā)生的事情感到好奇。

8、錨文本動畫

動畫錨文本是一個偉大的方式，將創(chuàng)意品牌融入簡單的功能，如回到你的主頁，甚至只是表明一些東西可以點擊。

9、教程

微交互也是教育用戶如何使用產(chǎn)品的好方法，簡單的動畫甚至圖形都可以指出基本的功能，通過使您的產(chǎn)品易于使用，并揭示很酷的隱藏功能，可以大大提高用戶體驗。

帶走

這些小細(xì)節(jié)都為用戶的網(wǎng)站設(shè)計整體體驗增加了價值，一個小功能，比如一個非侵入性的通知或一個很酷的狀態(tài)動畫，可以讓用戶感覺到公司很關(guān)心他們，并讓他們對品牌產(chǎn)生好感。一旦這種關(guān)系建立起來，你就可以影響他們的行動，使之與你的目標(biāo)一致。

隨著一切數(shù)字化，想要從人群中脫穎而出變得越來越難，但這些微妙的微互動可以幫助你做到這一點。

本頁內(nèi)容由塔燈網(wǎng)絡(luò)科技有限公司通過網(wǎng)絡(luò)收集編輯所得，所有資料僅供用戶學(xué)習(xí)參考，本站不擁有所有權(quán)，如您認(rèn)為本網(wǎng)頁中由涉嫌抄襲的內(nèi)容，請及時與我們聯(lián)系，并提供相關(guān)證據(jù)，工作人員會在5工作日內(nèi)聯(lián)系您，一經(jīng)查實，本站立刻刪除侵權(quán)內(nèi)容。本文鏈接:http://jstctz.cn/21656.html