這7種動態效果,可以大大提高交互過程中的用戶體驗

我們總是依據封面來判斷書的好壞,聰明的設計師會創造實用有吸引力的界面。潛在用戶可能會被吸引,但如何一直黏住他們呢?要試著回答這個問題,所有一切都指向人本設計,其中用戶是最主要的考量。以人為本:你的應用應該使用日常用語,包括情緒、口語,外觀還要有一絲“誘惑力”。界面應當成為你的好朋友,時刻準備給出建議提升你的體驗,讓你會心一笑。


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

  • 表達狀態并提供反饋

  • 提升直接的操縱感

  • 將操作結果可視化


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


1. 顯示系統狀態

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

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

2. 突出顯示變化

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

3. 保持前后關聯

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

4. 非標準布局

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

5. 行動號召

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

6. 輸入的視覺化

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

7. 使教程生動形象

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

結論

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

來源:北京普蘭

上一篇: UI設計新人常見的7個簡歷問題

下一篇: 打磨UI細節:對話文本應該用大寫還是用小寫?

分享到: 更多
王者荣耀单机版2 体彩排列三6码遗漏 六码倍投计划表图片 三公官网 时时彩最快开奖 1977通比牛牛的规律 pk10杀码计划在线 我要牛牛看牌抢庄秘诀 足球竞彩稳赚不赔技巧 pt老虎机娱乐网站官方 时时彩人工计划 北京时时5分 为什么黑客不去网赌 3d福彩五码复式计划大师 二十一点要牌技巧 北京pk10玩法