6種微交互,增加產品魅力值
在競爭激烈的市場環(huán)境下,微交互顯得格外重要。如果產品的功能類似,那只能靠提高產品的使用體驗來吸引用戶并擴大銷量。
“最好的產品通常會做好兩件事情:功能和細節(jié)。功能能夠吸引用戶關注這個產品,而細節(jié)則能夠讓關注的用戶留下來。”
Dan Saffer 的這句話闡明了許多成功產品的秘訣。
在競爭激烈的市場環(huán)境下,微交互顯得格外重要。如果產品的功能類似,那只能靠提高產品的使用體驗來吸引用戶并擴大銷量。
微交互的定義和作用
什么是微交互:產品中通過交互實現(xiàn)功能的細節(jié)。
它實現(xiàn)了3個重要的作用:
1)呈現(xiàn)系統(tǒng)狀態(tài)并給予用戶反饋;
2)增強用戶的操控感;
3)帶給人驚喜愉悅的感受。
本質上體現(xiàn)了“以人為本”的設計精神,讓用戶感覺順暢、愉悅以及人性化。
設計微交互的6種方式
1. 左右滑動
圖1是每日優(yōu)鮮的首頁設計,當用戶點擊第2個以及之后的倒數(shù)第2個之間的任何一個標簽,點擊的標簽都會自動居中放大展示,表示后面是否還有標簽切換。

圖2是網(wǎng)易考拉的首頁設計,當banner滾動時,背景顏色也會隨著切換,目的是為了吸引用戶關注。

2. 上拉滑動
圖三是淘寶首頁的設計,當頁面向上滑動時,選項標簽會自動置頂

圖3淘寶首頁

圖4美團外賣訂單詳情
3. 系統(tǒng)狀態(tài)

圖5

圖6

4. 操作引導
![]()


5. 操作反饋


6. 運營動效



設計微交互時需要考慮的點
1.功能性
確保動畫服務于功能目的,不要讓用戶感到尷尬或被打擾。
2.KISS原則
KISS 原則是用戶體驗的高層境界,簡單地理解這句話,就是要把一個產品做得連白癡都會用,因而也被稱為“懶人原則”。換句話說來,“簡單就是美”。
即通過迅速地傳達有價值的信息來節(jié)省時間。
3.讓用戶感到愉悅
讓用戶感到開心,用戶使用時候的主觀感受,決定了他們是否要繼續(xù)使用下去。
4.與其它界面保持視覺統(tǒng)一
微交互的風格應該與App 的整體匹配,營造和諧的產品感知。
參考:
《微交互:細節(jié)設計成就卓越產品》 Dan Saffer
KISS 原則源于 David Mamet(大衛(wèi)馬梅)的電影理論,后來被逐漸延伸擴展到其他領域。






































