動畫的使用在交互設(shè)計中發(fā)揮著越來越重要的作用，尤其是在移動應(yīng)用中，本文詳細(xì)分析了動畫在微交互中發(fā)揮的各種作用

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

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

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

　　表達(dá)狀態(tài)并提供反饋

提升直接的操縱感

將操作結(jié)果可視化

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

1. 顯示系統(tǒng)狀態(tài)

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

　　那么，界面就應(yīng)當(dāng)在背景處顯示圖形，反映完成百分比?；蚴遣シ怕曇?，讓用戶了解當(dāng)前發(fā)生的事情。這個原則也關(guān)系到文件傳輸：不要讓用戶覺得無聊，給他們看進(jìn)度條。即使是不太令人愉快的通知，比如傳輸失敗，也應(yīng)該以令人喜愛的方式展現(xiàn)。讓你的用戶微笑!

       2. 突出顯示變化

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

3. 保持前后關(guān)聯(lián)

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

4. 非標(biāo)準(zhǔn)布局

　　繼續(xù)之前的例子，微交互應(yīng)當(dāng)幫助用戶理解如何操作非標(biāo)準(zhǔn)的布局，去除不必要的疑惑。照片前后滑動、滾動式圖表和旋轉(zhuǎn)角色都是很棒的選擇：

5. 行動號召

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

       6. 輸入的視覺化

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

7. 使教程生動形象

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

結(jié)論

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

　　注意每個細(xì)節(jié)，是使人機(jī)交互易用的成功要訣。

網(wǎng)頁名稱：提升用戶體驗的7大微交互
本文地址：http://redsoil1982.com.cn/news/164212.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有用戶體驗等

廣告

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