通常,優(yōu)秀的設(shè)計(jì)都是無形的,一個(gè)出色的動(dòng)效能夠讓你的app或網(wǎng)站變得更加的友好,更能吸引用戶的眼球,且不會(huì)讓用戶分心。所謂動(dòng)效不僅只是裝飾而已,其本質(zhì)是用戶物理對象操作是獲得的交互體驗(yàn)反饋,再提高使用效率的同時(shí)讓用戶感到愉悅。正因如此,所以大部分用戶都期待動(dòng)效作為交互體驗(yàn)的組成部分,但設(shè)計(jì)優(yōu)秀的動(dòng)效并不容易,需要注意如下幾點(diǎn):
一、告知用戶正在運(yùn)行
每一步發(fā)生了什么用戶都想要知道,若超過3秒沒有任何反饋的,很多用戶都會(huì)選擇直接關(guān)閉應(yīng)用,但若告知用戶應(yīng)用正在運(yùn)行,等待就不會(huì)變得無趣,尤其是在刷新、載入頁面更應(yīng)該注意這點(diǎn)。
二、告知用戶進(jìn)度
只讓用戶知道程序在運(yùn)行還不夠,還要能夠看到載入速度和加載時(shí)長,進(jìn)度條的作用得以凸顯,告知用戶進(jìn)度狀況,可以成為交互等待過程中的娛樂元素,抵消一些負(fù)面的體驗(yàn),成為一個(gè)病毒的功能,引起用戶分享得興趣,繼而吸引更多的用戶。
三、闡明運(yùn)動(dòng)的自然屬性
一般原則顯示沒有生命的機(jī)械物體的運(yùn)動(dòng)軌跡通常都是直線,而有生命的物體擁有更為復(fù)雜和非直線性的運(yùn)動(dòng)軌跡。您要決定您的UI要給用戶呈現(xiàn)的什么樣的印象,并且將這種屬性賦予它。
四、突出關(guān)鍵信息
動(dòng)效設(shè)計(jì)中重要的問題就是視覺層次感和導(dǎo)航的明確性,用戶注意力應(yīng)該根據(jù)其目標(biāo)和條件立即被吸引到交互的關(guān)鍵要素,動(dòng)效元素為這一方面提供了巨大的支持力,實(shí)現(xiàn)了布局中更快,更清晰的標(biāo)記重要元素。
五、避免無趣
有趣的動(dòng)效可以畫龍點(diǎn)睛,幫您吸引更多的用戶,讓您的APP脫穎而出。這是設(shè)計(jì)師讓用戶愛上他們產(chǎn)品的一個(gè)秘密武器,獨(dú)特的動(dòng)效可以助您創(chuàng)立一個(gè)識(shí)別度高的品牌,如下面的例子,移動(dòng)的圓圈看起來非常別致并且很吸引人的注意力。沿著屏幕移動(dòng)的這種效果能夠帶來愉悅感和游戲感,簡單并且有趣。
六、善用夸張動(dòng)效吸引用戶
在界面中,重要的交互會(huì)通過一些夸張的動(dòng)畫來引起用戶的注意。谷歌設(shè)計(jì)規(guī)范中的 FAB按鈕就是一個(gè)很好的例子,F(xiàn)AB按鈕在不動(dòng)的時(shí)候也比較能引起注意,因?yàn)樗ǔ?huì)帶有比較鮮明的顏色,并且是獨(dú)立懸浮在界面元素之上的。當(dāng)它被點(diǎn)擊時(shí),F(xiàn)AB的動(dòng)畫被放大,把整個(gè)界面都占滿,使得它完全占據(jù)用戶的注意力。
提示:頁面中的每一個(gè)動(dòng)效效果都需要精心的設(shè)計(jì),讓整個(gè)體驗(yàn)更具沉浸感,在正確的地方使用上述天津網(wǎng)站建設(shè)說的這幾個(gè)原則能夠確保產(chǎn)品中的交互體驗(yàn)更加協(xié)調(diào)自然哦!