在具有令人眼花繚亂的數(shù)字平臺和內(nèi)容海洋的世界中,微交互變得越來越重要。雖然微交互在數(shù)字設(shè)計的早期曾被認(rèn)為是一個很酷的功能,但在當(dāng)今競爭激烈的數(shù)字空間中,它們已成為整體用戶體驗的關(guān)鍵元素。
由于用戶從微觀互動中感受到的價值感,它們不僅可以促進(jìn)參與,還可以激發(fā)對您品牌的積極情感,并最終影響用戶的行為www.dataonline.cn。
本文將討論微交互的基礎(chǔ)知識以及如何利用它們來增強UX設(shè)計。
什么是微交互?
在數(shù)字設(shè)計中,在與產(chǎn)品的大多數(shù)用戶交互中發(fā)現(xiàn)微交互。當(dāng)您將鼠標(biāo)懸停在文本上并且它會更改顏色以指示可以單擊它時,會發(fā)生這種情況。當(dāng)動畫出現(xiàn)時,顯示上傳的進(jìn)度。甚至是彈出的消息讓你知道你輸入了錯誤的密碼。
這些微小的視覺線索和其他微妙的指標(biāo)是微觀互動。雖然用戶可能不會輕易注意到這些內(nèi)容,但實際上,這些內(nèi)容通常是在他們正確執(zhí)行時。微交互,無論多么微妙,都將通用設(shè)計方案結(jié)合在一起 - 提供一些信息,允許用戶導(dǎo)航界面并執(zhí)行基本功能。
微交互如何工作
微交互有四個基本要素:觸發(fā)器,規(guī)則,反饋和循環(huán)/模式。這些元素有助于組織這些設(shè)計元素的操作周期:
觸發(fā)器
這些是啟動微交互過程的東西 - 例如按下按鈕或點擊鼠標(biāo)。它也可以在滿足某些條件時由系統(tǒng)啟動,例如當(dāng)您收到消息時收到聲音通知。
這些觸發(fā)器使用一組既定的操作規(guī)則來規(guī)定可以做什么和不可以做什么。
規(guī)則
這些基本上決定了觸發(fā)微交互后會發(fā)生什么。例如,當(dāng)您向Tinder上滑動時,規(guī)則會聲明您“超級喜歡”某人。但規(guī)則還規(guī)定,在他們喜歡你之前,仍然不能發(fā)信息。
反饋
顧名思義,它可以讓用戶知道發(fā)生了什么。當(dāng)微觀互動發(fā)生時,用戶看到,聽到甚至感覺到的任何東西都是反饋。例如,如果您將手機設(shè)置為振動,則會產(chǎn)生短暫的振動反饋。
循環(huán)/模式
這些基本上定義了交互的本質(zhì) - 它會閃現(xiàn)一次,重復(fù)嗎?一段時間會發(fā)生什么?例如,循環(huán)可以是用戶輸入錯誤密碼的次數(shù),而模式是在五次密碼錯誤后臨時阻止帳戶。
何時以及如何使用微交互
1.頁面動畫
當(dāng)您談?wù)擁撁鎰赢嫊r,它可能是頁面之間的創(chuàng)意過渡,或者只是一個很酷的滾動進(jìn)度圖標(biāo)。這些類型的微交互可以讓用戶更好地了解先前頁面和當(dāng)前頁面之間的關(guān)系。它甚至使得略讀的過程更具吸引力。
2.滑動
同樣,您還可以通過在用戶滑動時將平滑過渡結(jié)合到您的內(nèi)容中來利用先天滑動的方式。這樣,您可以為您的內(nèi)容添加一些娛樂價值(無需用戶使用約會應(yīng)用)。
3.動畫輸入字段
你可能沒有遇到任何喜歡填寫表格的人。但動畫領(lǐng)域至少可以使平凡的任務(wù)更具吸引力,甚至是有幫助的。
4.狀態(tài)動畫
同樣,在這個日益減少的注意力和按需娛樂的時代,沒有人喜歡等待。但是通過使用動畫來處理下載/上傳狀態(tài),您可以顯示用戶的進(jìn)度,同時為無聊的功能添加更多樂趣。
您甚至可以使用它來添加品牌。
5.通知
說到通知,最好是為用戶提供選項。例如,有些用戶喜歡較少侵入性的通知。與此同時,其他人甚至不介意Facebook Messenger的聊天泡泡即使在他們觀看YouTube視頻時也會出現(xiàn)。
Facebook和Instagram已經(jīng)把它帶到了另一個層面,每當(dāng)有人喜歡他們的帖子時,就會為用戶提供多巴胺。這會構(gòu)建習(xí)慣,使用戶期待收到通知。
6.下拉菜單
它已成為智能手機操作系統(tǒng)的主要設(shè)計,因為它非常易于使用。只需從屏幕頂部向下拉,即可訪問所有通知和基本設(shè)置。易于導(dǎo)航是微交互最重要的功能之一,下拉菜單就是這樣。
7.號召性用語按鈕
您的CTA存在是有原因的 - 這是因為您希望用戶點擊它們。向CTA按鈕添加動畫有助于刺激用戶的行為。至少,讓他們對可能發(fā)生的事情感到好奇。
8.錨文本動畫
動畫錨文本是將創(chuàng)意品牌整合到簡單功能中的好方法,例如返回主頁甚至只是指示可以點擊某些內(nèi)容。
9.教程
微交互也是教育用戶如何使用產(chǎn)品的好方法。簡單的動畫甚至圖形指出基本功能可以通過使您的產(chǎn)品易于使用,并揭示酷炫的隱藏功能,大大改善用戶體驗。
帶走
這些小細(xì)節(jié)都為用戶的整體體驗增添了價值。像非侵入式通知或酷炫狀態(tài)動畫這樣的小功能可以讓用戶感覺到公司關(guān)心他們,并導(dǎo)致對品牌的善意。一旦建立了這種關(guān)系,您就可以影響他們的行為以符合您自己的目標(biāo)。
隨著一切都變得數(shù)字化,從人群中脫穎而出變得越來越難 - 但這些微妙的微觀互動可以幫助你實現(xiàn)這一目標(biāo)。
微交互就是網(wǎng)站建設(shè)中的細(xì)節(jié)。它們可能在全球設(shè)計方案中容易被忽視,但它們實際上將整個體驗結(jié)合在一起。
特定微交互的一些其他示例包括:
將iPhone切換為靜音時,振動通知以及顯示屏上的靜音模式圖標(biāo)。
拉動刷新UI模式。通過將用戶希望發(fā)現(xiàn)更多內(nèi)容與刷新動作聯(lián)系起來,體驗變得更加無縫。
額外的好處
因為微交互性質(zhì)很短,所以它們必須設(shè)計成可重復(fù)使用。精心設(shè)計的微交互能夠創(chuàng)建:
習(xí)慣循環(huán)
微交互是習(xí)慣循環(huán)的關(guān)鍵組成部分。當(dāng)人們反復(fù)執(zhí)行相同的動作時,就會形成習(xí)慣。典型的習(xí)慣循環(huán)包括三個要素:
識別機會
微交互的一部分美妙之處在于,它們可以插入各種各樣的地方,圍繞任何潛在的行動。微交互適用于:
突出顯示更改
微交互可以引導(dǎo)用戶注意。在許多情況下,動畫用于吸引用戶注意重要細(xì)節(jié)(即通知)。
盡量減少用戶的工作量
自動完成是微交互的一個很好的例子。打字具有較高的交互成本; 即使使用全鍵盤(在觸摸屏上更是如此),它也容易出錯且耗時。自動填充功能可幫助用戶更快地提供正確答案,而且不會出現(xiàn)印刷錯誤。當(dāng)您鍵入每個字母時,系統(tǒng)會對您要查找的字詞做出最佳猜測。
微交互是提供令人愉快的反饋的最佳技術(shù)之一。
所有的道路導(dǎo)致以人為本的設(shè)計方法,用戶是主要焦點。微觀相互作用通常被認(rèn)為是輔助或次要的,一旦被用戶發(fā)現(xiàn),微觀相互作用實際上會產(chǎn)生幸福感。作為一名設(shè)計師,認(rèn)識到微交互的不可見性與設(shè)計他們一樣重要。你必須創(chuàng)造一種感覺人類的東西,并完成一項任務(wù)。
什么是微交互?
微交互作用是包含一個小任務(wù)的產(chǎn)品時刻。
正如Dan Saffer的書“ 微交互”(Microinteractions)首先描述的那樣,這些微小的細(xì)節(jié)通常具有以下基本功能:
溝通反饋或行動的結(jié)果。
完成一項個人任務(wù)。
增強直接操作的感覺。
幫助用戶可視化他們的行動的結(jié)果,并防止錯誤。
具體的微交互的一些例子包括:
將iPhone切換為靜音時,將顯示振動通知和顯示的靜音模式圖標(biāo)。
界面動畫,或者顯示點擊的能力(一個按鈕在盤旋時改變顏色)。