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

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

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

Micro-Interactions是什么？

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

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

Micro-Interactions如何工作

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

觸發(fā)器

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

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

規(guī)則

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

反饋

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

循環(huán)/模式

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

何時(shí)以及如何使用微交互

1、頁面動(dòng)畫

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

2、刷

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

3、動(dòng)畫輸入字段

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

4、動(dòng)畫狀態(tài)

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

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

5、通知

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

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

6、下拉菜單

它已經(jīng)成為智能手機(jī)操作系統(tǒng)的主要設(shè)計(jì)，因?yàn)樗挠脩艚缑娣浅Ｓ押?。只需從屏幕頂部向下拉，就可以訪問所有通知和基本設(shè)置。導(dǎo)航的易用性是微交互最重要的功能之一，而下拉菜單正是實(shí)現(xiàn)了這一點(diǎn)。

7、文字-動(dòng)作按鈕

你的cta存在是有原因的——那是因?yàn)槟阆胱層脩酎c(diǎn)擊它們。在CTA按鈕中添加動(dòng)畫可以幫助刺激用戶的行為。至少，讓他們對(duì)可能發(fā)生的事情感到好奇。

8、錨文本動(dòng)畫

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

9、教程

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

帶走

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

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

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