微交互如何提升用戶體驗

什麼是微交互?

微交互是一種具有極其簡單目的的功能,並且可以在設備和應用內隨處可見,也容易被忽視。微交互的作用是取悅用戶,並且創造友好、積極的用戶語言。

例如,讓我們看一個典型的微交互:

在釘釘的聊天會話中,長按贊,即可發出點贊動畫

這個動畫是一個微交互的典型案例,因為它符合以下三個條件:

  1. 持續點贊的時候手一直在變大,有持續的狀態顯示,且提供了實時的反饋;
  2. 用戶可以選擇手的大小,然後再發送,讓用戶體驗到最直接的控制的感覺,掌控感;
  3. 發送成功,有動畫效果,讓用戶看到了動作的結果。

微交互的分解

通過上面這個優秀的案例,我們大致可以將微交互分解為一下幾個部分,並且解釋為什麼微小的動畫能夠大幅提升用戶的愉悅感。

總共包括四個部分:

  1. 引導。是什麼引發了這個微交互,或者是什麼能夠讓用戶進行這個操作。
  2. 規則。規則指的是,一旦這個操作被引起,系統或者設備將作出何種反應。
  3. 反饋。反饋指的是要讓用戶知道正在發生什麼,並且給用戶以掌控感。無論是聽覺、觸覺還是視覺,在這個微交互中,用戶總是需要實時反饋的。
  4. 循環和模式。循環和模式,和規則有一點相似,即指當動作或者環境發生變化時,會有什麼反應。

為什麼微交互會如此重要

微交互真的如此重要麼?在一個龐大的系統或應用中,它往往是不起眼的。

很多開發甚至設計師都會情不自禁這麼想,但是卻沒有意識到微交互會深遠地影響用戶。一個不起眼的交互細節,可能就會將設計分為不同的級別。微交互的重要性,舉個栗子就知道。這個動畫是切換文字對齊方式的微動畫。

切換文字對齊方式

微交互的作用很多:

  1. 強調了產品希望用戶注意的地方
  2. 讓用戶給更加方便地進行操作
  3. 在完成一個很小的操作時,就提供了即時並相關的反饋
  4. 無需文案,自有引導
  5. 讓用戶體驗更加順暢
  6. 讓用戶的操作得到回饋,激勵用戶進行下一步
  7. 引導了用戶的關注點
  8. 讓設計更富有情感

好的微交互體現了了對用戶體驗的關注。用戶常常會從系統的反饋中來得到信息:我這一步的操作是對的么?我是否應該繼續這個流程?微交互在用戶操作正確時能夠給予積極的反饋,而這種反饋最好是用戶習以為常的、意識不到的,最好是和生活中的某種場景類似。

什麼時候使用微交互

在體驗設計/交互設計的領域,微交互被視為與用戶交流的重要手段,並且會為產品帶來更大的價值。下面我找了幾個例子來說明。

滑動

滑動是一種讓體驗更加順滑的操作,在移動應用中很常見。它能夠幫助用戶更迅速地在不同的信息之間切換。更重要的是,滑動是一個用戶習以為常甚至意識不到的操作,「Dont make your users think」。

在滑動中還可以加入過渡動畫,讓切換更加自然,符合人們的心理預期和生活常識。

輸入

輸入賬戶和密碼是很常見的操作。為了保護用戶信息安全,現在對密碼的要求越來越高,這往往會造成用戶輸入半天卻不符合要求的窘境。下面這個微交互就很好地解決了這個問題,它實時同步給用戶,目前密碼的安全等級是否符合要求,讓用戶能夠全程參與並且達到目標。

實時同步

微交互最基本的其中一個是:實時同步,告訴用戶目前正在發生什麼。如果用戶在等待中卻並不知道現在在發生什麼,那很有可能會離開。微交互就能夠告訴用戶現在正在發生什麼,還需要多久才能結束當前的流程等等。就算是失敗的信息反饋,有了微交互,也會變得更容易讓人接受。

「活」的按鈕

按鈕在應用中的作用不言而喻,用戶的直接操作對象就是按鈕,它的顏色變化和狀態、動畫,都能夠在第一時間告知用戶最準確的信息。我們需要關注按鈕的顏色、形狀、特殊狀態、動畫等。按鈕占屏幕的比例不小,如果僅僅是操作,而不代表信息,那麼也太浪費了。一個有動畫的按鈕,作用非常大。

比如這個上傳按鈕,還可以告知用戶上傳進度。

為什麼

為什麼需要微交互。

因為,我們的用戶是焦躁的、沒有耐心的、不願意動腦子的小白。我們需要給用戶透明感、得到感、掌控感。這樣才能讓用戶更加完整順暢的使用應用。


推薦閱讀:

不畫交互稿的交互設計師
如何寫好產品中的提示文案
優雅的交互時刻打動著人心——Florence體驗報告
《有期》產品簡單體驗-第7天
《迷說》產品簡單體驗-第3天

TAG:產品體驗 | 交互設計 |