UI動(dòng)效:提高用戶體驗(yàn)的完美解決方案

2017-7-11    用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請點(diǎn)這里


為什么用戶如此熱衷動(dòng)效?


答案很簡單,因?yàn)閯?dòng)效是對實(shí)時(shí)交互的本質(zhì)的補(bǔ)充。也就是說,動(dòng)效可以營造一種跟物理世界的物體交互事的情感體驗(yàn)。無疑,交互能夠帶給用戶滿足感。本文介紹5個(gè)作者認(rèn)為在設(shè)計(jì)動(dòng)效事非常有用的交互設(shè)計(jì)核心原則。


UI動(dòng)效是一個(gè)讓移動(dòng)應(yīng)用簡單、清晰、智能以及以用戶為中心最有效的方法,通常,UI動(dòng)效總能帶給用戶積極的體驗(yàn)。


UI動(dòng)效的類型


  1. 盡可能使用微交互
    微交互是一個(gè)完成某項(xiàng)任務(wù)中稍縱即逝的時(shí)刻。它的主要作用就是幫助用戶清晰的了解到交互已經(jīng)完成啦。比如,生動(dòng)的按鈕、開關(guān)、切換或者其他。微交互在交互動(dòng)效中十分重要,實(shí)際上,微交互可能是設(shè)計(jì)的未來。


UI動(dòng)效:提高用戶體驗(yàn)的完美解決方案

 

2.展示進(jìn)度
這個(gè)交互主要展示app的刷新或者加載狀態(tài)。下拉刷新在如今的app設(shè)計(jì)中很流行。它不僅具有信息性,同時(shí)也很時(shí)尚、美觀,更重要的是它會(huì)讓用戶等待加載內(nèi)容的這段時(shí)間變得愉悅。


3.展示關(guān)鍵導(dǎo)航
清晰的導(dǎo)航一直是數(shù)碼產(chǎn)品交互設(shè)計(jì)師的關(guān)心點(diǎn)。用戶通常希望一眼看到最關(guān)鍵的東西。通過動(dòng)效暗示導(dǎo)航的選中狀態(tài),會(huì)立刻將用戶引導(dǎo)到指定內(nèi)容。

UI動(dòng)效:提高用戶體驗(yàn)的完美解決方案

 

4.給數(shù)據(jù)可視化加點(diǎn)魔術(shù)效果
很明顯,一說到數(shù)據(jù),人們通常感到無聊。對于用戶來說數(shù)據(jù)是數(shù)字和圖表。當(dāng)然這沒錯(cuò)也符合邏輯,知道數(shù)據(jù)被這些元素和邏輯驅(qū)動(dòng)。像這樣美學(xué)和易用性結(jié)合的UI動(dòng)效會(huì)使用戶產(chǎn)生共情感。數(shù)據(jù)可以通過形狀、顏色、漸變、呼吸感的布局以及動(dòng)態(tài)運(yùn)動(dòng)表示。

UI動(dòng)效:提高用戶體驗(yàn)的完美解決方案

 

一些優(yōu)質(zhì)移動(dòng)app動(dòng)效設(shè)計(jì)的建議:


1.動(dòng)效不應(yīng)分散用戶在屏幕上重要功能上的注意力。
2.設(shè)計(jì)動(dòng)效時(shí)應(yīng)該考慮到應(yīng)用在不同設(shè)備和屏幕倍率的問題。
3.動(dòng)效設(shè)計(jì)應(yīng)該遵循GUI,對品牌的延展。
4.loading動(dòng)畫不能占用過多的資源。
5.不要過度加載屏幕。


總之,適當(dāng)?shù)腢I動(dòng)效設(shè)計(jì)可以提高可用性。界面的UI動(dòng)效會(huì)帶來以下好處:



1.提高可用性

2.友好地、方便地和容易地交互

3.提供給用戶清晰的反饋,滿足期望

4.創(chuàng)造愉悅時(shí)尚的視覺設(shè)計(jì)


藍(lán)藍(lán)設(shè)計(jì)m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)


日歷

鏈接

個(gè)人資料

存檔