動畫的使用在交互設計中發揮著越來越重要的作用，尤其是在移動應用中，本文詳細分析了動畫在微交互中發揮的各種作用

　　眾所周知，我們總是依據封面來判斷書的好壞，聰明的設計師會創造實用有吸引力的界面。潛在用戶可能會被吸引，但如何一直黏住他們呢?

　　要試著回答這個問題，所有一切都指向人本設計，其中用戶是最主要的考量。以人為本：你的應用應該使用日常用語，包括情緒、口語，外觀還要有一絲“誘惑力”。界面應當成為你的好朋友，時刻準備給出建議提升你的體驗，讓你會心一笑。

　　現在揭幕：是微交互在起作用。精確的說，這主要是界面附帶的交互動畫，使它更具表現力。優秀的動畫能夠：

　　表達狀態并提供反饋

提升直接的操縱感

將操作結果可視化

　　在用戶體驗中，關鍵是你如何對待用戶，還有他們使用產品時的感受。極小的細節都值得加倍留心。微交互提供了用戶所需的反饋，表達了當前運行狀況。無論背后邏輯有多么復雜，都能使界面更親切。

1. 顯示系統狀態

　　Jakob Nielsen在可用性原則啟示第一條中描述：讓用戶始終知曉當前在發生什么。用戶希望立馬得到回應，但總有些情況下，網站需要一點時間等待操作完成。

　　那么，界面就應當在背景處顯示圖形，反映完成百分比。或是播放聲音，讓用戶了解當前發生的事情。這個原則也關系到文件傳輸：不要讓用戶覺得無聊，給他們看進度條。即使是不太令人愉快的通知，比如傳輸失敗，也應該以令人喜愛的方式展現。讓你的用戶微笑!

       2. 突出顯示變化

　　通常為了節省空間，應用會在需要時把某個按鈕替換掉。有時我們需要展現通知，確保用戶注意到了。動畫可以吸引他們注意，不至于忽略你認為重要的信息。

3. 保持前后關聯

　　在這個智能手機和小屏幕智能手表的時代，難以在屏幕上展現大量信息。有一種處理方式，是在不同頁面之間保持清晰的導航。讓用戶理解什么東西來自何處，便能輕易回溯。有多種方式可以實現：

4. 非標準布局

　　繼續之前的例子，微交互應當幫助用戶理解如何操作非標準的布局，去除不必要的疑惑。照片前后滑動、滾動式圖表和旋轉角色都是很棒的選擇：

5. 行動號召

　　除了幫助用戶有效地操作應用，微交互也有鼓勵用戶操作的能力：持續瀏覽、點贊或分享內容，只因為這很有吸引力，用戶不舍離去：

       6. 輸入的視覺化

　　所有應用中，數據錄入都是最重要的元素之一。數據錄入決定了用戶所得結果的質量。通常，這部分很無趣，但微交互可以使它與眾不同：

7. 使教程生動形象

　　當然，在應用發布后，動畫可以教育用戶。它突出一些基本功能和控件，排除用戶在未來的使用中的障礙。

結論

　　所以，如果你重視用戶體驗，就應該從頭到尾精細打磨界面，通過微交互與動畫為它增色添彩。它會為你的項目賦予生命。

　　注意每個細節，是使人機交互易用的成功要訣。

分享名稱：提升用戶體驗的7大微交互
本文來源：http://m.js-pz168.com/news12/164212.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有用戶體驗等

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯