如何玩轉動效?

1 評論 3396 瀏覽 16 收藏 6 分鐘

動效是嵌入app的一種“功能”,能夠強化設計感,并且有很強的目的性。動效能吸引更多的用戶的同時,還能從趨同的產品中異軍突起,可是繁雜的疊加也會降低用戶的好感度,那要如何才能設計出真正讓用戶喜歡的動效呢?

人類是受視覺驅使的動物,眼球的生理構造讓人更易注意和追逐“移動的事物”。正因此,動效被越來越多的設計師采用,成為提升用戶體驗的“秘訣”。

有了動效,產品在吸引更多用戶流量的同時,還能從趨同的產品中異軍突起,造就品牌差異化。

然而,動效不是萬能的,繁雜的疊加反而會降低用戶好感度。好的動效是有意義的、有功能性的,這取決于恰當?shù)臅r機和位置。

怎樣才能設計真正的精品?

一起來學習吧!

一、什么是動效?

動效是嵌入app的一種“功能”,能夠強化設計感,并且有很強的目的性:

  1. 降低認知負荷;
  2. 防止用戶“走失”;
  3. 更好的空間關系認知。

以用戶為中心的設計理念:用戶是焦點,站在用戶的角度添加簡潔、必要的動效,從而幫助界面更直觀、更人性化、更具響應性。

二、動效有什么作用?

優(yōu)秀的動效不僅是視覺上的驚喜,還具有多重功效。

1. 為虛擬操作帶來“實體感官”

界面控件是不可觸碰的“無形”的存在,但是可以通過動效線索讓用戶感受到“有形”,仿佛與實體按鍵交互。當需要表示交互的結果時,動效是一種快速且簡單的方式。

2. 系統(tǒng)狀態(tài)的“人性化呈現(xiàn)“

系統(tǒng)狀態(tài)的可視性是尼爾森十大可用性原則之一,用戶有權力知道系統(tǒng)當前的狀態(tài)。

如何讓漫長的等待不那么煎熬?

設計師通過動效告知用戶系統(tǒng)正在處理中,讓用戶可感知處理速度,從而帶來正面反饋,上傳和下載就是運用此類動效的經典示例。

3. 潛移默化的“視覺暗示”

用戶面對一些非常態(tài)的交互(例如手勢類的交互)是手足無措的,通過動效可以引導用戶完成操作,提高產品可用性。

4. 邏輯清晰的“層級轉換”

任何產品都有其邏輯架構和邏輯層級,當邏輯比較寬、層級比較深的時候,通過動效可以讓用戶在使用過程當中知道自己處于哪一個層級,頁面之間是什么層級關系。

5. 與眾不同的“品牌價值”

在同類產品都趨同的現(xiàn)狀下,通過動效可以凸顯品牌價值,利用動效高吸引力的優(yōu)勢,在宣傳品牌的同時,讓用戶記憶深刻,同時也是產品差異化的一種方式。

最后的最后,筆者想要說幾句:動效是設計中的“錦上添花”,而非畫蛇添足,不要為動效而動效?;ㄉ诙粚嵱玫脑O計會讓用戶產生歧義,進而阻礙用戶行為。

當設計動效時,牢記一句話:

“動效永遠是有意義的,而不是炫技”

反復的迭代和用戶測試可以確保動效的合理性,只有出現(xiàn)在恰當?shù)臅r機和位置的動效,才能給用戶帶來完美的體驗!

 

本文由 @芥子末末 原創(chuàng)發(fā)布于人人都是產品經理。未經許可,禁止轉載

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

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