今天翻到了幾年前做內(nèi)部的KS的時候隨手做的Axure小案例,是關(guān)于微交互的。
于是就寫一下個人關(guān)于微交互的內(nèi)容吧。
在本系列文章的第一篇里,說到了約束和平衡,想回頭閱讀的童鞋可以點擊鏈接回去。
其中說到了在移動端受到布局約束和其余已培養(yǎng)成熟的用戶習(xí)慣約束。
場景A:這種的情況下,整體界面布局已經(jīng)發(fā)展到很難創(chuàng)新的地步了,比如Tab欄/下拉菜單,你可以改變有限的幾種不同的布局或是選擇去掉Tab,但是你不可能違反常規(guī)的使用上拉菜單,這種時候如何幫助系統(tǒng)更加簡單,降低用戶認知負荷,
場景B:當(dāng)一個產(chǎn)品已經(jīng)趨于功能完備,穩(wěn)定的前提下,如何加強與用戶的情感聯(lián)系,使產(chǎn)品變的更加好用,細節(jié)之處見真章。
這個時候,我們需要用到Microinteraction,也就是微交互。
微交互不是基本的產(chǎn)品功能,但功能都滿足的前提下,微交互成了產(chǎn)品的核心競爭力之一。
如果產(chǎn)品的結(jié)構(gòu)或功能類似,往往通過產(chǎn)品的體驗來擴大宣傳或提升產(chǎn)品的品牌忠誠度,而產(chǎn)品的功能之上的整體體驗來自于各種微交互的組成。假設(shè)我們把自己的產(chǎn)品擬人化的話,那么各個呈現(xiàn)在用戶視覺之上的就是人的外在器官(如眼眉耳口鼻),組件的細節(jié)決定了你的產(chǎn)品看起來是吳彥祖還是黃渤(雖然兩個人各有魅力,但是我的意思應(yīng)該大家都明白。) 而微交互,就是通過器官表達的“感情”,比如笑起來的吳彥祖或者嚴肅起來的黃渤,皺眉的某女神又或者其他。作為一個產(chǎn)品狗或者是設(shè)計師,你可以通過組件細節(jié)和微交互盡情的和你的用戶達到通感從而提升你產(chǎn)品在同質(zhì)化產(chǎn)品下的競爭力。
OK,微交互是什么呢?
如果你谷歌“微交互”,你搜到的幾乎都是他所提供的權(quán)威信息和話題,以及他的那本《微交互》。Saffer認為微交互在結(jié)構(gòu)上是由四個部分構(gòu)成的,而這個定義也更加便于你來理解或者創(chuàng)造微交互。
Dan Saffer在他的書中(Microinteractions)第一次描述了微交互的概念,這些小細節(jié)專注于服務(wù)這些必要的功能:
交流回饋或者動作的結(jié)果回饋
完成某個單獨的任務(wù)
增強直接操作的感覺
幫助用戶在視覺上展示操作的結(jié)果,以及避免錯誤
以上是官方的定義,但是在我個人的思考里,上述1,3,4其實描述的重點都是回饋,是系統(tǒng)對用戶感情的表達,回饋注重的是讓用戶更明確自己的操作與系統(tǒng)的狀態(tài)改變,凡是在單獨任務(wù)上,幾乎都可以用上微交互。
將某個動作之后的結(jié)果視覺化的表現(xiàn)出來,幫助用戶明白此時的系統(tǒng)狀態(tài)或自身所處的位置:

這個例子的對下載的失敗狀態(tài)進行了很多的細節(jié)描述,但是忽略了感情的表達,如果加上合適的表情或者文案鼓勵用戶再來一次,或許是更好的選擇。

這個例子標(biāo)明了用戶所處的位置,讓用戶不會迷失,同樣的如果是閱讀鼓勵類的社區(qū)產(chǎn)品,可以考慮加入鼓勵的表情或者元素讓與用戶的感情交流更加強烈。
作為向?qū)?/b>幫助用戶操作屏幕上的某些元素或幫助用戶理解人機交互之間的聯(lián)系:

這個交互讓第一次綁卡的用戶不會感到陌生,能夠幫助用戶理解所需輸入信息的格式,來源。
人機快速溝通時的狀態(tài)與反饋:

輕松、流暢而有意義的轉(zhuǎn)場
在轉(zhuǎn)場過程中,如果有無法避免出現(xiàn)需要用戶的等待時間,可以使用微交互盡量的表達出輕松,流暢的感覺,轉(zhuǎn)移用戶的注意力,愉悅用戶以緩解用戶的等待焦慮。

那么,在使用微交互的過程中,需要避免哪些問題呢?
1. 結(jié)合產(chǎn)品本身的用戶群和背景,能讓你的微交互表達的情感更加準(zhǔn)確和高效;
2. 不要濫用,微交互的特色是恰到好處,表達出想要的情感或反饋即可;
3. 保持簡潔高效,正確的微交互應(yīng)當(dāng)為用戶提供適合的視覺線索和動效,復(fù)雜的交互和繁瑣的UI是最常見的錯誤,結(jié)構(gòu)化的設(shè)計和鮮明的色彩比過度裝飾要強的多;
4. 必須能支持長時效的使用,而不會在今后對用戶產(chǎn)生困擾;
5. 不要對產(chǎn)品本身的響應(yīng)或功能造成阻礙,如果不需要微交互響應(yīng)時間是在10ms而加入了微交互達到1000ms,那么你要考慮的就是減掉你微交互的元素以至于讓響應(yīng)時間達到原本用戶可以接受的程度之內(nèi)或者干脆取消它,這里又是約束與平衡的問題了。
有問題意見歡迎拍磚留言,下回再見!