使用微交互來促進你的產(chǎn)品用戶體驗

0 評論 4781 瀏覽 18 收藏 15 分鐘

編輯導語:在一個產(chǎn)品中,微交互雖然不是特別搶眼,但也是非常重要的,微交互對于用戶的產(chǎn)品體驗有很大的影響;在用戶使用產(chǎn)品時,一些細節(jié)的設(shè)計和體驗會讓用戶對產(chǎn)品產(chǎn)生更多的好感;本文作者分享了關(guān)于怎么使用微交互來促進你的產(chǎn)品用戶體驗,我們一起來了解一下。

本文將敘述微觀交互的基礎(chǔ)知識,以及如何利用它們來增強產(chǎn)品的UX設(shè)計。

在我們使用的產(chǎn)品中,多多少少都會有一些微交互的穿插,但由于微交互性能的不搶眼也不明顯的條件下,所以往往會被很多設(shè)計和開發(fā)人員所忽略。

一、微交互的轉(zhuǎn)型

但在一個優(yōu)秀的產(chǎn)品中,微交互卻是必不可少的重要關(guān)口,它直接承載著用戶在使用產(chǎn)品時對產(chǎn)品細節(jié)的細微體驗,雖然在互聯(lián)網(wǎng)產(chǎn)品早期,微交互曾被人稱之為是“很炫酷的特性象征”;但時隔今日,在這百花齊放的產(chǎn)品大環(huán)境中,其實微交互已經(jīng)慢慢從膚淺的炫酷轉(zhuǎn)型為附有內(nèi)涵的用戶體驗關(guān)鍵要素了。

使用微交互來促進你的產(chǎn)品用戶體驗

作為產(chǎn)品細節(jié)體驗的重要承載,微交互的價值與地位逐漸提升,在用戶使用產(chǎn)品過程中,它不僅僅能促進產(chǎn)品與用戶的互動性,而且還能激發(fā)用戶對產(chǎn)品的積極感覺,并且最終影響用戶的整體行為。

使用微交互來促進你的產(chǎn)品用戶體驗

二、什么是微交互

微交互的基本概念就是指:關(guān)注一項主要任務(wù)、一個目的得事件過程。

通常情況下,微交互需要關(guān)注得是這個事件的整體交互過程,并且它存在的目的也是為了讓用戶在使用產(chǎn)品時能感覺到順暢性、一致性,并產(chǎn)生心理的愉悅感,從而讓用戶喜歡產(chǎn)品,愛上產(chǎn)品,從而留住用戶。

使用微交互來促進你的產(chǎn)品用戶體驗

如果籠統(tǒng)概括的話,可以說微交互幾乎會遍布任何設(shè)備、任何應(yīng)用程序中,并且他們存在的價值就是讓用戶高興;就單純從產(chǎn)品說起,如果說在產(chǎn)品設(shè)計中,在大多數(shù)用戶與產(chǎn)品接觸時都能發(fā)現(xiàn)微交互的存在與應(yīng)用。

1. 舉例

你在Web看一段話時結(jié)尾展示是“…”時,那么通過你的心智程序,你就會下意識的將光標停留在這段話上;在這樣的情況下,微交互就會出現(xiàn)了,則在這段話的周圍就會出現(xiàn)這句話完整的展示從而被你瀏覽。

使用微交互來促進你的產(chǎn)品用戶體驗

還有一種常見的就是在你輸入錯誤的信息時系統(tǒng)會自動識別,并在末尾彈出消息提示,提示你需要從新輸入,更有優(yōu)秀的系統(tǒng)會從你開始輸入時就跟進你的輸入狀態(tài),時刻提醒你輸入的結(jié)果是否正確。

其實這些小的視覺暗示和微妙的指示就是所謂的為微交互,也有人稱之為“圍觀互動”;雖然這些微交互平日不太容易能被用戶所直觀的發(fā)現(xiàn),但也就是這些微小的交互,才能提升一個產(chǎn)品的整體用戶體驗。

所以說,無論他們是多么的微妙,你都需要重視起來,并嘗試著將一般的設(shè)計方案和這些結(jié)合起來使用,并提供一些有效的信息,這樣才能讓你的用戶在瀏覽產(chǎn)品界面和執(zhí)行操作時有基本的保障。

使用微交互來促進你的產(chǎn)品用戶體驗

知道了什么是微交互后,你還需要吃透微交互它到底是怎么工作的,只有這樣才能確保你靈活的使用微交互。

三、微交互是如何工作的

微交互的工作一般要分為四個基本要素:觸發(fā)、規(guī)則、反饋、循環(huán)。

使用微交互來促進你的產(chǎn)品用戶體驗

1. 觸發(fā)

觸發(fā)簡單講就是“啟動微交互”,例如:點擊按鈕或點擊鼠標。

這里需要注意的是,觸發(fā)并不單純是人為操作的開始,它也同樣包含系統(tǒng)自動啟動的操作;比如說在你設(shè)備上收到一份郵件或短信時,這時的你其實并沒有任何操作,但系統(tǒng)就會有一個微交互啟動為你提示,這時的微交互就是被動的。

這些所謂的啟動微交互,需要注意的是必須與一組已經(jīng)擬定好的操作規(guī)則一起工作,這些規(guī)則里包含了什么能做,什么不能做的內(nèi)容。

使用微交互來促進你的產(chǎn)品用戶體驗

2. 規(guī)則

微交互的規(guī)則就是表明用戶在操作后產(chǎn)品該如何按照用戶正確的心智程序進行微交互,它決定了觸發(fā)之后會發(fā)生什么事情;因此,當你在拉下界面時,產(chǎn)品的規(guī)則就應(yīng)該包含下滑的規(guī)則,這同時也能表明用戶當時的心理是希望看到界面以上的結(jié)果或者下拉刷新看到更多新的結(jié)果。

同樣,規(guī)則就是規(guī)則,在你沒有進行操作時,規(guī)則時而也在生效,例如:微信里對方并未添加你為好友,但依然和你說了句話,規(guī)則就是生效的,這里的規(guī)則就是阻止了信息的傳入。

使用微交互來促進你的產(chǎn)品用戶體驗

3. 反饋

顧名思義反饋在現(xiàn)實中就是你與人對話交流,對方饋贈你的信息,在產(chǎn)品中這個環(huán)節(jié)也同樣必不可少;它的存在可以讓用戶明確知道在用戶操作后產(chǎn)品發(fā)生了什么,出現(xiàn)什么結(jié)果的回饋信息。

在微交互中,用戶看到的、聽到的、操作的、甚至包含感覺到的,都是可以反饋的。

例如:

  • 看到的:希望打車,看到的反饋就是地圖和輸入起始地/目的地的界面,這就符合了用戶心理;
  • 聽到的:在與人聊天時,其他人也和你說了句話,就聽到手機“蜂”一聲,這樣的反饋就是提醒用戶聽到有新消息;
  • 操作的:在任何產(chǎn)品中都需要用戶操作,那么然后反饋用戶操作結(jié)果;
  • 感覺到的:這包含界面樣式、產(chǎn)品交互是否符合用戶心理預(yù)期,并通過預(yù)期實現(xiàn)操作后得到想要結(jié)果,這里面就包含感覺到的反饋;

使用微交互來促進你的產(chǎn)品用戶體驗

4. 循環(huán)

循環(huán)在微交互里屬于次數(shù)的說明,在我們手機設(shè)置鬧鈴時就經(jīng)??吹接刑嵝岩淮巍⒁恢芴嵝训日f明,這就是循環(huán)的微交互,循環(huán)的微交互基本上定義了交互的某種性質(zhì),它會告訴你隨著時間的推移發(fā)生了幾次,發(fā)生了多少。

例如:在你去銀行自動取款機取錢時輸入的密碼,如果輸入錯誤,就會提示你還有幾次輸入,這樣的就是循環(huán)的過程,等于是在原地打轉(zhuǎn),但當你成功進入后就會從這個環(huán)節(jié)進入到下一個環(huán)節(jié)繼續(xù)循環(huán)。

說了這么多,我想你應(yīng)該知道了微交互的工作方式以及流程,那么接下來要說的就是微交互需要在何時、何地以及如何才能正確使用了。

四、何時、何地以及如何使用微交互

1. 界面滑動

現(xiàn)如今產(chǎn)品幾乎都帶有滑動的交互,之所以滑動越來越多,是因為滑動交互可以清楚的展示給用戶行為操作路徑,而點擊確實短期記憶性的,當用戶想要開始滑動時,這是用戶操作前的準備;而當用戶正在滑動時,這是操作中的節(jié)點,這時滑動的界面就會隨著手勢的方向進行移動并告訴用戶界面即將去往哪里,下次想要找到該從哪里找的路徑;在操作結(jié)束后,微交互完成,這時操作后的結(jié)果。

這一整套流程下來,通過短小的微交互,就能很清晰的告知用戶他在做什么以及他做了什么。

使用微交互來促進你的產(chǎn)品用戶體驗

2. 下拉/側(cè)拉菜單

下拉/側(cè)拉菜單就像產(chǎn)品某個界面內(nèi)的一個抽屜,它里面包含了當前界面賦予的更多選擇,并且還能占據(jù)極小的空間;根據(jù)用戶的心智程序來講,竟然是抽屜就應(yīng)該拉取,這才符合環(huán)境映射的條件。

當前在產(chǎn)品設(shè)計內(nèi),幾何都包含了下拉/側(cè)拉菜單的微交互,例如淘寶的側(cè)拉菜單、美團的下拉菜單都是微交互的展示;在輕松點擊后,界面tab則下拉或側(cè)拉出一個抽屜,里面就包含了N多個附加選擇或者篩選器。

使用微交互來促進你的產(chǎn)品用戶體驗

3. 引導頁

對于產(chǎn)品的不斷迭代與改版,其界面一定會發(fā)生一些細微的變化,更有時功能會作為轉(zhuǎn)移,那么為了能更好的引導用戶的操作路徑,就需要用到一些引導頁;我這里說的引導頁并不是啟動頁后的大篇章引導,而是在半黑透明遮罩的同時,流出需要用戶操作的功能引導,在聚焦了操作功能上,賦予一些微交互,會加大用戶對產(chǎn)品的認可,包括喜歡新產(chǎn)品。

使用微交互來促進你的產(chǎn)品用戶體驗

4. 操作反饋

在用戶正在輸入一個列表菜單時,最需要的微交互就是即使反饋;作為產(chǎn)品首先應(yīng)該賦予用戶的就是安全與人性,安全是指產(chǎn)品在用戶心理的懷疑指數(shù)多少,指數(shù)越低安全度越高,而人性就需要操作的了路徑與展示是符合用戶的心理預(yù)期的。

安全與人性都可以通過微交互來實現(xiàn),例如在建設(shè)銀行APP登陸前會出現(xiàn)安全掃描,在支付寶輸入了支付密碼后出現(xiàn)的結(jié)果符合了人性思維。

使用微交互來促進你的產(chǎn)品用戶體驗

5. 卡片旋轉(zhuǎn)/淡化

有些app會出現(xiàn)卡片類樣式的界面,并通過用戶的操作實現(xiàn)卡片淡化和卡片丟棄等微交互,這樣的微交互則更加具象了用戶的真實空間感受;通過與真實環(huán)境的結(jié)合,將用戶帶入產(chǎn)品,使用戶在使用產(chǎn)品時會有現(xiàn)實版的感覺;例如:陌陌的附近人卡片丟棄,網(wǎng)易音樂的音樂專輯封面淡化。

使用微交互來促進你的產(chǎn)品用戶體驗

五、總結(jié)

微交互在產(chǎn)品內(nèi)可以說是無處不在,雖然這些都是一些很小的細節(jié),如果只是靜態(tài)展示可能并沒有太大作用;但通過產(chǎn)品與用戶的這種互動,變相交流,微交互在產(chǎn)品的整體體驗上就可以增加巨大的價值,這也可能是所謂的“宜家效應(yīng)”吧;用戶在自己親手制作或行動時,才能賦予產(chǎn)品更大的價值感。

好的產(chǎn)品必須擁有這種精心設(shè)計的標志,它不僅包含了對用戶的心智理解,更多的,是對用戶的一種尊重與情感抒發(fā)。

 

作者:西瓜,公眾號:西瓜的設(shè)計

本文由 @西瓜的設(shè)計 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!