歡迎訪問福建華南職校
Vocational Knowledge
職業學堂
聯系我們
銷售熱線:
Contact Hotline
400-101-9039 400-101-9039
傳真:400-101-9039

E-mail:2383956852@qq.com

公司地址:廈門市湖里區金鐘路6號萬達寫字樓D1棟
當前位置: 主頁 > 新聞資訊 > 職業學堂 >
場景UI交互動效設計五大法則
 

下面重點跟大家闡述一下關于場景UI 交互動效的6個目的、4項作用以及5大應用法則。希望對各位的場景UI交互動效設計有一定的幫助。

場景UI 交互動效的首要目標應是支持和增強用戶在狀態間的轉化。

Saffer(2013) 提出使用動效存在下列6個目的:

1、吸引用戶注意力在指定區域

2、表現對象和用戶操作間的關系

3、維持多窗口或多狀態的上下文關系

4、提供持續性事件的認知感

5、創造虛擬空間引導用戶在狀態和功能間轉化

6、創造沉浸感和趣味性

場景UI 四項作用:

1、支持微交互

2、顯示運動過程

3、解釋

4、裝飾

Google 的 Material Design(2017), 提出在 MD 中,動效用來描述空間關系,功能,富有美感和流動性的目標。

動效顯示 APP 是如何組織的以及它能夠做什么,具體如下:

1、引導窗口切換

2、提示用戶接下來發生的事

3、對象間的層級感和空間感

4、減緩用戶對等待事件的認知

5、美感和個性化

綜上,筆者總結了交互動效的使用目的, SAFRI,游獵法則

1.State

告訴用戶對象和窗口的狀態是如何變化的

當界面中對象狀態需要發生變化時,可以用動效展示變化的過程,讓用戶更清楚的感知到該變化。相應的,當窗口發生變化時,可以用動效更清楚展示窗口是如何從一個狀態轉變到另一個狀態的。

2. Attention

吸引用戶注意力,告訴用戶做什么

當你想讓用戶關注某一個區域,或執行某一個操作時,可以通過動效吸引他們的注意力。當用戶需要執行操作時,注意 UI 和動效的結合要能告知用戶需要進行的操作。

3. Feedback

告訴用戶操作和對象間的關系

當用戶執行了某一操作后,動效是一個非常好用的反饋機制。通過動效的適當運用,用戶可以清晰感知到自己操作的反饋,讓用戶知道自己做了什么。

4. Relief

緩解用戶對應用處理速度的感知

當應用執行一個長時間操作時,可以用動效緩解用戶對時間的感知,甚至創建一個假的動效效果(其實應用并不用處理這么長時間)。當下許多 APP 下拉時的加載動效運用的便是該原理。對于用戶,他們關注的是感受到的速度,而不是應用實際消耗的速度。

5. Individuation

讓產品更有趣和個性

為了讓產品更有趣味性,可以在某些場合適當運用動效創造一些讓人愉悅的動畫效果。兩點是筆者覺得需要注意的,一是動效時間要足夠短,二是動效要足夠流暢。

需要說明的是,這些目的不是獨立存在的。設計師可以運用其中任意幾條去設計一個動效。比如,兩個窗口間的切換動效不僅吸引了用戶的注意力,告訴用戶面板在切換了。而且還告訴用戶兩個面板的位置和空間關系,上下,左右還是前后。

返回首頁
在線客服
關注官方微信
電話聯系
返回頂部
日本三级香港三级人妇少妇_日本毛x片免费视频观看视频_日本高清熟妇老熟妇