在擁有令人眼花number亂的數(shù)字平臺和無數(shù)內(nèi)容的世界中,微交互變得越來越重要。盡管微交互在數(shù)字設(shè)計的早期被認為是一項很酷的功能,但在當今競爭異常激烈的數(shù)字空間中,微交互已成為整個用戶體驗的關(guān)鍵要素。
由于用戶從微交互中感受到了價值感,因此他們不僅可以提高參與度,還可以激發(fā)對您品牌的積極感覺,并最終影響用戶的行為。
本文將討論微交互的基礎(chǔ)知識,以及如何利用它們來增強用戶體驗設(shè)計。
什么是微互動?
在數(shù)字設(shè)計中,大多數(shù)用戶與產(chǎn)品的互動中都存在微交互。當您將鼠標懸停在文本上時,它會發(fā)生變化,并且顏色會改變,表示可以單擊它。動畫出來時會顯示您的上傳進度。甚至?xí)棾鱿ⅲ崾灸斎肓隋e誤的密碼。
這些微小的視覺提示和其他細微的指示是微交互。盡管用戶可能不容易注意到它們,但實際上通常是在正確執(zhí)行它們之后。微交互無論多么微妙,將總體設(shè)計方案結(jié)合在一起,提供了一些信息,使用戶可以導(dǎo)航界面并執(zhí)行基本功能。
微交互如何工作
微交互具有四個基本元素:觸發(fā)器,規(guī)則,反饋和循環(huán)/模式。這些元素有助于組織以下設(shè)計元素的操作周期:
觸發(fā)器
這些是啟動微交互過程的原因-例如,單擊按鈕或單擊鼠標。當滿足某些條件時,它也可以由系統(tǒng)啟動,例如當您收到消息時收到聲音通知時。
這些觸發(fā)器與一組既定的動作規(guī)則一起工作,這些動作規(guī)則規(guī)定了可以做什么和不能做什么。
規(guī)則
這些基本上確定了觸發(fā)微交互后會發(fā)生什么。因此,例如,當您在Tinder上向上滑動時,規(guī)則表明您“超級喜歡”某人。但是規(guī)則還規(guī)定,直到他們喜歡你,他們?nèi)匀粺o法向他們發(fā)送消息。
反饋
顧名思義,它可以讓用戶知道發(fā)生了什么。發(fā)生微交互時,用戶看到,聽到甚至感覺到的任何東西都是反饋。例如,如果將手機設(shè)置為振動,則短暫的振動即為反饋。
循環(huán)/模式
這些基本上定義了交互的性質(zhì)-是否閃爍一次,重復(fù)一次?隨著時間的流逝會發(fā)生什么?例如,循環(huán)可以是用戶輸入錯誤密碼的次數(shù),而模式可以是在五個密碼錯誤后臨時阻止帳戶。
何時以及如何使用微交互
1.頁面動畫
當您談?wù)擁撁鎰赢嫊r,它可能是頁面之間的創(chuàng)意過渡,或者只是一個很酷的滾動進度圖標。這些類型的微交互可以使用戶更好地了解以前頁面與當前頁面之間的關(guān)系。這也使撇取過程更加引人入勝。
2.刷卡
同樣,您還可以通過在用戶滑動時將平滑過渡合并到內(nèi)容中來利用先天滑動的方式。這樣,您可以為內(nèi)容增加一些娛樂價值(無需用戶使用約會應(yīng)用程序)。
3.動畫輸入字段
您可能沒有遇到喜歡填寫表格的任何人。但是,設(shè)置動畫字段至少可以使平凡的任務(wù)更具吸引力,甚至有所幫助。
4.狀態(tài)動畫
同樣,在這個關(guān)注范圍日益縮小和按需娛樂的時代,沒有人喜歡等待。但是通過將動畫用于諸如下載/上傳狀態(tài)之類的事情,您可以顯示用戶的進度,同時為原本無聊的功能增加更多的樂趣。
您甚至可以使用它來添加您的品牌。
5.通知
在通知方面,最好讓用戶選擇。例如,有些用戶更喜歡侵入式通知。同時,其他人則不介意即使在觀看YouTube視頻時,F(xiàn)acebook Messenger的聊天氣泡也會突然彈出。
Facebook和Instagram將這一點提升到了一個新的高度,每當有人喜歡他們的帖子時,都會為用戶提供多巴胺。這會養(yǎng)成習(xí)慣,使用戶期待收到通知。
6.下拉菜單
它已成為智能手機操作系統(tǒng)中的主要設(shè)計,這是因為它非常易于使用。只需從屏幕頂部下拉即可訪問所有通知和基本設(shè)置。輕松導(dǎo)航是微交互最重要的功能之一,而下拉菜單則可以實現(xiàn)這一點。
7.號召性用語按鈕
您的CTA在那里是有原因的-那是因為您希望用戶單擊它們。將動畫添加到CTA按鈕可以幫助激發(fā)用戶的行為。至少要讓他們對可能發(fā)生的事情感到好奇。
8.錨文本動畫
對錨文本進行動畫處理是一種將創(chuàng)意品牌整合到簡單功能(例如返回首頁或什至只是表明可以單擊某些內(nèi)容)的絕佳方法。
9.教程
微交互也是一種教育用戶如何使用您的產(chǎn)品的好方法。指出基本功能的簡單動畫甚至是圖形,可以使產(chǎn)品易于使用,并推出出色的隱藏功能,從而可以為實現(xiàn)更好的用戶體驗大有幫助。